# Создание лендинга для TeamOps

Необходимо разработать современную, адаптивную и профессиональную посадочную страницу для B2B SaaS продукта «TeamOps» на языке React + Vite + Tailwind CSS с использованием библиотеки компонентов shadcn/ui.

## Дизайн-система и переменные

Используйте следующие CSS переменные для стилизации:
- --color-primary: #1E3A8A (Основные кнопки, заголовки)
- --color-primary-hover: #1D4ED8 (Наведение на кнопки)
- --color-secondary: #334155 (Вторичные элементы, иконки)
- --color-accent: #F59E0B (Акценты на метриках, CTA)
- --color-background: #F8FAFC (Фон страницы)
- --color-surface: #FFFFFF (Карточки, секции)
- --color-text: #0F172A (Основной текст)
- --color-text-muted: #64748B (Вспомогательный текст)
- --color-border: #E2E8F0 (Границы и разделители)
- --color-success: #10B981 (Индикаторы роста)

**Типографика:** Стиль sans, структурированный и разборчивый. Используйте заголовки средней жирности (medium-weight) для придания авторитетности. Современная шкала размеров с увеличенным межстрочным интервалом.
**Доступность:** Соблюдайте высокий контраст (3:1 минимум). Интерактивные элементы должны быть четко различимы.

## Структура страницы

### 1. Hero (Главный экран)
- Заголовок: «Единая платформа для управления командой, навыками и проектами»
- Подзаголовок: «Управляйте талантами и ресурсами без лишних инструментов. TeamOps объединяет HR-учет и аналитику в одном окне.»
- Основная кнопка (Primary CTA): «Забронировать демо-презентацию»
- Второстепенная кнопка (Soft CTA): «Узнать стоимость внедрения»

### 2. Problem (Проблематика)
Отобразите следующие сценарии в виде списка или карточек боли:
- Данные о сотрудниках и их компетенциях разбросаны по 5–6 разным сервисам.
- Огромные бюджеты уходят на лицензии HRIS, трекеров и BI-систем, которые не связаны между собой.
- Поиск подходящего специалиста под задачу превращается в сложный квест из-за отсутствия единой базы.
- Менеджеры тратят время на бесконечные ручные отчеты и сверку данных из разных источников.

### 3. Solution (Решение)
- Текст: «TeamOps — это современная веб-платформа, которая консолидирует кадровый учет, матрицы навыков и планирование ресурсов. В отличие от разрозненных сервисов, наше решение автоматически связывает личные данные сотрудников с их реальными проектными задачами, обеспечивая единый источник правды для всей компании.»
- Визуальный блок «До / После»:
  * До: «Хаос в инструментах, ручная синхронизация данных и непрозрачная загрузка команды.»
  * После: «Единая экосистема с актуальной матрицей навыков и автоматизированным ресурсным планированием.»

### 4. How it works (Как это работает)
Реализуйте в виде пошагового процесса:
1. Настройка ядра системы и адаптация под оргструктуру вашей компании за 4–6 недель.
2. Формирование единой базы сотрудников и актуализация матрицы компетенций.
3. Планирование ресурсов и распределение проектных задач в режиме реального времени.
4. Получение прозрачной аналитики по утилизации и развитию талантов на дашбордах.

### 5. Benefits (Преимущества)
Карточки с иконками:
- Оптимизация бюджета: «Экономьте на лицензиях до $67,200 в год для команды из 100 человек за счет замены стека из 6 инструментов.»
- Эффективное планирование: «Решение покрывает 90% задач по ресурсному планированию, исключая конфликты за сотрудников между проектами.»
- Управление талантами: «Закрывайте до 80% потребностей в развитии навыков благодаря прозрачной матрице компетенций и истории роста.»

### 6. For whom (Для кого)
Три сегмента:
- HR-директора и менеджеры: «Для тех, кто перерос таблицы и ищет системный способ управления HR-учетом и компетенциями в компаниях от 30 до 300 человек.»
- Операционные директора и Resource-менеджеры: «Для руководителей проектных бюро и сервисных ИТ-компаний, которым важна прозрачная утилизация и отсутствие 'бенча'.»
- CEO и владельцы бизнеса: «Для лидеров, стремящихся к цифровой трансформации и сокращению операционных расходов на корпоративное ПО.»

### 7. Differentiators (Отличия)
Таблица сравнения (Критерий | TeamOps | Другие):
- Интеграция данных | Нативная связь навыков и проектов в единой экосистеме | Разрозненные инструменты или сложные внешние интеграции
- Внедрение | Адаптация модульного ядра под процессы клиента за 4-6 недель | Жесткие SaaS-коробки или дорогая Enterprise-разработка
- Стоимость | Замена 6 платных сервисов одной платформой | Множественные счета за лицензии HRIS, BI и Task-трекеры

### 8. FAQ (Часто задаваемые вопросы)
Используйте компонент Accordion, сгруппируйте по категориям:
- Продукт: «Какие именно функции объединяет в себе TeamOps?» (Ответ: Платформа объединяет кадровый учет (HRIS), матрицу навыков, планирование ресурсов и аналитику в одном интерфейсе.)
- Продукт: «В чем отличие TeamOps от обычных SaaS-решений?» (Ответ: Мы предлагаем модульную платформу, которая адаптируется под ваши уникальные процессы, а не заставляет вас подстраиваться под систему.)
- Доверие: «Насколько надежно это решение для бизнеса?» (Ответ: TeamOps ежедневно используется в ИТ-компании со штатом более 100 человек, что подтверждает его стабильность и готовность к нагрузкам.)
- Доверие: «Как обеспечивается безопасность данных?» (Ответ: Мы используем современные протоколы защиты и предлагаем гибкие варианты развертывания для обеспечения конфиденциальности ваших данных.)
- Старт: «Сколько времени занимает внедрение платформы?» (Ответ: Полный цикл от пилотного запуска до адаптации под вашу оргструктуру обычно занимает от 4 до 6 недель.)
- Старт: «Нужна ли нам своя команда разработки для запуска?» (Ответ: Нет, мы берем на себя процесс адаптации и внедрения ядра платформы, чтобы вы могли начать работу как можно быстрее.)
- Цена: «Какую экономию я могу ожидать?» (Ответ: Заменяя стек из 6 инструментов, компания из 100 человек может сэкономить до $67,200 в год только на стоимости лицензий.)

### 9. CTA & Lead Form
- Секция с формой сбора лидов (Имя, Email, Компания).
- Главная кнопка: «Забронировать демо-презентацию».
- Лид-магнит (Exit Intent): «Хотите узнать, сколько ваша компания сэкономит на лицензиях? Оставьте заявку на расчет.»
- Липкая панель (Sticky Bar) с кнопкой: «Записаться на демо».

### 10. Footer & Meta
- Title: «TeamOps — Единая платформа управления командой и проектами»
- Description: «Консолидируйте HR-учет, матрицу навыков и планирование ресурсов в одной системе. Избавьтесь от лишних инструментов и ручной работы.»

Создайте одну длинную скроллируемую страницу с чистой версткой, готовую к просмотру.