File: /var/www/todo_landing/index.html
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Preconnect to external domains -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Favicon and icons -->
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/favicon.ico">
<!-- SEO Meta Tags -->
<title>Foach.todo - Эффективный таск-менеджер для команд и бизнеса</title>
<meta name="description" content="Foach.todo — современный таск-менеджер с геймификацией, диаграммой Ганта и аналитикой. Организуйте личные задачи и командные проекты эффективно. Бесплатный тариф до 2 пользователей.">
<meta name="keywords" content="таск-менеджер, управление задачами, проектный менеджмент, диаграмма Ганта, геймификация, спринты, команда, productivity">
<meta name="author" content="Foach.todo">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://land.foach.site/">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="Foach.todo">
<meta property="og:title" content="Foach.todo - Эффективный таск-менеджер для команд и бизнеса">
<meta property="og:description" content="Современный таск-менеджер с геймификацией и аналитикой. Организуйте задачи эффективно. Бесплатный тариф.">
<meta property="og:image" content="https://land.foach.site/img/section1.webp">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://land.foach.site/">
<meta property="og:locale" content="ru_RU">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Foach.todo - Эффективный таск-менеджер">
<meta name="twitter:description" content="Современный таск-менеджер с геймификацией и аналитикой. Бесплатный тариф.">
<meta name="twitter:image" content="https://land.foach.site/img/section1.webp">
<!-- Structured Data (JSON-LD) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Foach.todo",
"description": "Современный таск-менеджер с геймификацией, диаграммой Ганта и аналитикой для эффективного управления задачами и проектами",
"url": "https://land.foach.site/",
"applicationCategory": "ProductivityApplication",
"operatingSystem": "Web, iOS, Android",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "RUB",
"description": "Бесплатный тариф до 2 пользователей"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"ratingCount": "150"
},
"featureList": [
"Управление задачами",
"Диаграмма Ганта",
"Спринты",
"Геймификация",
"Интеграция с GitHub/GitLab",
"Telegram уведомления",
"Аналитика команды"
]
}
</script>
</head>
<body>
<script type="module" src="/src/main.js"></script>
<div id="root">
<div data-component="header"></div>
<main role="main">
<section class="section1 wow animate__animated animate__fadeIn" aria-labelledby="hero-heading">
<div class="container">
<h1 id="hero-heading">Делайте <span class="gradient">больше</span><br>каждый день.</h1>
<div class="form">
<form data-type="register" role="form" aria-label="Регистрация">
<div class="error" role="alert" aria-live="polite"></div>
<label for="email-hero" class="sr-only">Ваш email адрес</label>
<input type="email" placeholder="Email" name="email" id="email-hero" required aria-describedby="email-hero-desc">
<span id="email-hero-desc" class="sr-only">Введите ваш email для начала работы</span>
<button class="button gradient" type="submit">Начать</button>
</form>
<div class="text"><span class="opacity">Начните прямо сейчас - это</span> бесплатно!</div>
</div>
</div>
<div class="section1__img">
<img src="/img/section1.webp" alt="Дашборд Foach.todo" width="auto" height="auto" loading="eager">
</div>
</section>
<section class="section2 wow animate__animated animate__fadeIn" aria-labelledby="schedule-heading">
<div class="container">
<h2 id="schedule-heading">Следите за своим<br>расписанием</h2>
<div class="textImgBlock">
<h3>Ваше личное расписание на каждый день всегда под рукой</h3>
<div class="img">
<img src="/img/section2.webp" alt="Календарь в Foach.todo" width="auto" height="auto" loading="lazy">
</div>
</div>
<p class="text opacity margin">Все встречи и задачи дня в одном месте, вы легко можете добавить или переместить что-то по плану, если получилось слишком много, а также отследить, на что ещё уходит время в течение дня.</p>
<button class="button gradient" data-type="try">Попробовать бесплатно</button>
</div>
</section>
<section class="section3 wow animate__animated animate__fadeIn">
<div class="container">
<h2>Анализируйте работу команды</h2>
<div class="swiper-container">
<div class="swiper-pagination"></div>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slideTitle">Спринты</div>
<div class="imgBlock">
<img src="/img/section3-1.webp" alt="Спринты в Foach.todo" width="auto" height="auto" loading="lazy">
</div>
<div class="text opacity margin">
Держите ситуацию под контролем, вы всегда можете легко найти какие задачи заняли больше времени, чем планировалось.
</div>
</div>
<div class="swiper-slide">
<div class="slideTitle">План</div>
<div class="imgBlock">
<img src="/img/section3-2.webp" alt="План в Foach.todo" width="auto" height="auto" loading="lazy">
</div>
<div class="text opacity margin">
Вы всегда сможете оперативно исправить ситуации чтобы всё было сделано в срок.
</div>
</div>
<div class="swiper-slide">
<div class="slideTitle">Онлайн</div>
<div class="imgBlock">
<img src="/img/section3-3.webp" alt="Онлайн в Foach.todo" width="auto" height="auto" loading="lazy">
</div>
<div class="text opacity margin">
Вы можете узнать кто прямо сейчас чем занимается и насколько он укладывается в свой план на день.
</div>
</div>
<div class="swiper-slide">
<div class="slideTitle">Статистика</div>
<div class="img">
<img src="/img/section3-4.webp" alt="Статистика в Foach.todo" width="auto" height="auto" loading="lazy">
</div>
</div>
</div>
</div>
<button class="button gradient" data-type="try">Попробовать бесплатно</button>
</div>
</section>
<section class="section4 wow animate__animated animate__fadeIn">
<div class="container">
<h2>Ваш бизнес</h2>
<div class="textImgBlock">
<h3>Диаграмма Ганта<span class="footnote">*</span></h3>
<div class="img">
<img src="/img/section4-1.webp" alt="Диаграмма Ганта в Foach.todo" width="auto" height="auto" loading="lazy">
</div>
</div>
<div class="text opacity margin">Отслеживайте состояние задач в разрезе спринта или на диаграмме Ганта.</div>
<img src="/img/section4-2.webp" alt="Процессы по спринту в Foach.todo" width="auto" height="auto" loading="lazy">
<div class="text opacity margin">Вы можете индивидуально настроить жизненный цикл задачи, составив нужные именно вам статусы, назначив отвественные роли для каждого статуса.</div>
<button class="button gradient" data-type="try">Попробовать бесплатно</button>
</div>
</section>
<div class="backWhite">
<section class="section5 wow animate__animated animate__fadeIn">
<div class="container">
<h2>Всегда под рукой<span class="footnote">*</span></h2>
<div class="columns">
<div class="firstColumn">
<div class="icons">
<div class="google"></div>
<div class="tg"></div>
<div class="trello"></div>
<div class="jira"></div>
</div>
<div class="text opacity">Пользуйтесь системой где угодно, получайте оповещения в мессенджеры, синхронизируйте данные с другими таск менеджерами.<br><br>Назначайте встречи в своём календаре, а также получайте их к себе на телефон или часы, через Google Calendar.</div>
<button class="button blueGradient" data-type="try">Попробовать бесплатно</button>
</div>
<div class="secondColumn">
<img src="/img/section5.webp" alt="Мобильная версия Foach.todo" width="auto" height="auto" loading="lazy">
</div>
</div>
</div>
</section>
<section class="section6 wow animate__animated animate__fadeIn">
<div class="container">
<h2>Геймификация<span class="footnote">*</span></h2>
<img src="/img/section6.webp" alt="Геймификация в Foach.todo" width="auto" height="auto" loading="lazy">
<div class="text opacity margin">Соревнуйтесь в коллективе, получая достижения и зарабатывая опыт, любуйтесь персональной статистикой и ставьте задачи другим, чтобы заработать ещё больше опыта! Отслеживайте ваш прогресс вместе с вашим прямым руководителем и ставьте новые цели в игровом формате!</div>
<button class="button blueGradient" data-type="try">Попробовать бесплатно</button>
</div>
</section>
<section class="footnote wow animate__animated animate__fadeIn">
<div class="container">
<div><span class="footnote">*</span> — функционал находится в разработке</div>
</div>
</section>
</div>
<section class="section7 tariffs animate__animated animate__fadeInDown">
<div class="container">
<h2>Тарифные планы</h2>
<div class="slider-container">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-container">
<div class="slide-header">
<h4>Trial</h4>
<span class="pricing">0 ₽ / мес</span>
</div>
<div class="slide-body">
<p>
Попробовать на вкус систему задач, интерфейс и выполнить несколько проектов
</p>
<ul>
<li>До 2 пользователей</li>
<li>3 проекта и 10 задач</li>
</ul>
</div>
<div class="slide-footer">
<span class="members">До 2-х пользователей</span>
<button class="button blueGradient">Попробовать сейчас</button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide-container">
<div class="slide-header">
<h4>Start</h4>
<span class="pricing">900 ₽ / мес</span>
</div>
<div class="slide-body">
<p>
Попробовать на вкус систему задач, интерфейс и выполнить несколько проектов
</p>
<ul>
<li>До <strong>3 пользователей и 50 задач</strong> одновременно</li>
<li>Базовые статусы задач (To-Do, In Progress, Done)</li>
<li>Интеграция с GitHub/GitLab</li>
<li>• Уведомления в Telegram-бот</li>
</ul>
</div>
<div class="slide-footer">
<span class="members">До 3-х пользователей</span>
<button class="button blueGradient">Попробовать сейчас</button>
</div>
</div>
</div>
<div class="swiper-slide highlight">
<div class="slide-container">
<div class="slide-header">
<h4>Team</h4>
<span class="pricing">5000 ₽ / мес</span>
</div>
<div class="slide-body">
<ul>
<li>До <strong>15 проектов и неограниченные задачи</strong></li>
<li>Расширенные статусы + кастомные workflow (например, Code Review, Testing).</li>
<li>Полная интеграция с GitHub/GitLab</li>
<li>Спринты</li>
<li>Хранилище до 1Гб</li>
</ul>
</div>
<div class="slide-footer">
<span class="members">До 10-х пользователей</span>
<button class="button blueGradient">Попробовать сейчас</button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide-container">
<div class="slide-header">
<h4>Company</h4>
<span class="pricing">15000 ₽ / мес</span>
</div>
<div class="slide-body">
<ul>
<li>Приоритетная поддержка 24/7</li>
<li>До <strong>50 проектов и неограниченные задачи</strong></li>
<li>Гибкие роли (Team Lead, Developer, QA)</li>
<li>Автоматизация: триггеры, шаблоны задач</li>
<li>Расширенная аналитика (burndown, загрузка участников)</li>
</ul>
</div>
<div class="slide-footer">
<span class="members">До 50-х пользователей</span>
<button class="button blueGradient">Попробовать сейчас</button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide-container">
<div class="slide-header">
<h4>Enterprise</h4>
<span class="pricing">по запросу</span>
</div>
<div class="slide-body">
<ul>
<li>Индивидуальные лимиты проектов</li>
<li>Возможность поставить логотип</li>
<li>Полный доступ API</li>
<li>Резервные копии, SSO</li>
<li>Персональный менеджер, помощь во внедрении</li>
</ul>
</div>
<div class="slide-footer">
<span class="members">До 10-х пользователей</span>
<button class="button blueGradient">Попробовать сейчас</button>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="animate__animated animate__fadeIn">
<div class="container">
<h2>Почему выгодно брать годовые тарифы?</h2>
<div class="text opacity margin">
<p>1. Экономия до 40% – дешевле, чем помесячная оплата</p>
<p>2. Стабильность – фиксированная цена (защита от повышения)</p>
<p>3. Фокус на работе – не нужно следить за списаниями</p>
</div>
</div>
</section>
</div>
</section>
<section id="try" class="section8 wow animate__animated animate__fadeIn" aria-labelledby="cta-heading">
<div class="container">
<h2 id="cta-heading">Начните здесь и сейчас —<br>это <span>бесплатно!</span></h2>
<p class="text opacity">Используйте весь функционал сервиса без ограничений абсолютно бесплатно до 1 пользователя в группе</p>
<div class="form">
<form data-type="register" role="form" aria-label="Регистрация">
<div class="error" role="alert" aria-live="polite"></div>
<label for="email-cta" class="sr-only">Ваш email адрес</label>
<input type="email" placeholder="Email" name="email" id="email-cta" required aria-describedby="email-cta-desc">
<span id="email-cta-desc" class="sr-only">Введите ваш email для начала работы</span>
<button class="button gradient" type="submit">Начать</button>
</form>
<div class="text"><span class="opacity">далее 600 ₽ / мес. за каждого сотрудника</span></div>
</div>
</div>
</section>
</main>
<div data-component="footer"></div>
</div>
</body>
</html>