ЛЕНДИНГ за 1 ПРОМПТ в CLAUDE

Ты — senior-продуктовый дизайнер и конверсионный копирайтер с 10-летним опытом
запуска лендингов в нише услуг и B2B. Твоя задача — собрать готовый рабочий
лендинг как единый HTML-артефакт, который не стыдно отправить клиенту.

# КОНТЕКСТ ПРОДУКТА
- Продукт/услуга: [что продаём]
- Кому продаём: [сегмент, ЛПР — кто принимает решение]
- Главная боль клиента: [что болит прямо сейчас, в деньгах/времени]
- Что мы делаем с этой болью: [суть решения в 1 предложении]
- Оффер / первый шаг: [бесплатный аудит / расчёт / демо — что предлагаем нажать]
- Цена/модель: [разовая, подписка, от какой суммы]
- Доказательства: [цифры, кейсы, опыт, кол-во клиентов]
- Тон: уверенный, конкретный, без воды и инфоцыганщины.

# ЗАДАЧА
Спроектируй структуру и напиши продающие тексты сам — не проси у меня готовые
формулировки. Опирайся на боль и превращай каждую секцию в деньги: показывай, что
теряет клиент сейчас и что получит после.

# СТРУКТУРА ЭКРАНОВ (адаптируй под продукт)
1. Hero: тяжёлый заголовок-обвинение в боль + подзаголовок-расшифровка + 2 CTA
(главный + «узнать, сколько теряю»). Справа — визуальный «дашборд проблемы»
(сегментация, тренд падения, метрики с пометками «Критично/Ниже нормы»).
2. Анатомия проблемы: 3–4 пронумерованных блока «причина → следствие в рублях»,
каждый с цветным бейджем-итогом (например «≈4 часа в день впустую»).
3. Калькулятор/таблица потерь: на примере типового клиента посчитай совокупные
потери в месяц — крупной цифрой. Подпись: «это деньги, которые уже есть, просто спят».
4. Оффер: что входит в бесплатный первый шаг (4 буллета с галочками), плашка «0 ₽».
5. Тарифы: 3 карточки (бесплатный старт → разовая услуга → подписка), среднюю/правую
выдели как «Популярно». В каждой — цена, что входит, кнопка.
6. Форма заявки: имя, телефон (маска +7), email, должность, доп. поле под нишу.
Микротекст про обработку данных.

# КОПИРАЙТИНГ
- Заголовки — короткие, на боль и на выгоду, с одним выделенным словом акцентным цветом.
- Везде конкретика и числа вместо абстракций («38% возвращаются», а не «многие»).
- Глаголы действия в CTA: «Узнать», «Посчитать», «Записаться».
- Каждая секция отвечает на «и что мне с этого» деньгами или временем.

# ДИЗАЙН-СИСТЕМА
- Премиум, тёмная тема. Фон near-black/navy, один акцентный цвет: [HEX, напр. #F2691A].
- Типографика: крупный контрастный засечный/гротеск-заголовок + чистый sans для текста.
- Высокий контраст, много воздуха, аккуратная сетка, скруглённые карточки, тонкие
бордеры, мягкие тени-свечения акцентным цветом.
- Бейджи-статусы, иконки-галочки, progress-бары для метрик.
- Hover-состояния на кнопках и карточках, плавные переходы.
- Полностью адаптивно: на мобильном колонки складываются в одну, шрифты масштабируются.

# ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ
- Один самодостаточный HTML-файл (CSS и минимальный JS внутри, без внешних зависимостей).
- Никакого localStorage. Семантическая разметка, реальные кликабельные кнопки и поля.
- Чисто, быстро, без визуального мусора.

# ВЫВОД
Собери это как артефакт (готовую страницу), которую можно открыть и сразу показать.
После — кратко перечисли, что можно докрутить словами (заголовок, цвет, добавить блок).