<!DOCTYPE html><html lang="ru"> <head><meta charset="UTF-8"><meta name="description" content="В LeaderTask вы можете создавать задачи, разделять их на подзадачи и настраивать их под свои нужды. Делегируйте задачи своей команде уже сегодня."><meta name="robots" content="index, follow"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta property="og:title" content="LeaderTask — это список дел и ваше приложение для управления задачами"><meta property="og:description" content="В LeaderTask вы можете создавать задачи, разделять их на подзадачи и настраивать их под свои нужды. Делегируйте задачи своей команде уже сегодня."><meta property="og:url" content="https://www.leadertask.ru/"><meta property="og:site_name" content="ЛидерТаск"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="preload" href="/fonts/cygre/Cygre-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="/fonts/cygre/Cygre-SemiBold.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="/fonts/cygre/Cygre-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="canonical" href="https://www.leadertask.ru/"><meta name="generator" content="Astro v5.15.0"><title>LeaderTask — это список дел и ваше приложение для управления задачами</title><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"LeaderTask","description":"ЛидерТаск - сервис для планирования и работы в команде","alternateName":"LeaderTask","url":"https://www.leadertask.ru","email":"911@leadertask.com","telephone":"+7-4852-685-820","legalName":"ООО «Органайзер ЛидерТаск»","logo":"/assets/images/icons/logo.webp","image":"/assets/images/icons/leadertask-cover.webp","address":{"@type":"PostalAddress","addressCountry":"RU","addressLocality":"Ярославль","addressRegion":"Россия","postalCode":"150000","streetAddress":"Трефолева ул., 20Б"},"sameAs":["https://vk.com/leadertask","https://t.me/leadertaskpublic"]}</script><style>.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
.hero-badge__beam-ring[data-astro-cid-r564i4er]{position:absolute;top:50%;left:50%;width:200%;aspect-ratio:1;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg 265deg,var(--color-accent-orange) 285deg,var(--color-accent-orange-visited) 300deg,var(--color-accent-orange) 315deg,transparent 335deg 360deg);animation:hero-badge-border-spin 3s linear infinite}@keyframes hero-badge-border-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.home-blog-card__cover[data-astro-cid-iobbjpxh]{transition:box-shadow .2s ease}.group[data-astro-cid-iobbjpxh]:hover .home-blog-card__cover[data-astro-cid-iobbjpxh]{box-shadow:0 .09px 1.3px #00000005,0 .5px 2.99px #0000000f,0 1.81px 7.86px #00000014,0 8px 32px #0000001f}
</style>
		<link rel="preload" href="/_astro/accelerator-2.D7MRNrIP.css" as="style">
<link rel="stylesheet" href="/_astro/accelerator-2.D7MRNrIP.css">
<style>.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;.swiper-slide-active{pointer-events:auto}}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-slide,.swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{.swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.app-button[data-astro-cid-c6ht4qe3]{position:relative;overflow:hidden}.app-button--ripple[data-astro-cid-c6ht4qe3]:after{content:"";position:absolute;left:50%;top:50%;width:var(--ripple-size, 12rem);height:var(--ripple-size, 12rem);border-radius:9999px;background-color:currentColor;pointer-events:none;mix-blend-mode:screen;opacity:0;transform:translate(-50%,-50%) scale(1);transition:transform .6s ease-out,opacity .6s ease-out}.app-button--ripple[data-astro-cid-c6ht4qe3]:active:after{opacity:.35;transform:translate(-50%,-50%) scale(.2);transition:none}
.swiper-slide[data-astro-cid-pvxdty7h]{height:auto}
</style></head> <body class="bg-gray grid grid-rows-a1a min-h-screen font-body"> <header id="header" class="sticky top-0 z-50 transition-all duration-200 bg-gray"> <div class="px-2.5 h-13 lg:h-auto relative z-10 py-2 lg:py-5 bg-gray lg:px-16 mx-auto xl:container flex justify-between items-center"> <a href="/" class="flex items-center gap-4" aria-label="LeaderTask - перейти на главную страницу"> <img src="/logo-full_medium.webp" alt="logo" srcset="/logo-full_small.webp 768w, /logo-full_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)" loading="lazy" decoding="async" fetchpriority="auto" width="328" height="80" class="w-28.75 h-7 lg:w-41 lg:h-10"> </a> <div class="flex items-center gap-2.5 lg:gap-8"> <nav class="items-center gap-2.5 hidden lg:flex"> <a id="app-button-310vcsalh" href="/features" class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden bg-transparent text-primary px-3 py-2 hover:bg-accent-orange! hover:text-white active:bg-accent-orange-dark px-3 py-2 rounded-2 text-base  no-underline" data-click-effect="false" data-astro-cid-c6ht4qe3="true">
Возможности
 </a>  <a id="app-button-ex9fsabgz" href="/compare" class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden bg-transparent text-primary px-3 py-2 hover:bg-accent-orange! hover:text-white active:bg-accent-orange-dark px-3 py-2 rounded-2 text-base  no-underline" data-click-effect="false" data-astro-cid-c6ht4qe3="true">
Тарифы
 </a>  <a id="login-button" href="/web/login" class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden bg-transparent text-primary px-3 py-2 hover:bg-accent-orange! hover:text-white active:bg-accent-orange-dark px-3 py-2 rounded-2 text-base  gap-1.5 flex items-center no-underline" data-click-effect="false" data-astro-cid-c6ht4qe3="true"><svg class="shrink-0 w-5 h-5 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-login"></use> </svg>
Войти
 </a>  </nav> <a id="get-started-button" href="/web/login" class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden bg-accent-orange text-white hover:bg-accent-orange-dark active:bg-accent-orange-dark font-bold px-3 py-2 rounded-2 text-base  no-underline h-9 text-[14px]" data-click-effect="false" data-get-started-download="true" data-astro-cid-c6ht4qe3="true">
Начать бесплатно
 </a>  <button id="mobile-menu-toggle" class="burger lg:hidden!" aria-label="Открыть меню навигации" aria-expanded="false" aria-controls="mobile-menu"> <span class="burger__lines"> <span class="burger__line"></span> <span class="burger__line"></span> <span class="burger__line"></span> </span> </button> </div> </div> <div id="mobile-menu" class="asbolute inset-0 lg:hidden"> <div id="mobile-menu-content" class="p-6 z-6 w-full justify-items-center transition-all duration-200 absolute left-0 rounded-b-2.5 grid gap-3 bg-gray -translate-y-full top-0 opacity-0"> <a id="app-button-h8w8du2ts" href="/features" class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden bg-transparent text-primary px-3 py-2 hover:bg-accent-orange! hover:text-white active:bg-accent-orange-dark px-3 py-2 rounded-2 text-base  no-underline w-max" data-click-effect="false" data-astro-cid-c6ht4qe3="true">
Возможности
 </a>  <a id="app-button-0s9exdjot" href="/compare" class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden bg-transparent text-primary px-3 py-2 hover:bg-accent-orange! hover:text-white active:bg-accent-orange-dark px-3 py-2 rounded-2 text-base  no-underline w-max" data-click-effect="false" data-astro-cid-c6ht4qe3="true">
Тарифы
 </a>  <a id="mobile-menu-get-started-button" href="/web/login" class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden bg-accent-orange text-white hover:bg-accent-orange-dark active:bg-accent-orange-dark font-bold px-3 py-2 rounded-2 text-base  no-underline w-max px-3 py-2" data-click-effect="false" data-get-started-download="true" data-astro-cid-c6ht4qe3="true">
Начать бесплатно
 </a>  <div class="flex gap-5 py-3"> <a href="https://apps.apple.com/ru/app/leadertask-task-to-do-list/id6504613667" class="w-10 h-10 rounded-3 flex items-center justify-center bg-white" aria-label="Скачать LeaderTask из App Store" target="_blank" rel="noopener noreferrer"> <img src="/apple-logo_medium.webp" alt="Apple" class="h-5.75 w-5 object-contain" aria-hidden="true" width="20" height="23" loading="lazy" fetchpriority="low" srcset="/apple-logo_small.webp 768w, /apple-logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </a> <a href="https://play.google.com/store/apps/details?id=com.leadertask.app" class="w-10 h-10 rounded-3 flex items-center justify-center bg-white" aria-label="Скачать LeaderTask из Google Play" target="_blank" rel="noopener noreferrer"> <img src="/play-logo_medium.webp" alt="Google Play" class="w-5 h-5" aria-hidden="true" width="20" height="20" loading="lazy" fetchpriority="low" srcset="/play-logo_small.webp 768w, /play-logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </a> <a href="https://www.rustore.ru/catalog/app/com.leadertask.app" class="w-10 h-10 rounded-3 flex items-center justify-center bg-white" aria-label="Скачать LeaderTask из Rustore" target="_blank" rel="noopener noreferrer"> <img src="/rustore-logo_medium.webp" alt="Rustore" class="w-5 h-5" aria-hidden="true" width="20" height="20" loading="lazy" fetchpriority="low" srcset="/rustore-logo_small.webp 768w, /rustore-logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </a> </div> </div> <div id="mobile-menu-overlay" class="absolute inset-0 h-dvh w-full transition-all duration-200 bg-dark-alpha-40 z-5 opacity-0 pointer-events-none"></div> </div> </header> <main>  <div class="px-2.5 lg:px-16 xl:container w-full mx-auto">  <section class="mt-5"> <div class="mx-auto flex p-1 border rounded-[10px] bg-white border-gray-light w-full max-w-101.5"> <a href="/" class="text-[14px] leading-normal font-geist rounded-[6px] transition-all text-center hover:text-primary p-1 w-full bg-light text-primary font-semibold">
Для себя
</a> <a href="/team" class="text-[14px] leading-normal font-geist rounded-[6px] transition-all text-center hover:text-primary p-1 w-full bg-transparent font-medium text-tertiary">
Для команды
</a> </div> </section> <section class="mt-5 lg:mt-10 relative shadow-hero rounded-4 py-8 px-1 lg:py-16 lg:px-10 bg-white" data-astro-cid-r564i4er> <div class="flex flex-col relative z-2 items-center gap-6 text-center" data-astro-cid-r564i4er> <div class="hero-badge relative inline-flex rounded-full mx-auto w-max p-px overflow-hidden bg-gray-light" data-astro-cid-r564i4er> <div class="hero-badge__beam pointer-events-none absolute inset-0 overflow-hidden rounded-full" aria-hidden="true" data-astro-cid-r564i4er> <div class="hero-badge__beam-ring" data-astro-cid-r564i4er></div> </div> <div class="relative z-1 rounded-full px-4 py-1 text-[12px] md:text-[14px] leading-normal font-geist-mono font-semibold text-primary bg-gray" data-astro-cid-r564i4er>
15 лет помогаем наводить порядок
</div> </div> <h1 class="text-[35px] lg:text-[56px] leading-10 lg:leading-16 font-bold font-geist text-primary" data-astro-cid-r564i4er> <span data-astro-cid-r564i4er>
Таск-менеджер <br data-astro-cid-r564i4er> для порядка в делах
</span> </h1> <p class="text-[16px] leading-6 lg:text-[20px] lg:leading-normal font-inter max-w-128.75 text-secondary" data-astro-cid-r564i4er> Все задачи, заметки и планы в одном месте — без хаоса и перегрузки. </p> <a id="get-started-button" href="/web/login " class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden app-button--ripple bg-dark text-white font-bold hover:bg-accent-orange! active:bg-accent-orange-dark px-3 py-2 rounded-2 text-base  no-underline w-max px-12 font-geist h-11 hover:bg-accent-orange! hover:text-white" data-click-effect="true" data-get-started-download="true" data-astro-cid-c6ht4qe3="true">
Начать бесплатно
 </a>  <span class="text-[12px] uppercase font-geist-mono leading-normal text-tertiary" data-astro-cid-r564i4er>
Без карты · Работает офлайн · Российская разработка
</span> </div> <img src="/HeroImgPers_high.webp" alt="hero img" fetchpriority="high" loading="eager" data-astro-cid-r564i4er="true" decoding="async" width="375" height="242" class="w-full relative z-2 lg:max-h-171.5 object-contain" srcset="/HeroImgPers_small.webp 768w, /HeroImgPers_medium.webp 1024w, /HeroImgPers_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)">  </section>  <section class="section-top-indent lg:rounded-5 grid" aria-labelledby="media-reviews-title"> <div id="media-reviews-swiper" data-media-reviews-slider class="swiper overflow-hidden grid-cols-full w-full"> <div class="swiper-wrapper"> <div class="swiper-slide h-auto max-md:w-full lg:w-120! shrink-0 transition-opacity duration-300 lg:opacity-50 lg:[&.swiper-slide-active]:opacity-100"> <article class="media-reviews-card flex flex-col justify-between gap-6 bg-white border border-gray-light rounded-5 shadow-card p-5 lg:p-6 h-full w-full"> <p class="text-[20px] leading-normal lg:leading-tight lg:text-[32px] font-semibold font-geist text-primary"> “Работает даже без интернета — изменения сохраняются и синхронизируются при подключении.” </p> <div class="flex justify-end items-center h-10"> <img src="/MEDIA_REVIEWS_1_medium.webp" alt="Russian Business" width="1024" height="239" class="h-6 w-auto max-w-full object-contain" loading="lazy" srcset="/MEDIA_REVIEWS_1_small.webp 768w, /MEDIA_REVIEWS_1_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> </article> </div><div class="swiper-slide h-auto max-md:w-full lg:w-120! shrink-0 transition-opacity duration-300 lg:opacity-50 lg:[&.swiper-slide-active]:opacity-100"> <article class="media-reviews-card flex flex-col justify-between gap-6 bg-white border border-gray-light rounded-5 shadow-card p-5 lg:p-6 h-full w-full"> <p class="text-[20px] leading-normal lg:leading-tight lg:text-[32px] font-semibold font-geist text-primary"> “Это не просто список дел, а полноценная система управления проектами с элементами CRM и аналитики.” </p> <div class="flex justify-end items-center h-10"> <img src="/MEDIA_REVIEWS_2_medium.webp" alt="timeweb" width="1024" height="239" class="h-6 w-auto max-w-full object-contain" loading="lazy" srcset="/MEDIA_REVIEWS_2_small.webp 768w, /MEDIA_REVIEWS_2_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> </article> </div><div class="swiper-slide h-auto max-md:w-full lg:w-120! shrink-0 transition-opacity duration-300 lg:opacity-50 lg:[&.swiper-slide-active]:opacity-100"> <article class="media-reviews-card flex flex-col justify-between gap-6 bg-white border border-gray-light rounded-5 shadow-card p-5 lg:p-6 h-full w-full"> <p class="text-[20px] leading-normal lg:leading-tight lg:text-[32px] font-semibold font-geist text-primary"> “Мощный и стильный инструмент для личного использования и командной работы.” </p> <div class="flex justify-end items-center h-10"> <img src="/MEDIA_REVIEWS_3_medium.webp" alt="Жи" width="1024" height="464" class="h-6 w-auto max-w-full object-contain" loading="lazy" srcset="/MEDIA_REVIEWS_3_small.webp 768w, /MEDIA_REVIEWS_3_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> </article> </div><div class="swiper-slide h-auto max-md:w-full lg:w-120! shrink-0 transition-opacity duration-300 lg:opacity-50 lg:[&.swiper-slide-active]:opacity-100"> <article class="media-reviews-card flex flex-col justify-between gap-6 bg-white border border-gray-light rounded-5 shadow-card p-5 lg:p-6 h-full w-full"> <p class="text-[20px] leading-normal lg:leading-tight lg:text-[32px] font-semibold font-geist text-primary"> “Работает даже без интернета — изменения сохраняются и синхронизируются при подключении.” </p> <div class="flex justify-end items-center h-10"> <img src="/MEDIA_REVIEWS_1_medium.webp" alt="Russian Business" width="1024" height="239" class="h-6 w-auto max-w-full object-contain" loading="lazy" srcset="/MEDIA_REVIEWS_1_small.webp 768w, /MEDIA_REVIEWS_1_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> </article> </div><div class="swiper-slide h-auto max-md:w-full lg:w-120! shrink-0 transition-opacity duration-300 lg:opacity-50 lg:[&.swiper-slide-active]:opacity-100"> <article class="media-reviews-card flex flex-col justify-between gap-6 bg-white border border-gray-light rounded-5 shadow-card p-5 lg:p-6 h-full w-full"> <p class="text-[20px] leading-normal lg:leading-tight lg:text-[32px] font-semibold font-geist text-primary"> “Это не просто список дел, а полноценная система управления проектами с элементами CRM и аналитики.” </p> <div class="flex justify-end items-center h-10"> <img src="/MEDIA_REVIEWS_2_medium.webp" alt="timeweb" width="1024" height="239" class="h-6 w-auto max-w-full object-contain" loading="lazy" srcset="/MEDIA_REVIEWS_2_small.webp 768w, /MEDIA_REVIEWS_2_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> </article> </div><div class="swiper-slide h-auto max-md:w-full lg:w-120! shrink-0 transition-opacity duration-300 lg:opacity-50 lg:[&.swiper-slide-active]:opacity-100"> <article class="media-reviews-card flex flex-col justify-between gap-6 bg-white border border-gray-light rounded-5 shadow-card p-5 lg:p-6 h-full w-full"> <p class="text-[20px] leading-normal lg:leading-tight lg:text-[32px] font-semibold font-geist text-primary"> “Мощный и стильный инструмент для личного использования и командной работы.” </p> <div class="flex justify-end items-center h-10"> <img src="/MEDIA_REVIEWS_3_medium.webp" alt="Жи" width="1024" height="464" class="h-6 w-auto max-w-full object-contain" loading="lazy" srcset="/MEDIA_REVIEWS_3_small.webp 768w, /MEDIA_REVIEWS_3_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> </article> </div> </div> </div> </section> <section class="section-top-indent"> <div class="flex flex-col gap-21 laptop:grid laptop:grid-cols-1a laptop:gap-8 laptop:gap-y-0" data-selection-tools-scroll> <div class="flex flex-col gap-21 laptop:gap-0"> <article class="flex flex-col items-center gap-6 text-center laptop:min-h-[70vh] laptop:items-start laptop:justify-center laptop:gap-6 laptop:py-16 laptop:text-left laptop:first:pt-0 laptop:last:pb-0" data-selection-tools-step="0"> <div class="flex flex-col items-center gap-6 laptop:items-start"> <div class="px-5 py-1.5 w-max bg-white border border-gray-light rounded-full flex gap-1.5 items-center"> <svg class="shrink-0  w-3.5 h-3.5 md:w-4 md:h-4" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-checklist"></use> </svg> <span class="text-[12px] font-geist-mono lg:text-[14px] leading-6 font-semibold text-primary"> ЗАДАЧИ </span> </div> <h3 class="text-[28px] lg:max-w-120 lg:text-[48px] leading-tight font-bold font-geist text-primary"> Задачи больше не теряются </h3> <p class="text-[16px] lg:max-w-120 lg:text-[20px] font-inter leading-normal text-secondary"> Фиксируйте задачи в моменте и возвращайтесь к ним, когда нужно. Больше никаких «вылетело из головы». </p> </div> <img src="/scroll_image_1_high.webp" alt="ЗАДАЧИ" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1257" class="w-full h-auto object-contain rounded-4 border border-gray-light shadow-card laptop:hidden" srcset="/scroll_image_1_small.webp 768w, /scroll_image_1_medium.webp 1024w, /scroll_image_1_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </article><article class="flex flex-col items-center gap-6 text-center laptop:min-h-[70vh] laptop:items-start laptop:justify-center laptop:gap-6 laptop:py-16 laptop:text-left laptop:first:pt-0 laptop:last:pb-0" data-selection-tools-step="1"> <div class="flex flex-col items-center gap-6 laptop:items-start"> <div class="px-5 py-1.5 w-max bg-white border border-gray-light rounded-full flex gap-1.5 items-center"> <svg class="shrink-0  w-3.5 h-3.5 md:w-4 md:h-4" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-calendar"></use> </svg> <span class="text-[12px] font-geist-mono lg:text-[14px] leading-6 font-semibold text-primary"> КАЛЕНДАРЬ </span> </div> <h3 class="text-[28px] lg:max-w-120 lg:text-[48px] leading-tight font-bold font-geist text-primary"> Хаос в делах превращается в понятный план </h3> <p class="text-[16px] lg:max-w-120 lg:text-[20px] font-inter leading-normal text-secondary"> Разложите день по часам или посмотрите на всё целиком — от недели до долгосрочных планов. Оставляйте на экране только нужное с помощью цветовых фильтров. </p> </div> <img src="/scroll_image_2_high.webp" alt="КАЛЕНДАРЬ" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1257" class="w-full h-auto object-contain rounded-4 border border-gray-light shadow-card laptop:hidden" srcset="/scroll_image_2_small.webp 768w, /scroll_image_2_medium.webp 1024w, /scroll_image_2_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </article><article class="flex flex-col items-center gap-6 text-center laptop:min-h-[70vh] laptop:items-start laptop:justify-center laptop:gap-6 laptop:py-16 laptop:text-left laptop:first:pt-0 laptop:last:pb-0" data-selection-tools-step="2"> <div class="flex flex-col items-center gap-6 laptop:items-start"> <div class="px-5 py-1.5 w-max bg-white border border-gray-light rounded-full flex gap-1.5 items-center"> <svg class="shrink-0  w-3.5 h-3.5 md:w-4 md:h-4" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-trello"></use> </svg> <span class="text-[12px] font-geist-mono lg:text-[14px] leading-6 font-semibold text-primary"> КАНБАН </span> </div> <h3 class="text-[28px] lg:max-w-120 lg:text-[48px] leading-tight font-bold font-geist text-primary"> Цели остаются идеями, пока вы их не видите </h3> <p class="text-[16px] lg:max-w-120 lg:text-[20px] font-inter leading-normal text-secondary"> Перенесите их на доску: добавьте карточки с изображениями, разложите по колонкам и держите перед глазами. Так планы превращаются в конкретные шаги. </p> </div> <img src="/scroll_image_3_high.webp" alt="КАНБАН" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1257" class="w-full h-auto object-contain rounded-4 border border-gray-light shadow-card laptop:hidden" srcset="/scroll_image_3_small.webp 768w, /scroll_image_3_medium.webp 1024w, /scroll_image_3_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </article> </div> <aside class="hidden laptop:block laptop:sticky laptop:top-50 laptop:self-start laptop:w-183.25 laptop:shrink-0"> <div class="relative w-full" style="aspect-ratio: 1920 / 1257"> <div class="absolute inset-0 opacity-0 transition-opacity duration-500 ease-out pointer-events-none data-[active=true]:opacity-100 data-[active=true]:pointer-events-auto motion-reduce:transition-none" data-selection-tools-image="0" data-active="true"> <img src="/scroll_image_1_high.webp" alt="ЗАДАЧИ" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1257" class="w-full h-full object-contain rounded-4 border border-gray-light shadow-card" srcset="/scroll_image_1_small.webp 768w, /scroll_image_1_medium.webp 1024w, /scroll_image_1_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div><div class="absolute inset-0 opacity-0 transition-opacity duration-500 ease-out pointer-events-none data-[active=true]:opacity-100 data-[active=true]:pointer-events-auto motion-reduce:transition-none" data-selection-tools-image="1" data-active="false"> <img src="/scroll_image_2_high.webp" alt="КАЛЕНДАРЬ" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1257" class="w-full h-full object-contain rounded-4 border border-gray-light shadow-card" srcset="/scroll_image_2_small.webp 768w, /scroll_image_2_medium.webp 1024w, /scroll_image_2_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div><div class="absolute inset-0 opacity-0 transition-opacity duration-500 ease-out pointer-events-none data-[active=true]:opacity-100 data-[active=true]:pointer-events-auto motion-reduce:transition-none" data-selection-tools-image="2" data-active="false"> <img src="/scroll_image_3_high.webp" alt="КАНБАН" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1257" class="w-full h-full object-contain rounded-4 border border-gray-light shadow-card" srcset="/scroll_image_3_small.webp 768w, /scroll_image_3_medium.webp 1024w, /scroll_image_3_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> </div> </aside> </div> </section> <section class="bg-white section-top-indent flex gap-7 md:flex-row flex-col items-center overflow-hidden justify-between shadow-card py-8 px-5 md:py-8.75 md:px-10 border relative border-gray-light rounded-4" style="background-image: url('/home_cta_bg.webp');"> <div class="flex flex-col text-center lg:text-left gap-4 z-5"> <h2 class="text-[28px] lg:text-[48px] leading-tight font-bold text-primary font-geist block"> Работаете в команде? </h2> <p class="text-[16px] lg:text-[20px] text-secondary font-inter">Общие проекты, роли, контроль поручений.</p> </div> <a id="app-button-7079fn8wb" href="/team" class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden bg-dark text-white font-bold hover:bg-accent-orange! active:bg-accent-orange-dark px-3 py-2 rounded-2 text-base  gap-1.5 flex items-center no-underline w-full font-geist justify-center max-w-full min-w-0 2xl:w-fit mx-auto lg:mx-0 text-balance px-4 whitespace-normal hover:bg-accent-orange! hover:text-white h-11 lg:!w-[252px]" data-click-effect="false" data-astro-cid-c6ht4qe3="true">
Узнать больше
 <svg class="shrink-0 text-white w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-chevrone-right"></use> </svg></a>  </section> <section class="section-top-indent flex flex-col gap-10 lg:px-10"> <h2 class="text-[28px] lg:text-[48px] leading-normal font-bold text-primary text-center font-geist">
Надёжность, <br> проверенная временем
</h2> <div class="grid lg:grid-cols-2 gap-2 lg:gap-4"> <div class="w-full border justify-center bg-white/50 border-gray-light rounded-4 p-5 lg:px-6 lg:py-16 flex flex-col gap-5 lg:gap-6 lg:h-119"> <h3 class="text-[60px] lg:text-[96px] text-primary font-light leading-none font-geist-mono">100 000+</h3> <p class="text-[16px] lg:text-[20px] leading-normal text-secondary font-inter"> Тысячи людей уже ведут свои задачи в LeaderTask каждый день </p> <ul class="flex items-center"> <li class="relative shrink-0 size-10 rounded-full border-2 border-white overflow-hidden" style="z-index:1"> <img src="/Reliability_1_high.webp" alt loading="lazy" decoding="async" fetchpriority="auto" width="40" height="40" class="size-full object-cover" srcset="/Reliability_1_small.webp 768w, /Reliability_1_medium.webp 1024w, /Reliability_1_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </li><li class="relative shrink-0 size-10 rounded-full border-2 border-white -ml-3 overflow-hidden" style="z-index:2"> <img src="/Reliability_2_high.webp" alt loading="lazy" decoding="async" fetchpriority="auto" width="40" height="40" class="size-full object-cover" srcset="/Reliability_2_small.webp 768w, /Reliability_2_medium.webp 1024w, /Reliability_2_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </li><li class="relative shrink-0 size-10 rounded-full border-2 border-white -ml-3 overflow-hidden" style="z-index:3"> <img src="/Reliability_3_high.webp" alt loading="lazy" decoding="async" fetchpriority="auto" width="40" height="40" class="size-full object-cover" srcset="/Reliability_3_small.webp 768w, /Reliability_3_medium.webp 1024w, /Reliability_3_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </li><li class="relative shrink-0 size-10 rounded-full border-2 border-white -ml-3 overflow-hidden" style="z-index:4"> <img src="/Reliability_4_high.webp" alt loading="lazy" decoding="async" fetchpriority="auto" width="40" height="40" class="size-full object-cover" srcset="/Reliability_4_small.webp 768w, /Reliability_4_medium.webp 1024w, /Reliability_4_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </li><li class="relative shrink-0 size-10 rounded-full border-2 border-white -ml-3 overflow-hidden" style="z-index:5"> <img src="/Reliability_5_high.webp" alt loading="lazy" decoding="async" fetchpriority="auto" width="40" height="40" class="size-full object-cover" srcset="/Reliability_5_small.webp 768w, /Reliability_5_medium.webp 1024w, /Reliability_5_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </li><li class="relative shrink-0 size-10 rounded-full border-2 border-white -ml-3 flex items-center justify-center bg-accent-orange text-white text-[11px] font-semibold leading-none" style="z-index:6"> +99k </li> </ul> </div> <div class="flex flex-col gap-2 lg:gap-4"> <div class="w-full border bg-white/50 border-gray-light rounded-4 p-5 lg:p-6 flex flex-col lg:h-full"> <div class="flex flex-col gap-1.75"> <h3 class="text-[20px] lg:text-[24px] leading-normal font-semibold text-primary font-geist"> 15 лет на рынке </h3> <p class="text-[16px] lg:text-[20px] leading-tight text-secondary font-inter">Ваши задачи не пропадут</p> </div> </div><div class="w-full border bg-white/50 border-gray-light rounded-4 p-5 lg:p-6 flex flex-col lg:h-full"> <div class="flex flex-col gap-1.75"> <h3 class="text-[20px] lg:text-[24px] leading-normal font-semibold text-primary font-geist"> Полностью российский продукт </h3> <p class="text-[16px] lg:text-[20px] leading-tight text-secondary font-inter">Независим от зарубежных сервисов и ограничений</p> </div> </div><div class="w-full border bg-white/50 border-gray-light rounded-4 p-5 lg:p-6 flex flex-col lg:h-full"> <div class="flex flex-col gap-1.75"> <h3 class="text-[20px] lg:text-[24px] leading-normal font-semibold text-primary font-geist"> Работает без интернета </h3> <p class="text-[16px] lg:text-[20px] leading-tight text-secondary font-inter">Доступ к задачам в любой момент — даже без сети</p> </div> </div> </div> </div> </section> <section class="section-top-indent relative bg-white border border-gray-light rounded-4 pt-8 md:pt-10 flex flex-col"> <div class="flex flex-col gap-4"> <div class="px-4 py-1 font-semibold mx-auto font-geist-mono w-max rounded-full border bg-gray border-gray-light text-[12px] md:text-[14px] text-primary">
ВСЕ ВОЗМОЖНОСТИ
</div> <h2 class="text-[28px] lg:text-[48px] max-w-63.75 md:max-w-none mx-auto leading-normal font-bold text-primary text-center font-geist">
Закройте все задачи одним инструментом
</h2> <div class="relative rounded-4"> <div class="relative mx-auto w-full rounded-4 block tablet:hidden" style="min-width: 332px; max-width: 680px; aspect-ratio: 4 / 8;"> <div class="pointer-events-none absolute inset-0 z-10" style="background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.95) 100%), linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.95) 100%);" aria-hidden="true"></div> <ul class="grid h-full w-full rounded-4" style="grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(8, minmax(0, 1fr));"> <li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-project"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Проекты </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-sub-task"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Подзадачи </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-attachments"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Вложения </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-check-list"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Чек-листы </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-timer"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Дедлайны </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-tag-symbol"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Метки </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-repeat"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Повторы </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-statistics"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Статистика </span> </a> </li><li class="bg-white border border-gray-light relative col-span-2 row-span-2 overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-between gap-1 text-center tablet:gap-4"> <img src="/feature_1_high.webp" alt="Виджеты" loading="lazy" decoding="async" fetchpriority="auto" width="340" height="340" class="min-h-0 w-full flex-1 object-contain" srcset="/feature_1_small.webp 768w, /feature_1_medium.webp 1024w, /feature_1_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> <div class="flex flex-col gap-0.5 p-2 tablet:gap-1 tablet:p-6"> <p class="text-[12px] leading-tight font-semibold text-primary font-inter tablet:text-[16px]"> Виджеты </p> <p class="text-[10px] leading-tight text-secondary font-inter tablet:text-[14px]"> Задачи на экране смартфона </p> </div> </a> </li><li class="bg-white border border-gray-light relative col-span-2 row-span-2 overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-between gap-1 text-center tablet:gap-4"> <img src="/feature_2_high.webp" alt="Голосовое создание задач" loading="lazy" decoding="async" fetchpriority="auto" width="340" height="340" class="min-h-0 w-full flex-1 object-contain" srcset="/feature_2_small.webp 768w, /feature_2_medium.webp 1024w, /feature_2_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> <div class="flex flex-col gap-0.5 p-2 tablet:gap-1 tablet:p-6"> <p class="text-[12px] leading-tight font-semibold text-primary font-inter tablet:text-[16px]"> Голосовое создание задач </p> <p class="text-[10px] leading-tight text-secondary font-inter tablet:text-[14px]"> Добавляйте задачи за секунды </p> </div> </a> </li><li class="bg-white border border-gray-light relative col-span-2 row-span-2 overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-between gap-1 text-center tablet:gap-4"> <img src="/feature_3_high.webp" alt="Смарт-инпут" loading="lazy" decoding="async" fetchpriority="auto" width="340" height="340" class="min-h-0 w-full flex-1 object-contain" srcset="/feature_3_small.webp 768w, /feature_3_medium.webp 1024w, /feature_3_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> <div class="flex flex-col gap-0.5 p-2 tablet:gap-1 tablet:p-6"> <p class="text-[12px] leading-tight font-semibold text-primary font-inter tablet:text-[16px]"> Смарт-инпут </p> <p class="text-[10px] leading-tight text-secondary font-inter tablet:text-[14px]"> Дата и время — прямо из текста </p> </div> </a> </li><li class="bg-white border border-gray-light relative col-span-2 row-span-2 overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-between gap-1 text-center tablet:gap-4"> <img src="/feature_4_high.webp" alt="Напоминания" loading="lazy" decoding="async" fetchpriority="auto" width="340" height="340" class="min-h-0 w-full flex-1 object-contain" srcset="/feature_4_small.webp 768w, /feature_4_medium.webp 1024w, /feature_4_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> <div class="flex flex-col gap-0.5 p-2 tablet:gap-1 tablet:p-6"> <p class="text-[12px] leading-tight font-semibold text-primary font-inter tablet:text-[16px]"> Напоминания </p> <p class="text-[10px] leading-tight text-secondary font-inter tablet:text-[14px]"> Ничего не забывайте </p> </div> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-chat"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Чаты </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-support"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Поддержка </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-assign"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Поручения </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-schedule"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Расписание </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-bin"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Корзина </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-archive"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Архив </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-sorting"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Сортировка </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-search"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Поиск </span> </a> </li> </ul> </div><div class="relative mx-auto w-full rounded-4 hidden tablet:block" style="min-width: 664px; max-width: 1360px; aspect-ratio: 8 / 6;"> <div class="pointer-events-none absolute inset-0 z-10" style="background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.95) 100%), linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.95) 100%);" aria-hidden="true"></div> <ul class="grid h-full w-full rounded-4" style="grid-template-columns: repeat(8, minmax(0, 1fr)); grid-template-rows: repeat(6, minmax(0, 1fr));"> <li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-task"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Задачи </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-sub-task"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Подзадачи </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-project"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Проекты </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-attachments"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Вложения </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-check-list"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Чек-листы </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-filter"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Фильтры </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-tag-symbol"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Метки </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-color"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Цвета </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-repeat"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Повторы </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-kanban"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Канбан-доски </span> </a> </li><li class="bg-white border border-gray-light relative col-span-2 row-span-2 overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-between gap-1 text-center tablet:gap-4"> <img src="/feature_1_high.webp" alt="Виджеты" loading="lazy" decoding="async" fetchpriority="auto" width="340" height="340" class="min-h-0 w-full flex-1 object-contain" srcset="/feature_1_small.webp 768w, /feature_1_medium.webp 1024w, /feature_1_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> <div class="flex flex-col gap-0.5 p-2 tablet:gap-1 tablet:p-6"> <p class="text-[12px] leading-tight font-semibold text-primary font-inter tablet:text-[16px]"> Виджеты </p> <p class="text-[10px] leading-tight text-secondary font-inter tablet:text-[14px]"> Задачи на экране смартфона </p> </div> </a> </li><li class="bg-white border border-gray-light relative col-span-2 row-span-2 overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-between gap-1 text-center tablet:gap-4"> <img src="/feature_2_high.webp" alt="Голосовое создание задач" loading="lazy" decoding="async" fetchpriority="auto" width="340" height="340" class="min-h-0 w-full flex-1 object-contain" srcset="/feature_2_small.webp 768w, /feature_2_medium.webp 1024w, /feature_2_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> <div class="flex flex-col gap-0.5 p-2 tablet:gap-1 tablet:p-6"> <p class="text-[12px] leading-tight font-semibold text-primary font-inter tablet:text-[16px]"> Голосовое создание задач </p> <p class="text-[10px] leading-tight text-secondary font-inter tablet:text-[14px]"> Добавляйте задачи за секунды </p> </div> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-statistics"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Статистика </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-timer"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Дедлайны </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-schedule"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Расписание </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-calendar"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Календарь </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-integrations"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Интеграции </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-notice-bell"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Уведомления </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-form"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Формы </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-planning"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Планирование </span> </a> </li><li class="bg-white border border-gray-light relative col-span-2 row-span-2 overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-between gap-1 text-center tablet:gap-4"> <img src="/feature_3_high.webp" alt="Смарт-инпут" loading="lazy" decoding="async" fetchpriority="auto" width="340" height="340" class="min-h-0 w-full flex-1 object-contain" srcset="/feature_3_small.webp 768w, /feature_3_medium.webp 1024w, /feature_3_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> <div class="flex flex-col gap-0.5 p-2 tablet:gap-1 tablet:p-6"> <p class="text-[12px] leading-tight font-semibold text-primary font-inter tablet:text-[16px]"> Смарт-инпут </p> <p class="text-[10px] leading-tight text-secondary font-inter tablet:text-[14px]"> Дата и время — прямо из текста </p> </div> </a> </li><li class="bg-white border border-gray-light relative col-span-2 row-span-2 overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-between gap-1 text-center tablet:gap-4"> <img src="/feature_4_high.webp" alt="Напоминания" loading="lazy" decoding="async" fetchpriority="auto" width="340" height="340" class="min-h-0 w-full flex-1 object-contain" srcset="/feature_4_small.webp 768w, /feature_4_medium.webp 1024w, /feature_4_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> <div class="flex flex-col gap-0.5 p-2 tablet:gap-1 tablet:p-6"> <p class="text-[12px] leading-tight font-semibold text-primary font-inter tablet:text-[16px]"> Напоминания </p> <p class="text-[10px] leading-tight text-secondary font-inter tablet:text-[14px]"> Ничего не забывайте </p> </div> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-chat"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Чаты </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-email"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Email </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-inbox"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Входящие </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-support"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Поддержка </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-assign"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Поручения </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-team"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Команды </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-kanban-public"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Публичные доски </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-bin"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Корзина </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-archive"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Архив </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-sorting"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Сортировка </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-focus"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Фокус </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-search"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Поиск </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-briefcase"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Шаблоны </span> </a> </li><li class="bg-white border border-gray-light relative overflow-hidden transition-[box-shadow,border-radius] duration-300 hover:z-10 hover:rounded-4 hover:shadow-hero"> <a href="http://leadertask.ru/web" class="flex h-full w-full flex-col items-center justify-center gap-1.5 px-1 text-center tablet:gap-2 tablet:px-2"> <svg class="shrink-0 w-5 h-5 tablet:w-8 tablet:h-8 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-feature-report"></use> </svg> <span class="text-[11px] leading-tight text-secondary font-inter tablet:text-[14px]"> Корпоративные отчеты </span> </a> </li> </ul> </div> </div> </div> </section> <section class="section-top-indent grid gap-5 lg:gap-15 px-0 lg:px-10"> <div class="px-4 py-1 font-geist-mono font-semibold mx-auto w-max rounded-full border bg-gray border-gray-light text-[14px] text-primary">
ОТЗЫВЫ
</div> <h3 class="text-[24px] leading-7 lg:text-[48px] mb-3 lg:mb-7 font-geist lg:leading-10 font-bold text-center text-primary">  Что говорят те, кто уже разгрузил голову </h3> <div class="grid-cols-3 hidden lg:grid gap-6"> <div class="flex w-full flex-col gap-6"> <div class="py-5 px-6 bg-white border border-gray-light shadow-card rounded-5 flex flex-col gap-3"> <div class="flex justify-between items-center"> <span class="text-[20px] leading-6 font-semibold text-primary font-geist-mono"> Coomanzxc </span> <img src="/app-store_logo_medium.webp" alt="app-store logo" loading="lazy" decoding="async" fetchpriority="auto" width="32" height="32" class="w-8 h-8" srcset="/app-store_logo_small.webp 768w, /app-store_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary font-geist text-[16px] leading-normal mb-2 tracking-[0.5px]">«ЛидерТаск» стал моим незаменимым помощником в планировании! Больше всего пользуюсь календарём с напоминаниями и функцией группировки задач по проектам. Очень нравится, что всё синхронизируется между устройствами — <span class="text-accent-orange font-medium">можно начать планировать день за компьютером, а внести срочную задачу с телефона.</span> Интерфейс поначалу показался сложным, но после пары недель разобрался и теперь всё интуитивно. Отличный сервис, рекомендую!</p> </div><div class="py-5 px-6 bg-white border border-gray-light shadow-card rounded-5 flex flex-col gap-3"> <div class="flex justify-between items-center"> <span class="text-[20px] leading-6 font-semibold text-primary font-geist-mono"> Dpromanov Dpromanov </span> <img src="/google-play_logo_medium.webp" alt="google-play logo" loading="lazy" decoding="async" fetchpriority="auto" width="32" height="32" class="w-8 h-8" srcset="/google-play_logo_small.webp 768w, /google-play_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary font-geist text-[16px] leading-normal mb-2 tracking-[0.5px]">На работе множество различных дел, которые не успеваешь реализовать сразу или нужно делать с определённой периодичностью. ЛидерТаск позволяет всё это записать, удобно оформить, в нужный момент получить уведомление. <span class="text-accent-orange font-medium">Множество различных вариантов оформления ваших задач, оповещений и прочее, которые не смог найти в других приложениях.</span> В других приложениях нужный мне функционал я не смог найти.</p> </div> </div><div class="flex w-full flex-col gap-6"> <div class="py-5 px-6 bg-white border border-gray-light shadow-card rounded-5 flex flex-col gap-3"> <div class="flex justify-between items-center"> <span class="text-[20px] leading-6 font-semibold text-primary font-geist-mono"> Alexey Samodurov </span> <img src="/google-play_logo_medium.webp" alt="google-play logo" loading="lazy" decoding="async" fetchpriority="auto" width="32" height="32" class="w-8 h-8" srcset="/google-play_logo_small.webp 768w, /google-play_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary font-geist text-[16px] leading-normal mb-2 tracking-[0.5px]">Я селлер, сотрудники работают удалённо, подходит идеально. <span class="text-accent-orange font-medium">Таск на 100% закрывает все мои требования.</span> Простой и понятный. Все под полным контролем. Однозначно рекомендую!</p> </div><div class="py-5 px-6 bg-white border border-gray-light shadow-card rounded-5 flex flex-col gap-3"> <div class="flex justify-between items-center"> <span class="text-[20px] leading-6 font-semibold text-primary font-geist-mono"> Shevchuk Pavel </span> <img src="/app-store_logo_medium.webp" alt="app-store logo" loading="lazy" decoding="async" fetchpriority="auto" width="32" height="32" class="w-8 h-8" srcset="/app-store_logo_small.webp 768w, /app-store_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary font-geist text-[16px] leading-normal mb-2 tracking-[0.5px]">С Лидер Таск ориентировочно с 2017–2018, точно не помню. За это время <span class="text-accent-orange font-medium">ЛидерТаск очень сильно вырос, стал лучшим инструментом тайм-менеджером из всех, которые я пробовал.</span> Каждый год появляются новые инструменты, исправляются ошибки, поменялся дизайн! Отдельное спасибо за поддержку — всегда вежливо и конструктивно!</p> </div><div class="py-5 px-6 bg-white border border-gray-light shadow-card rounded-5 flex flex-col gap-3"> <div class="flex justify-between items-center"> <span class="text-[20px] leading-6 font-semibold text-primary font-geist-mono"> Yaroslav Tsepennikov </span> <img src="/google-play_logo_medium.webp" alt="google-play logo" loading="lazy" decoding="async" fetchpriority="auto" width="32" height="32" class="w-8 h-8" srcset="/google-play_logo_small.webp 768w, /google-play_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary font-geist text-[16px] leading-normal mb-2 tracking-[0.5px]">Отличное приложение! Я работаю один с личными задачами и вот что меня удивило: 1. Удобное планирование на день, неделю, месяц и т. д. <span class="text-accent-orange font-medium">2. Дешёвая премиум подписка. 3. Много функций. 4. Можно работать в команде.</span></p> </div> </div><div class="flex w-full flex-col gap-6"> <div class="py-5 px-6 bg-white border border-gray-light shadow-card rounded-5 flex flex-col gap-3"> <div class="flex justify-between items-center"> <span class="text-[20px] leading-6 font-semibold text-primary font-geist-mono"> Petlevanova Ruzana </span> <img src="/app-store_logo_medium.webp" alt="app-store logo" loading="lazy" decoding="async" fetchpriority="auto" width="32" height="32" class="w-8 h-8" srcset="/app-store_logo_small.webp 768w, /app-store_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary font-geist text-[16px] leading-normal mb-2 tracking-[0.5px]">Искала удобное приложение для систематизации и обработки задач для работы. Каждый день приходит огромное количество информации, которую нужно систематизировать и отслеживать — в этом мне помог лидерТаск! <span class="text-accent-orange font-medium">Я человек, который не любит покупать платные приложения и прибегает к этому только в случае, когда это реально необходимо и удобно!</span></p> </div><div class="py-5 px-6 bg-white border border-gray-light shadow-card rounded-5 flex flex-col gap-3"> <div class="flex justify-between items-center"> <span class="text-[20px] leading-6 font-semibold text-primary font-geist-mono"> Dmitry Savelyev-Nazin </span> <img src="/google-play_logo_medium.webp" alt="google-play logo" loading="lazy" decoding="async" fetchpriority="auto" width="32" height="32" class="w-8 h-8" srcset="/google-play_logo_small.webp 768w, /google-play_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary font-geist text-[16px] leading-normal mb-2 tracking-[0.5px]">Пробовал много приложений для организации рабочих моментов, но всё было не то... По совету коллеги попробовал это приложение и что могу сказать — всё отлично. Задачи можно сортировать по проектам, добавлять стикеры с наименованием срочности задач или проекта, что оооочень удобно. <span class="text-accent-orange font-medium">Я редко оплачиваю подписки на приложения, но тут сделал исключение, да и недорого.</span> Советую 🔥</p> </div> </div> </div> <div class="swiper-container overflow-hidden w-full lg:hidden pb-10" data-astro-cid-pvxdty7h> <div class="swiper-wrapper" data-astro-cid-pvxdty7h> <div class="swiper-slide" data-astro-cid-pvxdty7h> <div class="px-5 grid grid-rows-a1a w-full py-4 bg-white shadow-card rounded-5 gap-3 h-max" data-astro-cid-pvxdty7h> <div class="flex justify-between items-center" data-astro-cid-pvxdty7h> <span class="text-[20px] leading-6 font-medium text-primary" data-astro-cid-pvxdty7h>Coomanzxc</span> <img src="/app-store_logo_medium.webp" alt="app-store logo" loading="lazy" fetchpriority="low" data-astro-cid-pvxdty7h="true" decoding="async" width="32" height="32" class="w-8 h-8" srcset="/app-store_logo_small.webp 768w, /app-store_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary" data-astro-cid-pvxdty7h>«ЛидерТаск» стал моим незаменимым помощником в планировании! Больше всего пользуюсь календарём с напоминаниями и функцией группировки задач по проектам. Очень нравится, что всё синхронизируется между устройствами — <span class="text-accent-orange font-medium">можно начать планировать день за компьютером, а внести срочную задачу с телефона.</span> Интерфейс поначалу показался сложным, но после пары недель разобрался и теперь всё интуитивно. Отличный сервис, рекомендую!</p> </div> </div><div class="swiper-slide" data-astro-cid-pvxdty7h> <div class="px-5 grid grid-rows-a1a w-full py-4 bg-white shadow-card rounded-5 gap-3 h-max" data-astro-cid-pvxdty7h> <div class="flex justify-between items-center" data-astro-cid-pvxdty7h> <span class="text-[20px] leading-6 font-medium text-primary" data-astro-cid-pvxdty7h>Dpromanov Dpromanov</span> <img src="/google-play_logo_medium.webp" alt="google-play logo" loading="lazy" fetchpriority="low" data-astro-cid-pvxdty7h="true" decoding="async" width="32" height="32" class="w-8 h-8" srcset="/google-play_logo_small.webp 768w, /google-play_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary" data-astro-cid-pvxdty7h>На работе множество различных дел, которые не успеваешь реализовать сразу или нужно делать с определённой периодичностью. ЛидерТаск позволяет всё это записать, удобно оформить, в нужный момент получить уведомление. <span class="text-accent-orange font-medium">Множество различных вариантов оформления ваших задач, оповещений и прочее, которые не смог найти в других приложениях.</span> В других приложениях нужный мне функционал я не смог найти.</p> </div> </div><div class="swiper-slide" data-astro-cid-pvxdty7h> <div class="px-5 grid grid-rows-a1a w-full py-4 bg-white shadow-card rounded-5 gap-3 h-max" data-astro-cid-pvxdty7h> <div class="flex justify-between items-center" data-astro-cid-pvxdty7h> <span class="text-[20px] leading-6 font-medium text-primary" data-astro-cid-pvxdty7h>Alexey Samodurov</span> <img src="/google-play_logo_medium.webp" alt="google-play logo" loading="lazy" fetchpriority="low" data-astro-cid-pvxdty7h="true" decoding="async" width="32" height="32" class="w-8 h-8" srcset="/google-play_logo_small.webp 768w, /google-play_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary" data-astro-cid-pvxdty7h>Я селлер, сотрудники работают удалённо, подходит идеально. <span class="text-accent-orange font-medium">Таск на 100% закрывает все мои требования.</span> Простой и понятный. Все под полным контролем. Однозначно рекомендую!</p> </div> </div><div class="swiper-slide" data-astro-cid-pvxdty7h> <div class="px-5 grid grid-rows-a1a w-full py-4 bg-white shadow-card rounded-5 gap-3 h-max" data-astro-cid-pvxdty7h> <div class="flex justify-between items-center" data-astro-cid-pvxdty7h> <span class="text-[20px] leading-6 font-medium text-primary" data-astro-cid-pvxdty7h>Shevchuk Pavel</span> <img src="/app-store_logo_medium.webp" alt="app-store logo" loading="lazy" fetchpriority="low" data-astro-cid-pvxdty7h="true" decoding="async" width="32" height="32" class="w-8 h-8" srcset="/app-store_logo_small.webp 768w, /app-store_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary" data-astro-cid-pvxdty7h>С Лидер Таск ориентировочно с 2017–2018, точно не помню. За это время <span class="text-accent-orange font-medium">ЛидерТаск очень сильно вырос, стал лучшим инструментом тайм-менеджером из всех, которые я пробовал.</span> Каждый год появляются новые инструменты, исправляются ошибки, поменялся дизайн! Отдельное спасибо за поддержку — всегда вежливо и конструктивно!</p> </div> </div><div class="swiper-slide" data-astro-cid-pvxdty7h> <div class="px-5 grid grid-rows-a1a w-full py-4 bg-white shadow-card rounded-5 gap-3 h-max" data-astro-cid-pvxdty7h> <div class="flex justify-between items-center" data-astro-cid-pvxdty7h> <span class="text-[20px] leading-6 font-medium text-primary" data-astro-cid-pvxdty7h>Yaroslav Tsepennikov</span> <img src="/google-play_logo_medium.webp" alt="google-play logo" loading="lazy" fetchpriority="low" data-astro-cid-pvxdty7h="true" decoding="async" width="32" height="32" class="w-8 h-8" srcset="/google-play_logo_small.webp 768w, /google-play_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary" data-astro-cid-pvxdty7h>Отличное приложение! Я работаю один с личными задачами и вот что меня удивило: 1. Удобное планирование на день, неделю, месяц и т. д. <span class="text-accent-orange font-medium">2. Дешёвая премиум подписка. 3. Много функций. 4. Можно работать в команде.</span></p> </div> </div><div class="swiper-slide" data-astro-cid-pvxdty7h> <div class="px-5 grid grid-rows-a1a w-full py-4 bg-white shadow-card rounded-5 gap-3 h-max" data-astro-cid-pvxdty7h> <div class="flex justify-between items-center" data-astro-cid-pvxdty7h> <span class="text-[20px] leading-6 font-medium text-primary" data-astro-cid-pvxdty7h>Petlevanova Ruzana</span> <img src="/app-store_logo_medium.webp" alt="app-store logo" loading="lazy" fetchpriority="low" data-astro-cid-pvxdty7h="true" decoding="async" width="32" height="32" class="w-8 h-8" srcset="/app-store_logo_small.webp 768w, /app-store_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary" data-astro-cid-pvxdty7h>Искала удобное приложение для систематизации и обработки задач для работы. Каждый день приходит огромное количество информации, которую нужно систематизировать и отслеживать — в этом мне помог лидерТаск! <span class="text-accent-orange font-medium">Я человек, который не любит покупать платные приложения и прибегает к этому только в случае, когда это реально необходимо и удобно!</span></p> </div> </div><div class="swiper-slide" data-astro-cid-pvxdty7h> <div class="px-5 grid grid-rows-a1a w-full py-4 bg-white shadow-card rounded-5 gap-3 h-max" data-astro-cid-pvxdty7h> <div class="flex justify-between items-center" data-astro-cid-pvxdty7h> <span class="text-[20px] leading-6 font-medium text-primary" data-astro-cid-pvxdty7h>Dmitry Savelyev-Nazin</span> <img src="/google-play_logo_medium.webp" alt="google-play logo" loading="lazy" fetchpriority="low" data-astro-cid-pvxdty7h="true" decoding="async" width="32" height="32" class="w-8 h-8" srcset="/google-play_logo_small.webp 768w, /google-play_logo_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> <p class="text-secondary" data-astro-cid-pvxdty7h>Пробовал много приложений для организации рабочих моментов, но всё было не то... По совету коллеги попробовал это приложение и что могу сказать — всё отлично. Задачи можно сортировать по проектам, добавлять стикеры с наименованием срочности задач или проекта, что оооочень удобно. <span class="text-accent-orange font-medium">Я редко оплачиваю подписки на приложения, но тут сделал исключение, да и недорого.</span> Советую 🔥</p> </div> </div> </div> </div>  </section> <section class="section-top-indent flex flex-col items-center gap-8 lg:gap-15 lg:px-10"> <h2 class="max-w-250 text-center text-[28px] leading-normal font-bold font-geist text-primary lg:text-[48px]">
Разбираем, как навести порядок в задачах и голове
</h2> <ul class="grid w-full grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-8"> <li class="group relative flex w-full flex-col gap-4 lg:gap-6" data-astro-cid-iobbjpxh> <div class="home-blog-card__cover relative h-55.5 rounded-5 border border-gray-light" data-astro-cid-iobbjpxh> <div class="relative h-full overflow-hidden rounded-5" data-astro-cid-iobbjpxh> <img src="/0/A4_июль_2026_high.webp" alt="cover" data-astro-cid-iobbjpxh="true" loading="lazy" decoding="async" fetchpriority="auto" width="1762" height="1248" class="absolute inset-0 h-full w-full object-cover" srcset="/0/A4_июль_2026_small.webp 768w, /0/A4_июль_2026_medium.webp 1024w, /0/A4_июль_2026_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> </div> <div class="flex flex-col gap-3 lg:gap-4" data-astro-cid-iobbjpxh> <ul class="flex flex-wrap gap-2" data-astro-cid-iobbjpxh> <li data-astro-cid-iobbjpxh> <span class="rounded-full font-geist-mono border border-gray-light bg-white px-3 py-1 text-[12px] lg:text-[14px] font-semibold text-primary" data-astro-cid-iobbjpxh> Календарь </span> </li><li data-astro-cid-iobbjpxh> <span class="rounded-full font-geist-mono border border-gray-light bg-white px-3 py-1 text-[12px] lg:text-[14px] font-semibold text-primary" data-astro-cid-iobbjpxh> Планирование </span> </li><li data-astro-cid-iobbjpxh> <span class="rounded-full font-geist-mono border border-gray-light bg-white px-3 py-1 text-[12px] lg:text-[14px] font-semibold text-primary" data-astro-cid-iobbjpxh> Ежедневник </span> </li> </ul> <a href="/blog/kalendar-na-iyul-2026" class="before:absolute before:inset-0 text-[20px] lg:text-[24px] leading-7 font-bold font-geist text-primary transition-colors duration-200 line-clamp-3 hover:text-accent-orange" data-astro-cid-iobbjpxh> Календарь на Июль 2026 года, скачать и распечатать </a> <p class="text-[16px] leading-6 text-secondary font-inter line-clamp-3" data-astro-cid-iobbjpxh>Скачать календарь на Июль месяц 2026 года и распечатать шаблон календаря A4 для заметок, производственный календарь</p> <div class="flex items-center gap-2 text-[12px] lg:text-[12px] text-secondary" data-astro-cid-iobbjpxh> <img src="/761-min-120x120_medium.webp" alt="author" data-astro-cid-iobbjpxh="true" loading="lazy" decoding="async" fetchpriority="auto" width="1024" height="1024" class="relative z-10 rounded-full size-6" srcset="/761-min-120x120_small.webp 768w, /761-min-120x120_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"><span class="relative z-10 text-tertiary font-inter" data-astro-cid-iobbjpxh>Майя Балашёва</span>  <span class="relative z-10 text-tertiary font-inter" aria-hidden="true" data-astro-cid-iobbjpxh>
•
</span> <span class="relative z-10 text-tertiary font-inter" data-astro-cid-iobbjpxh>8 июня 2026</span> </div> </div> </li> <li class="group relative flex w-full flex-col gap-4 lg:gap-6" data-astro-cid-iobbjpxh> <div class="home-blog-card__cover relative h-55.5 rounded-5 border border-gray-light" data-astro-cid-iobbjpxh> <div class="relative h-full overflow-hidden rounded-5" data-astro-cid-iobbjpxh> <img src="/0/июль_2026_месяц_high.webp" alt="cover" data-astro-cid-iobbjpxh="true" loading="lazy" decoding="async" fetchpriority="auto" width="1754" height="1240" class="absolute inset-0 h-full w-full object-cover" srcset="/0/июль_2026_месяц_small.webp 768w, /0/июль_2026_месяц_medium.webp 1024w, /0/июль_2026_месяц_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> </div> <div class="flex flex-col gap-3 lg:gap-4" data-astro-cid-iobbjpxh> <ul class="flex flex-wrap gap-2" data-astro-cid-iobbjpxh> <li data-astro-cid-iobbjpxh> <span class="rounded-full font-geist-mono border border-gray-light bg-white px-3 py-1 text-[12px] lg:text-[14px] font-semibold text-primary" data-astro-cid-iobbjpxh> Календарь </span> </li><li data-astro-cid-iobbjpxh> <span class="rounded-full font-geist-mono border border-gray-light bg-white px-3 py-1 text-[12px] lg:text-[14px] font-semibold text-primary" data-astro-cid-iobbjpxh> Планирование </span> </li><li data-astro-cid-iobbjpxh> <span class="rounded-full font-geist-mono border border-gray-light bg-white px-3 py-1 text-[12px] lg:text-[14px] font-semibold text-primary" data-astro-cid-iobbjpxh> Шаблоны </span> </li> </ul> <a href="/blog/planer-on-iyul-2026" class="before:absolute before:inset-0 text-[20px] lg:text-[24px] leading-7 font-bold font-geist text-primary transition-colors duration-200 line-clamp-3 hover:text-accent-orange" data-astro-cid-iobbjpxh> Планер на Июль 2026 года, скачать и распечатать бесплатно </a> <p class="text-[16px] leading-6 text-secondary font-inter line-clamp-3" data-astro-cid-iobbjpxh>Скачайте и распечатайте бесплатные шаблоны планеров на июль 2026, в формате pdf, размер A4, вертикальные и горизонтальные листы.</p> <div class="flex items-center gap-2 text-[12px] lg:text-[12px] text-secondary" data-astro-cid-iobbjpxh> <img src="/761-min-120x120_medium.webp" alt="author" data-astro-cid-iobbjpxh="true" loading="lazy" decoding="async" fetchpriority="auto" width="1024" height="1024" class="relative z-10 rounded-full size-6" srcset="/761-min-120x120_small.webp 768w, /761-min-120x120_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"><span class="relative z-10 text-tertiary font-inter" data-astro-cid-iobbjpxh>Майя Балашёва</span>  <span class="relative z-10 text-tertiary font-inter" aria-hidden="true" data-astro-cid-iobbjpxh>
•
</span> <span class="relative z-10 text-tertiary font-inter" data-astro-cid-iobbjpxh>8 июня 2026</span> </div> </div> </li> <li class="group relative flex w-full flex-col gap-4 lg:gap-6" data-astro-cid-iobbjpxh> <div class="home-blog-card__cover relative h-55.5 rounded-5 border border-gray-light" data-astro-cid-iobbjpxh> <div class="relative h-full overflow-hidden rounded-5" data-astro-cid-iobbjpxh> <img src="/0/трекерыобложка2026_high.webp" alt="cover" data-astro-cid-iobbjpxh="true" loading="lazy" decoding="async" fetchpriority="auto" width="1536" height="1024" class="absolute inset-0 h-full w-full object-cover" srcset="/0/трекерыобложка2026_small.webp 768w, /0/трекерыобложка2026_medium.webp 1024w, /0/трекерыобложка2026_high.webp 1920w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </div> </div> <div class="flex flex-col gap-3 lg:gap-4" data-astro-cid-iobbjpxh> <ul class="flex flex-wrap gap-2" data-astro-cid-iobbjpxh> <li data-astro-cid-iobbjpxh> <span class="rounded-full font-geist-mono border border-gray-light bg-white px-3 py-1 text-[12px] lg:text-[14px] font-semibold text-primary" data-astro-cid-iobbjpxh> Подборка </span> </li><li data-astro-cid-iobbjpxh> <span class="rounded-full font-geist-mono border border-gray-light bg-white px-3 py-1 text-[12px] lg:text-[14px] font-semibold text-primary" data-astro-cid-iobbjpxh> Контроль задач </span> </li><li data-astro-cid-iobbjpxh> <span class="rounded-full font-geist-mono border border-gray-light bg-white px-3 py-1 text-[12px] lg:text-[14px] font-semibold text-primary" data-astro-cid-iobbjpxh> Продуктивность </span> </li> </ul> <a href="/blog/luchshie-besplatnye-task-trekery" class="before:absolute before:inset-0 text-[20px] lg:text-[24px] leading-7 font-bold font-geist text-primary transition-colors duration-200 line-clamp-3 hover:text-accent-orange" data-astro-cid-iobbjpxh> Лучшие бесплатные таск-трекеры в 2026 году: рейтинг сервисов для задач и проектов </a> <p class="text-[16px] leading-6 text-secondary font-inter line-clamp-3" data-astro-cid-iobbjpxh>Собрали лучшие бесплатные таск-трекеры и таск-менеджеры в 2026 году: LeaderTask, Strive, Todoist, Trello, Notion, Asana, ClickUp, Bitrix24, Pyrus, YouTrack, Jira, OpenProject и Taiga.</p> <div class="flex items-center gap-2 text-[12px] lg:text-[12px] text-secondary" data-astro-cid-iobbjpxh> <img src="/0/Аватар Надежда_medium.webp" alt="author" data-astro-cid-iobbjpxh="true" loading="lazy" decoding="async" fetchpriority="auto" width="1024" height="1383" class="relative z-10 rounded-full size-6" srcset="/0/Аватар Надежда_small.webp 768w, /0/Аватар Надежда_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"><span class="relative z-10 text-tertiary font-inter" data-astro-cid-iobbjpxh>Надежда  Самусева</span>  <span class="relative z-10 text-tertiary font-inter" aria-hidden="true" data-astro-cid-iobbjpxh>
•
</span> <span class="relative z-10 text-tertiary font-inter" data-astro-cid-iobbjpxh>4 июня 2026</span> </div> </div> </li>  </ul> <a id="app-button-uu78r1mqv" href="/blog" class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden bg-transparent text-primary px-3 py-2 hover:bg-accent-orange! hover:text-white active:bg-accent-orange-dark px-3 py-2 rounded-2 text-base  no-underline w-[252px] leading-[20px] text-center text-[14px] border h-10 border-gray-light bg-white font-semibold font-geist hover:bg-accent-orange! hover:text-white hover:border-accent-orange" data-click-effect="false" data-astro-cid-c6ht4qe3="true">
Все статьи
 </a>  </section> <section class="section-top-indent relative px-4 py-8 lg:px-10 lg:py-16 rounded-4" style="background-image: url('/home_cta_bg.webp'); box-shadow: 0px 0.09px 1.3px 0px #00000005, 0px 0.5px 2.99px 0px #0000000F, 0px 1.81px 7.86px 0px #00000014, 0px 8px 32px 0px #0000001F;"> <div class="flex flex-col items-center justify-center gap-6 z-1"> <h2 class="text-center text-[28px] leading-tight font-geist font-bold text-primary lg:text-[48px]">
Возьмите задачи <br> под контроль уже сегодня
</h2> <p class="text-center text-[16px] lg:text-[20px] leading-normal text-secondary font-inter">
Лёгкий старт без сложных настроек
</p> <a id="app-button-86rw1ki2b" href="/web/login" class="app-button transition-colors flex items-center justify-center cursor-pointer duration-200 relative overflow-hidden bg-dark text-white font-bold hover:bg-accent-orange! active:bg-accent-orange-dark px-3 py-2 rounded-2 text-base  no-underline mt-4 font-geist w-full max-w-[252px] text-center hover:bg-accent-orange! hover:text-white h-11" data-click-effect="false" data-astro-cid-c6ht4qe3="true">
Начать бесплатно
 </a>  <span class="text-[12px] mt-4 leading-normal uppercase text-tertiary font-geist-mono">Web · Android · iOS</span> </div> </section>  </div> </main> <footer class="bg-dark-overlay mt-15 lg:mt-30"> <div class="xl:container lg:mx-auto p-5 lg:p-16 flex flex-col gap-5 lg:gap-12"> <div class="grid grid-cols-2 lg:grid-cols-5 gap-x-4 gap-y-8 lg:gap-8"> <div class="flex flex-col gap-5 lg:gap-6"> <p class="text-white text-[16px] lg:text-[22px] leading-5 lg:leading-6 font-bold">ЛидерТаск</p> <ul class="space-y-2"> <li> <a href="/download" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Скачать </a> </li><li> <a href="/compare" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Тарифы </a> </li><li> <a href="/keysy" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Кейсы </a> </li><li> <a href="/features" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Возможности </a> </li><li> <a href="/resheniya" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Решения </a> </li><li> <a href="/blog" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Блог </a> </li><li> <a href="/checklists" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Чек-листы </a> </li> </ul> </div><div class="flex flex-col gap-5 lg:gap-6"> <p class="text-white text-[16px] lg:text-[22px] leading-5 lg:leading-6 font-bold">Платформы</p> <ul class="space-y-2"> <li> <a href="/features/web" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Web-версия </a> </li><li> <a href="/features/windows" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Windows </a> </li><li> <a href="/features/android" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Android </a> </li><li> <a href="/features/ios" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> iOS </a> </li><li> <a href="/features/leadertask-box-korobochnaya-versiya" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> На ваш сервер </a> </li><li> <a href="/products" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Расширения </a> </li><li> <a href="/istoriya-versii" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> История версий </a> </li> </ul> </div> <div class="col-span-2 md:col-auto grid grid-cols-2 md:flex md:flex-col gap-5 lg:gap-6"> <div> <p class="text-white text-[16px] lg:text-[22px] leading-5 lg:leading-6 font-bold mb-2 lg:mb-6"> О нас </p> <ul class="space-y-2"> <li> <a href="/about" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> О компании </a> </li><li> <a href="/contacts" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Контакты </a> </li><li> <a href="/blog" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Статьи </a> </li> </ul> </div><div> <p class="text-white text-[16px] lg:text-[22px] leading-5 lg:leading-6 font-bold mb-2 lg:mb-6"> Поддержка </p> <ul class="space-y-2"> <li> <a href="/obuchenie" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Обучение </a> </li><li> <a href="/security" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Защита данных </a> </li><li> <a href="/faq" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Ответы на вопросы </a> </li><li> <a href="/comparison" class="text-light hover:text-accent-orange text-[14px] lg:text-[16px] transition-colors duration-200"> Сравнение планеров </a> </li> </ul> </div> </div> <div class="hidden md:flex flex-col gap-6"> <p class="text-white text-[16px] lg:text-[22px] leading-5 lg:leading-6 font-bold">Связаться с нами</p> <a href="tel:+74852685820" class="flex gap-3 text-light items-center hover:text-accent-orange transition-colors duration-200" aria-label="Позвонить по номеру: +7 4852 68-58-20"> <svg class="shrink-0 text-light w-5 h-5" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-phone"></use> </svg> <span class="text-[14px] leading-5 lg:text-[16px] lg:leading-6">+7 4852 68-58-20</span> </a> <a href="mailto:911@leadertask.com" class="flex gap-3 text-light items-center hover:text-accent-orange transition-colors duration-200" aria-label="Написать нам на email: 911@leadertask.com"> <svg class="shrink-0 text-light w-5 h-5" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-email"></use> </svg> <span class="text-[14px] leading-5 lg:text-[16px] lg:leading-6">911@leadertask.com</span> </a> <div class="flex gap-4 justify-start"> <a href="https://vk.com/leadertask" target="_blank" rel="noopener noreferrer nofollow" class="w-8 cursor-pointer group h-8 relative" aria-label="Связаться с нами в Vk"> <svg class="shrink-0 w-full h-full group-hover:opacity-0 transition-all duration-200 text-light w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-vk-transparent"></use> </svg> <svg class="shrink-0 w-full h-full absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-200 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-vk"></use> </svg> </a> <a href="https://t.me/leadertask_support" target="_blank" rel="noopener noreferrer nofollow" class="w-8 cursor-pointer group h-8 relative" aria-label="Связаться с нами в Telegram"> <svg class="shrink-0 w-full h-full group-hover:opacity-0 transition-all duration-200 text-light w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-telegram-transparent"></use> </svg> <svg class="shrink-0 w-full h-full absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-200 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-telegram"></use> </svg> </a> <a href="https://max.ru/u/f9LHodD0cOKEcbwrECiqdxIYDhXr_r266pD5AMqFWX7L75p_m_JaHy8E0q4" target="_blank" rel="noopener noreferrer nofollow" class="w-8 cursor-pointer group h-8 relative" aria-label="Связаться с нами в Max"> <svg class="shrink-0 w-full h-full group-hover:opacity-0 transition-all duration-200 text-light w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-max-transparent"></use> </svg> <img src="/hover-max-icon_medium.webp" alt="Max" loading="lazy" fetchpriority="low" srcset="/hover-max-icon_small.webp 768w, /hover-max-icon_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)" decoding="async" width="32" height="32" class="w-full h-full max-w-8 max-h-8 absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-200"> </a> <a href="https://www.youtube.com/@LeadertaskOrganizer/featured" target="_blank" rel="noopener noreferrer nofollow" class="w-8 cursor-pointer group h-8 relative" aria-label="Подписаться на наш YouTube канал"> <svg class="shrink-0 w-full h-full group-hover:opacity-0 transition-all duration-200 text-light w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-youtube-transparent"></use> </svg> <svg class="shrink-0 w-full h-full absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-200 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-youtube"></use> </svg> </a> </div> </div> <div class="hidden md:flex flex-col gap-6"> <p class="text-white text-[16px] lg:text-[22px] leading-5 lg:leading-6 font-bold">Скачать</p> <ul class="flex flex-col gap-2"> <li class="relative w-36.5 lg:w-37 h-10"> <a href="https://www.rustore.ru/catalog/app/com.leadertask.app" target="_blank" rel="noopener noreferrer noopener" aria-label="Скачать LeaderTask из RuStore"> <img src="/rustore_white_medium.webp" alt="" class="w-full h-full" loading="lazy" aria-hidden="true" width="146" height="40" srcset="/rustore_white_small.webp 768w, /rustore_white_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </a> </li><li class="relative w-36.5 lg:w-37 h-10"> <a href="https://play.google.com/store/apps/details?id=com.leadertask.app" target="_blank" rel="noopener noreferrer noopener" aria-label="Скачать LeaderTask из Google Play"> <img src="/google-play_white_medium.webp" alt="" class="w-full h-full" loading="lazy" aria-hidden="true" width="146" height="40" srcset="/google-play_white_small.webp 768w, /google-play_white_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </a> </li><li class="relative w-36.5 lg:w-37 h-10"> <a href="https://apps.apple.com/ru/app/%D0%BB%D0%B8%D0%B4%D0%B5%D1%80%D1%82%D0%B0%D1%81%D0%BA-%D0%BF%D0%BB%D0%B0%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D1%89%D0%B8%D0%BA-%D0%B7%D0%B0%D0%B4%D0%B0%D1%87/id6504613667" target="_blank" rel="noopener noreferrer noopener" aria-label="Скачать LeaderTask из App Store"> <img src="/app-store_white_medium.webp" alt="" class="w-full h-full" loading="lazy" aria-hidden="true" width="146" height="40" srcset="/app-store_white_small.webp 768w, /app-store_white_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </a> </li> </ul> </div> </div> <div class="md:hidden"> <div class="w-full h-px" style="background-color:#ffffff33"></div> </div> <div class="flex flex-col gap-6 w-max mx-auto md:hidden"> <p class="text-white text-[16px] lg:text-[22px] leading-5 lg:leading-6 font-bold text-center">Связаться с нами</p> <a href="tel:+74852685820" class="flex gap-3 text-light items-center hover:text-accent-orange transition-colors duration-200" aria-label="Позвонить по номеру: +7 4852 68-58-20"> <svg class="shrink-0 text-light w-5 h-5" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-phone"></use> </svg> <span class="text-[14px] leading-5 lg:text-[16px] lg:leading-6">+7 4852 68-58-20</span> </a> <a href="mailto:911@leadertask.com" class="flex gap-3 text-light items-center hover:text-accent-orange transition-colors duration-200" aria-label="Написать нам на email: 911@leadertask.com"> <svg class="shrink-0 text-light w-5 h-5" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-email"></use> </svg> <span class="text-[14px] leading-5 lg:text-[16px] lg:leading-6">911@leadertask.com</span> </a> <div class="flex gap-4 justify-center"> <a href="https://vk.com/leadertask" target="_blank" rel="noopener noreferrer nofollow" class="w-8 cursor-pointer group h-8 relative" aria-label="Связаться с нами в Vk"> <svg class="shrink-0 w-full h-full group-hover:opacity-0 transition-all duration-200 text-light w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-vk-transparent"></use> </svg> <svg class="shrink-0 w-full h-full absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-200 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-vk"></use> </svg> </a> <a href="https://t.me/leadertask_support" target="_blank" rel="noopener noreferrer nofollow" class="w-8 cursor-pointer group h-8 relative" aria-label="Связаться с нами в Telegram"> <svg class="shrink-0 w-full h-full group-hover:opacity-0 transition-all duration-200 text-light w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-telegram-transparent"></use> </svg> <svg class="shrink-0 w-full h-full absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-200 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-telegram"></use> </svg> </a> <a href="https://max.ru/u/f9LHodD0cOKEcbwrECiqdxIYDhXr_r266pD5AMqFWX7L75p_m_JaHy8E0q4" target="_blank" rel="noopener noreferrer nofollow" class="w-8 cursor-pointer group h-8 relative" aria-label="Связаться с нами в Max"> <svg class="shrink-0 w-full h-full group-hover:opacity-0 transition-all duration-200 text-light w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-max-transparent"></use> </svg> <img src="/hover-max-icon_medium.webp" alt="Max" loading="lazy" fetchpriority="low" srcset="/hover-max-icon_small.webp 768w, /hover-max-icon_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)" decoding="async" width="32" height="32" class="w-full h-full max-w-8 max-h-8 absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-200"> </a> <a href="https://www.youtube.com/@LeadertaskOrganizer/featured" target="_blank" rel="noopener noreferrer nofollow" class="w-8 cursor-pointer group h-8 relative" aria-label="Подписаться на наш YouTube канал"> <svg class="shrink-0 w-full h-full group-hover:opacity-0 transition-all duration-200 text-light w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-youtube-transparent"></use> </svg> <svg class="shrink-0 w-full h-full absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-200 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-youtube"></use> </svg> </a> </div> </div> <div class="flex flex-col gap-6 w-max mx-auto md:hidden"> <p class="text-white text-[16px] lg:text-[22px] leading-5 lg:leading-6 font-bold text-center">Скачать</p> <ul class="flex flex-col gap-4"> <li class="relative w-36.5 lg:w-37 h-10"> <a href="https://www.rustore.ru/catalog/app/com.leadertask.app" target="_blank" rel="noopener noreferrer noopener" aria-label="Скачать LeaderTask из RuStore"> <img src="/rustore_white_medium.webp" alt="" class="w-full h-full" loading="lazy" aria-hidden="true" width="146" height="40" srcset="/rustore_white_small.webp 768w, /rustore_white_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </a> </li><li class="relative w-36.5 lg:w-37 h-10"> <a href="https://play.google.com/store/apps/details?id=com.leadertask.app" target="_blank" rel="noopener noreferrer noopener" aria-label="Скачать LeaderTask из Google Play"> <img src="/google-play_white_medium.webp" alt="" class="w-full h-full" loading="lazy" aria-hidden="true" width="146" height="40" srcset="/google-play_white_small.webp 768w, /google-play_white_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </a> </li><li class="relative w-36.5 lg:w-37 h-10"> <a href="https://apps.apple.com/ru/app/%D0%BB%D0%B8%D0%B4%D0%B5%D1%80%D1%82%D0%B0%D1%81%D0%BA-%D0%BF%D0%BB%D0%B0%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D1%89%D0%B8%D0%BA-%D0%B7%D0%B0%D0%B4%D0%B0%D1%87/id6504613667" target="_blank" rel="noopener noreferrer noopener" aria-label="Скачать LeaderTask из App Store"> <img src="/app-store_white_medium.webp" alt="" class="w-full h-full" loading="lazy" aria-hidden="true" width="146" height="40" srcset="/app-store_white_small.webp 768w, /app-store_white_medium.webp 1024w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, min(100vw, 1920px)"> </a> </li> </ul> </div> <div> <div class="w-full h-px" style="background-color:#ffffff33"></div> </div> <div class="flex flex-col gap-5 items-center justify-between lg:flex-row"> <div class="flex flex-col lg:flex-row items-center gap-5 lg:gap-12"> <a href="/" aria-label="LeaderTask - перейти на главную страницу"> <svg class="shrink-0 footer-dark-logo w-32.5 lg:w-41 h-10 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-logo-white"></use> </svg> </a> <div class="flex items-center gap-3"> <div class="flex flex-row-reverse gap-0.5"> <svg class="shrink-0 text-tertiary w-3.5 h-3.5" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-star"></use> </svg><svg class="shrink-0 text-tertiary w-3.5 h-3.5" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-star"></use> </svg><svg class="shrink-0 text-tertiary w-3.5 h-3.5" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-star"></use> </svg><svg class="shrink-0 text-tertiary w-3.5 h-3.5" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-star"></use> </svg><svg class="shrink-0 text-tertiary w-3.5 h-3.5" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-star"></use> </svg> </div> <p class="text-[14px] leading-5 text-light">Оценить</p> </div> </div> <button id="language-switcher" class="gap-1.5 cursor-pointer flex relative items-center px-2 py-2.5 bg-primary rounded-2" aria-label="Выбрать язык" aria-haspopup="listbox" aria-expanded="false"> <svg class="shrink-0 w-5 h-5 text-light w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-globe"></use> </svg> <p class="text-sm text-light">Русский</p> <svg class="shrink-0 w-4 h-4 rotate-90 mb-1 text-light w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-chevrone-right"></use> </svg> <div data-language-dropdown class="absolute left-0 rounded-2 bg-primary shadow-card top-[calc(100%+4px)] px-2 py-2.5 w-full z-10"> <a href="https://www.leadertask.com/" class="block text-light hover:text-accent-orange transition-colors duration-200"> <p class="text-sm">Английский</p> </a> </div> </button> </div> <div> <div class="w-full h-px" style="background-color:#ffffff33"></div> </div> <div class="mx-auto flex flex-wrap gap-4 lg:gap-6 lg:gap-y-3 lg:justify-center items-center"> <a href="/privacy-policy" class="flex text-[14px] font-medium hover:text-accent-orange transition-all duration-200 group leading-5 text-light"> <span>Политика конфиденциальности</span> <svg class="shrink-0 w-5 text-accent-orange transition-all duration-200 -translate-y-0.75 group-hover:-translate-y-1.25 h-5 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-arrow-more"></use> </svg> </a> <a href="/offer" class="flex text-[14px] font-medium hover:text-accent-orange transition-all duration-200 group leading-5 text-light"> <span>Публичная оферта</span> <svg class="shrink-0 w-5 text-accent-orange transition-all duration-200 -translate-y-0.75 group-hover:-translate-y-1.25 h-5 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-arrow-more"></use> </svg> </a> <a href="/refund-policy" class="flex text-[14px] font-medium hover:text-accent-orange transition-all duration-200 group leading-5 text-light"> <span>Политика возвратов</span> <svg class="shrink-0 w-5 text-accent-orange transition-all duration-200 -translate-y-0.75 group-hover:-translate-y-1.25 h-5 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-arrow-more"></use> </svg> </a> <a href="https://www.market.leadertask.ru/user?t=sign-in" target="_blank" rel="noopener noreferrer nofollow" class="flex mx-auto lg:mx-0 md:col-span-2 lg:col-auto text-[14px] font-medium hover:text-accent-orange transition-all duration-200 group leading-5 text-light"> <span>Личный кабинет</span> <svg class="shrink-0 w-5 text-accent-orange transition-all duration-200 -translate-y-0.75 group-hover:-translate-y-1.25 h-5 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-arrow-more"></use> </svg> </a> <a href="https://reestr.digital.gov.ru/reestr/303916/?sphrase_id=13091301" target="_blank" rel="noopener noreferrer nofollow" class="flex mx-auto lg:mx-0 md:col-span-2 lg:col-auto text-[14px] font-medium hover:text-accent-orange transition-all duration-200 group leading-5 text-light"> <span>В реестре отечественного ПО</span> <svg class="shrink-0 w-5 text-accent-orange transition-all duration-200 -translate-y-0.75 group-hover:-translate-y-1.25 h-5 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-arrow-more"></use> </svg> </a> </div> <div> <div class="w-full h-px" style="background-color:#ffffff33"></div> </div> <div class="mx-auto text-center flex flex-col gap-4"> <div class="text-xs font-medium text-light"> <p>ИНН: 7603051760 ОГРН: 1117603002505</p> <p>150067, Ярославская область, Ярославский р-н, п Красный бор, кв-л Светлый, д. 1, кв. 68</p> </div> <span class="text-[12px] leading-4 text-light">© 2025 ООО «Органайзер ЛидерТаск»</span> </div> </div> </footer> <div class="fixed bottom-6 right-6 z-50 flex flex-col items-end gap-4"> <button id="scroll-to-top" class="w-8 h-8 lg:w-10 lg:h-10 rounded-full flex items-center justify-center transition-colors duration-200 opacity-0 cursor-pointer -translate-x-1 lg:-translate-x-1.5 bg-tertiary hover:bg-dark" aria-label="Прокрутить наверх"> <svg class="shrink-0 text-white w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-arrow-up-scroll-top"></use> </svg> </button> <div class="relative flex items-center gap-3"> <div id="social-menu" class="flex items-center gap-2 opacity-0 pointer-events-none translate-x-4 transition-all duration-200"> <a href="https://t.me/leadertask_support" target="_blank" rel="noopener noreferrer nofollow" class="w-8 h-8 lg:w-10 lg:h-10 rounded-full flex items-center justify-center transition-colors duration-200 cursor-pointer bg-dark hover:bg-dark-hover" aria-label="TG"> <svg class="shrink-0 text-white w-4 h-4 lg:w-6 lg:h-6 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-telegram-fix-menu"></use> </svg> </a> <a href="https://vk.com/leadertask" target="_blank" rel="noopener noreferrer nofollow" class="w-8 h-8 lg:w-10 lg:h-10 rounded-full flex items-center justify-center transition-colors duration-200 cursor-pointer bg-dark hover:bg-dark-hover" aria-label="VK"> <svg class="shrink-0 text-white w-4 h-4 lg:w-6 lg:h-6 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-vk-fix-menu"></use> </svg> </a> <a href="https://max.ru/u/f9LHodD0cOKEcbwrECiqdxIYDhXr_r266pD5AMqFWX7L75p_m_JaHy8E0q4" target="_blank" rel="noopener noreferrer nofollow" class="w-8 h-8 lg:w-10 lg:h-10 rounded-full flex items-center justify-center transition-colors duration-200 cursor-pointer bg-dark hover:bg-dark-hover" aria-label="Max"> <svg class="shrink-0 text-white w-4 h-4 lg:w-6 lg:h-6 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-max-fix-menu"></use> </svg> </a> </div> <button id="social-menu-toggle" class="group w-10 h-10 lg:w-13 lg:h-13 rounded-full flex items-center justify-center transition-colors duration-200 cursor-pointer bg-dark [aria-expanded=false]:hover:bg-dark-hover aria-expanded:bg-tertiary aria-expanded:hover:opacity-90" aria-label="Социальные сети" aria-expanded="false"> <svg class="shrink-0 text-white w-6 h-6 lg:w-7 lg:h-7 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-chat-social-menu"></use> </svg> </button> </div> </div> <div id="cookie-consent" class="fixed bottom-0 left-0 right-0 z-100 flex justify-center px-0 md:px-5 pb-0 md:pb-5 translate-y-full opacity-0 transition-all duration-300 ease-out" data-hidden="true"> <div class="w-full max-w-336 h-full md:h-25 bg-dark-alpha-90 rounded-t-5 md:rounded-5 flex flex-col md:flex-row items-center justify-between gap-8 pt-5 pb-8 md:py-0 px-5 lg:pl-8 lg:pr-5 relative"> <div class="flex flex-col md:flex-row items-start md:items-center md:justify-start gap-5"> <svg class="shrink-0 w-10 h-10 xl:w-15 xl:h-15 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-cookie"></use> </svg> <p class="text-white text-[16px] md:text-[14px] lg:text-[16px] xl:text-[20px] leading-5 xl:leading-6 select-none max-w-213">
Мы используем cookies для обеспечения корректной работы сайта. Оставаясь на сайте, вы соглашаетесь с нашей
<a href="/privacy-policy" class="text-white underline text-[16px] md:text-[14px] lg:text-[16px] xl:text-[20px] leading-5 xl:leading-6">
Политикой конфиденциальности.
</a> </p> </div> <div class="flex w-full md:w-auto gap-8 shrink-0 items-center"> <div class="flex w-full md:w-auto items-center gap-5"> <button id="cookie-accept" class="w-full lg:w-fit min-w-28 h-10 text-white bg-white/20 hover:text-primary text-[14px] lg:text-[16px] font-semibold leading-5 border border-white rounded-2 bg-dark-alpha-20 hover:bg-white active:bg-white active:text-primary px-3 pb-3 pt-2 transition-colors cursor-pointer">
Принять
</button> <button id="cookie-decline" class="w-full lg:w-fit min-w-28 h-10 text-white hover:text-primary text-[14px] lg:text-[16px] font-semibold leading-5 border border-white bg-transparent hover:bg-white active:bg-white active:text-primary rounded-2 px-3 pb-3 pt-2 transition-colors cursor-pointer">
Отклонить
</button> </div> <button id="cookie-close" class="absolute top-2 right-2 md:top-0 md:right-0 md:relative w-10 h-10 flex justify-center items-center text-white bg-transparent rounded-2 hover:bg-white/20 active:bg-white/20 active:text-white shrink-0 p-0 z-1 transition-colors cursor-pointer" aria-label="Закрыть уведомление о cookies"> <svg class="shrink-0 w-6 h-6 w-6 h-6" aria-hidden="true"> <use href="/icons/all-icons.svg#icon-close"></use> </svg> </button> </div> </div> </div>  <noscript> <div> <img src="https://mc.yandex.ru/watch/63998" style="position:absolute; left:-9999px;" alt=""> </div> </noscript> <script type="module" src="/_astro/Layout.astro_astro_type_script_index_0_lang.9H6cdSuC.js"></script> </body> </html>