Как я собрал сайт за 15 минут: MidJourney, GPT Image 2, Seedance 2.0 и Lovable

Создай современный одностраничный сайт на основе видео и описания проекта.

## 1. ВВОДНЫЕ ДАННЫЕ

### Видео для сайта:
[ВСТАВЬТЕ ССЫЛКУ НА ВИДЕО ЗДЕСЬ]

Если ссылка выше не указана или поле оставлено пустым, считай, что видео приложено к промпту отдельным файлом.

Видео нужно использовать именно как фоновый background video на сайте, а не как обычный встроенный видеоплеер.

### Ниша проекта:
[УКАЖИТЕ НИШУ: например, недвижимость, ресторан, онлайн-курс, личный бренд, приложение, студия, салон, ивент, агентство, сервис]

### Что продвигаем:
[УКАЖИТЕ ПРОДУКТ, УСЛУГУ, БРЕНД, ИДЕЮ ИЛИ СОБЫТИЕ]

### Целевая аудитория:
[ОПИШИТЕ, ДЛЯ КОГО САЙТ: возраст, интересы, уровень дохода, боли, желания, контекст покупки]

### Главная цель сайта:
[УКАЖИТЕ ЦЕЛЬ: заявка, покупка, регистрация, запись на консультацию, подписка, переход в мессенджер, презентация бренда]

### Ключевое действие пользователя:
[УКАЖИТЕ CTA: оставить заявку, забронировать, купить, записаться, получить доступ, скачать, связаться]

### Тон и стиль:
[УКАЖИТЕ СТИЛЬ: премиальный, минималистичный, дерзкий, технологичный, спокойный, люксовый, креативный, экспертный, эмоциональный]

### Основное сообщение:
[УКАЖИТЕ ГЛАВНУЮ МЫСЛЬ, КОТОРУЮ ДОЛЖЕН СЧИТАТЬ ПОСЕТИТЕЛЬ ЗА 5 СЕКУНД]

### Преимущества:
[УКАЖИТЕ 3–6 КЛЮЧЕВЫХ ПРЕИМУЩЕСТВ ПРОДУКТА ИЛИ УСЛУГИ]

### Ограничения и пожелания:
[УКАЖИТЕ, ЧТО НЕЛЬЗЯ ИСПОЛЬЗОВАТЬ, ЧТО ОБЯЗАТЕЛЬНО ДОБАВИТЬ, КАКИЕ СЛОВА, ЦВЕТА, ЭЛЕМЕНТЫ ИЛИ СМЫСЛЫ ВАЖНЫ]

---

## 2. ЗАДАЧА

Сгенерируй полностью готовый одностраничный сайт и все необходимые файлы для запуска.

Сайт должен быть создан на основе:
- переданного видео;
- ниши проекта;
- целевой аудитории;
- цели сайта;
- визуального настроения видео;
- описания продукта или услуги.

Если какие-то вводные не заполнены, не останавливай работу. Сделай разумные допущения на основе ниши, видео и цели сайта, но не выдумывай конкретные факты, цифры, гарантии, отзывы или кейсы.

---

## 3. ТРЕБОВАНИЯ К САЙТУ

- одностраничный лендинг;
- адаптивная вёрстка для desktop, tablet и mobile;
- видео на фоне первого экрана;
- видео должно автоматически запускаться;
- видео должно быть muted;
- видео должно быть playsInline;
- видео должно быть зацикленным;
- поверх видео должен быть затемняющий или градиентный overlay для читаемости текста;
- контент должен выглядеть современно, цельно и визуально дорого;
- интерфейс должен быть чистым, стильным и не перегруженным;
- используй плавные анимации появления элементов;
- добавь CTA-кнопки;
- текст сайта сгенерируй самостоятельно на основе заполненных вводных;
- заголовки должны быть короткими, сильными и понятными;
- первый экран должен сразу объяснять, что предлагается, для кого и зачем;
- не используй внешние ссылки, бренды и конкретные сервисы, если они не были явно переданы пользователем;
- не добавляй лишние объяснения, только готовые файлы и краткую инструкцию запуска.

---

## 4. ОБЯЗАТЕЛЬНАЯ СТРУКТУРА САЙТА

Создай следующие блоки:

1. Hero
   - фоновое видео;
   - сильный заголовок;
   - короткий подзаголовок;
   - основная CTA-кнопка;
   - дополнительная CTA-кнопка, если уместно.

2. О проекте / продукте
   - кратко объясни, что это и какую задачу решает.

3. Для кого
   - опиши целевую аудиторию;
   - покажи, в каких ситуациях продукт или услуга особенно полезны.

4. Преимущества
   - 3–6 сильных преимуществ;
   - без воды и банальных формулировок.

5. Как это работает
   - 3–5 простых шагов от интереса до результата.

6. Визуальный / атмосферный блок
   - используй стиль видео;
   - можно добавить карточки, цитату, акцентный текст или затемнённый cinematic-блок.

7. Финальный CTA
   - коротко повтори ценность;
   - подтолкни к целевому действию.

---

## 5. ЛОГИКА ПОДКЛЮЧЕНИЯ ВИДЕО

- если в поле «Видео для сайта» указана ссылка на прямой видеофайл, используй её как src для background video;
- если в поле указана ссылка на страницу с видео, предупреди, что для фонового видео нужен прямой URL видеофайла или загруженный файл;
- если ссылка не указана, используй приложенный видеофайл;
- если видео приложено файлом, подключи его как локальный файл;
- если видео недоступно, создай рабочий сайт с video placeholder и явно покажи, где заменить источник видео;
- добавь fallback-фон на случай, если видео не загрузится.

---

## 6. ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ

- создай структуру проекта;
- вынеси стили и логику в отдельные файлы, если это уместно;
- используй семантическую HTML-структуру;
- код должен быть чистым, понятным и готовым к редактированию;
- сайт должен запускаться локально без сложной настройки;
- если используется локальное видео, укажи папку и имя файла, куда его нужно положить;
- если используется ссылка на видео, оставь её в коде как источник видео;
- добавь fallback-фон на случай, если видео не загрузится;
- не перегружай сайт тяжёлыми библиотеками без необходимости.

---

## 7. СТРУКТУРА РЕЗУЛЬТАТА

Выдай результат в таком формате:

1. Список файлов проекта.
2. Полный код каждого файла.
3. Краткая инструкция:
   - как подключено видео;
   - куда положить видео, если оно локальное;
   - как заменить ссылку на видео, если используется URL;
   - как запустить сайт локально;
   - какие тексты можно быстро заменить под свой проект.

---

## 8. ВАЖНО

- Видео является главным визуальным элементом сайта.
- Не вставляй видео как обычный контентный ролик.
- Используй его именно как атмосферный фоновый слой.
- Дизайн должен подстраиваться под настроение видео: цвет, типографика, композиция, ритм и визуальная энергия.
- Сайт должен продавать или презентовать проект, а не просто красиво показывать видео.
- Финальный результат должен выглядеть как готовый промо-сайт, а не как учебный шаблон.