#7000ff — посты и обсуждения

ПРОМПТ : -

Ты — Senior Fullstack-разработчик и UX-инженер с глубоким пониманием

интернет-маркетинга и лидогенерации.

Твоя задача — создать код сложного, интерактивного калькулятора

стоимости разработки сайта и настройки рекламы для маркетингового

агентства. Этот калькулятор будет вставляться в Tilda через блок T123

(HTML-код).

Код должен быть монолитным (один файл), содержать HTML, CSS (в теге

<style>) и чистый JavaScript (в теге <script>) без использования внешних

тяжелых библиотек (типа jQuery или React), чтобы страница на Tilda

загружалась мгновенно.

### КРИТЕРИИ И ЛОГИКА РАСЧЕТА:

1. Блок «Разработка сайта» (Выбор одного варианта / Радиокнопки):

- Нет, сайт не нужен (0 руб.)

- Landing Page (одностраничник) — от 50 000 руб.

- Многостраничный сайт (до 10 страниц) — от 90 000 руб.

- Интернет-магазин / Каталог — от 150 000 руб.

2. Блок «Маркетинг и реклама» (Чекбоксы, можно выбрать несколько):

- Контекстная реклама в Яндекс.Директ (Настройка + ведение) — 35 000

руб.

- Таргетированная реклама ВКонтакте (Настройка + ведение) — 30 000 руб.

- SEO-оптимизация и продвижение — 40 000 руб.

3. Блок «Дополнительные опции» (Чекбоксы, можно выбрать несколько):

- Интеграция с CRM (AmoCRM/Битрикс24) и сквозной аналитикой — 15 000

руб.

- Копирайтинг и разработка смысловой структуры (прототип) — 20 000 руб.

- Разработка фирменного стиля / логотипа — 25 000 руб.

4. Интерактивный ползунок (Рендж-слайдер):

- «Планируемый рекламный бюджет на месяц (на баланс систем)»

- Диапазон: от 30 000 до 500 000 руб. Шаг: 10 000 руб.

- ЭТА СУММА НЕ ДОБАВЛЯЕТСЯ К СТОИМОСТИ УСЛУГ АГЕНТСТВА, но

отображается отдельно, чтобы клиент видел общие инвестиции.

### МАТЕМАТИКА И ВЫВОД РЕЗУЛЬТАТОВ:

- Стоимость услуг агентства = [Сайт] + [Сумма выбранной рекламы] + [Сумма

доп. опций].

- Общий бюджет на запуск = [Стоимость услуг агентства] + [Рекламный

бюджет из ползунка].

- Сделай красивый, динамический пересчет цифр при каждом клике (без

перезагрузки). Суммы должны форматироваться с пробелами (например,

150 000 руб.).

### ТРЕБОВАНИЯ К UX/UI И ДИЗАЙНУ:

- Стиль: Современный, минималистичный, дорогой Digital-стиль. Темная или

светлая тема (сделай стильный dark mode: фон #111, карточки #1e1e1e,

акцентный цвет для активных элементов и ползунка — яркий неон,

например, #00E5FF или #7000FF).

- Адаптивность: Идеальное отображение на смартфонах (мобильный трафик

приоритетен). Элементы управления (чекбоксы, радио) должны быть

крупными, чтобы по ним было удобно тапать пальцем.

- Анимация: Плавные переходы (transition) при наведении на карточки и

выборе опций.

### ЦЕЛЕВОЕ ДЕЙСТВИЕ (КОНВЕРСИЯ):

- Под итоговой стоимостью должна быть большая, заметная кнопка

«Получить точную смету и стратегию».

- При клике на кнопку данные