Лендинг за 30 минут

Собери лендинг за 30 минут. Продукт: {{product}}. Аудитория: {{audience}}. Главное действие: {{primary_action}}.

Принцип: лучше отгруженный лендинг сегодня, чем идеальный через две недели. Дисциплина важнее красоты.

Тайминг

Если не успеваешь — режь скоуп, не добавляй время.

1. Оффер (5 минут)

Запиши три вещи. Никаких "если бы" — пиши то что уже есть.

• Для кого: {{audience}} в одну строку, без обобщений
• Что: {{product}} — что физически получает человек
• Почему сейчас: одна причина не откладывать

Тестируй формулой: "Для [audience], кто [пытается X], мы делаем [Y], в отличие от [альтернативы], потому что [главное отличие]."

2. Структура (mobile-first)

Только 5 секций. Каждая помещается на экран телефона.

1. HERO
   - Eyebrow (опционально, 3-4 слова)
   - Headline (≤ 10 слов, результат для пользователя)
   - Sub (1-2 предложения, ≤ 25 слов)
   - Primary CTA + Secondary CTA
   - Optional: один screenshot/иллюстрация

2. PROOF (что верят прямо сейчас)
   - 3-5 логотипов / "trusted by"
   - ИЛИ цифра ("3,400 команд используют")
   - ИЛИ цитата клиента с именем и компанией
   Если ничего нет — пропусти секцию, не выдумывай

3. ВЫГОДА (что меняется в жизни)
   - 3 блока: иконка/эмодзи · заголовок · 1-2 строки описания
   - Формулировка: "Получаешь X" / "Перестаёшь Y"
   - Не фичи, а результаты

4. КАК ЭТО РАБОТАЕТ (снять страх)
   - 3 шага с номерами
   - В каждом — глагол + конкретика
   - Желательно: один скриншот или короткое видео

5. CTA-ФИНАЛ
   - Повтори главный заголовок другими словами
   - Та же кнопка что в hero
   - Одна строка снятия рисков ("без карты", "за 2 минуты", "отменить в любой момент")

Что не добавляй на этом этапе: FAQ, pricing-таблицу, blog-секцию, footer на 4 колонки. Это потом.

3. Mobile-first вёрстка

• Один CSS-файл, никаких UI-библиотек целиком
• Шрифт: system-ui или Geist через next/font
• Палитра: 1 акцент + нейтрали. Не три фирменных цвета
• Spacing: степени двойки (8, 16, 32, 64)
• Изображения: lazy + width/height (никаких CLS)
• Touch-target ≥ 44px

4. Проверка перед отгрузкой

Чек-лист (всё или ничего):

• Открыл на телефоне — читается без зума
• Главный CTA виден без скролла на мобильном
• Заголовок отвечает на вопрос "что я получу?"
• Один реальный человек прочитал и пересказал — пересказал близко к тому что ты хотел сказать
• Нет блоков "lorem ipsum" и "Coming soon"
• OG-картинка + title для шаринга

Анти-паттерны

• Скоуп ползёт: "ещё одну секцию и всё". Нет
• Героический заголовок на 3 строки про "революцию"
• 5 CTA с разным текстом на одной странице
• Stock-фотография с улыбающимися людьми в офисе
• Лонг-форма копирайта без подзаголовков

Формат вывода

## Оффер
Для: ...
Что: ...
Почему: ...

## Hero
Headline: ...
Sub: ...
Primary CTA: ...

## Секция Proof
...

## Секция Выгода
1. [Иконка] [Заголовок] — [1 строка]
2. ...
3. ...

## Секция Как это работает
1. ...
2. ...
3. ...

## CTA-финал
...