Сгенерируй **один готовый к деплою проект** веб‑сайта «Emigr...

Prompt

Сгенерируй **один готовый к деплою проект** веб‑сайта «Emigroinfo Microsevis» — аккуратно организованную папку с файлами, которые можно сразу скопировать на обычный LAMP/LEMP хост и запустить «из коробки». **Выход должен быть только в формате промта для генератора (Kimi)** — никаких объяснений, рассуждений или дополнительных комментариев, только сам промт. Промт должен требовать от Kimi вернуть структуру проекта и содержимое файлов в следующем формате: сначала `README.md`,НА руском файл проекта в отдельных секциях, помеченных `--- FILE: path/to/file ---`. Проект должен включать все перечисленные ниже требования. **Краткая цель проекта (для Kimi):** одностраничный маркетинговый сайт (главная `travel.html направления `travel.html`) для посреднического сервиса по билетам: **мы не продаём билеты напрямую — мы перенаправляем пользователей к партнёрам и получаем вознаграждение при покупке**. Сайт должен подчёркивать эту роль посредника в тексте и UX. --- **Требования к дизайну и контенту (обязательные):** 1. **Навигация / Header** - Логотип слева: **Emigroinfo Microsevis** в стиле **NEONWAVE** с мигающим курсором (CSS-анимация). - Справа кнопка **⌂ HOME** (ссылка на `index.html`). - Навигация использует скошенные углы (clip‑path) в киберпанк‑стиле, неоновое свечение, контрастный текст. - Внутри `<div class="nav-links">` должна быть ссылка с иконкой дома `&#8962;` и комментарием `<!-- Что внутри -->`. 2. **Hero / Параллакс‑секция** - Заголовок: **CĂLĂTOREȘTE ÎN VIITOR** с глитч‑эффектом (сдвиг неоновых теней, CSS + небольшая JS‑поддержка). - Подзаголовок на румынском, ясно объясняющий: **Nu vindem bilete — conectăm clienții cu partenerii noștri; noi primim comision când cumpărați prin link‑urile noastre.** - Параллакс из трёх слоёв: фон с неоновым градиентом, полупрозрачная сетка/линии, контент поверх. На мобильных параллакс отключается (медиа‑запросы), но визуал остаётся. - Статус‑бар в hero: пульсирующие точки и текст: **SISTEM ONLINE • 247 PARTENERI ACTIVI • LATENȚĂ 0.03s**. 3. **CTA** - Большая неоновая зелёная кнопка **▶ EXPLOREAZĂ DESTINAȚII** с пульсирующим свечением. - Hover: меняется на синий неон и слегка увеличивается (scale + transition). - Кнопка ведёт на `travel.html` или на якорь секции направлений. 4. **Инфо‑полоса (статистика)** - Горизонтальная полоса с 4 ячейками: **247 parteneri**, **89 țări**, **1.2M rute**, **99.9% uptime**. - Анимация счётчиков при загрузке (count up). 5. **Блок партнёров** - Краткое пояснение на румынском: **Nu vindem bilete — colaborăm cu parteneri. Când cumpărați prin link‑urile noastre, primim un comision.** - Карточки 5 партнёров: **AIRLINK//NET, RAILSYS, HOTSPOT, METROCORE, GUIDENODE** — стилизованные плитки/логотипы (SVG или текстовые эмблемы). - Каждая плитка — hover‑эффект неонового свечения. 6. **Карточки направлений** - 6 карточек: **Neo‑Tokyo, Night City, Berlin Underground, București Grid, Singapore Spire, Reykjavik Node**. - Для каждой карточки: **код сектора**, **короткое описание (на румынском)**, **код маршрута**, **уровень (S/A/B)**. - Дизайн: скошенные углы, clip‑path, пульсирующий бейдж (останавливается при hover), неоновое свечение при наведении. - Текст карточек на румынском. 7. **Эффекты и глобальные стили** - Сетчатый фон (grid lines) поверх/под контентом. - CRT‑сканлайны (scanlines) как полупрозрачный слой поверх страницы. - Глитч‑эффект на заголовке. - Неоновые тени и glow для кнопок и акцентов. - Все эффекты оптимизированы и отключаемы через CSS‑переменную (например `--crt-enabled: 1`). 8. **Адаптивность и доступность** - Полностью адаптивная вёрстка (desktop/tablet/mobile). - На мобильных: параллакс отключён, глитч упрощён. - Alt‑теги для изображений, aria‑атрибуты для интерактивных элементов, контрастный текст. 9. **Технические требования** - **Файлы и структура:** ``` /project-root /assets logo.svg favicon.ico partner‑*.svg (или inline) /css styles.css /js script.js /php contact.php index.html travel.html README.md ``` - **HTML:** валидный, семантический, с комментариями где менять тексты/цвета. - **CSS:** используй CSS variables для палитры и неоновых эффектов; включи 3 варианта цветовой палитры (основная — фиолетово‑зелёная) и переключатель в `:root`. - **JS:** vanilla JS; функции: - параллакс (должен отключаться на мобильных), - глитч‑эффект заголовка, - анимация счётчиков, - пауза анимаций при hover, - обработка формы контакта через AJAX POST на `php/contact.php`, - graceful fallback если JS отключён. - - **Assets:** логотип можно вернуть как `assets/logo.svg` (inline SVG предпочтителен). Если изображения нужны — использовать SVG или base64‑заглушки. - **README.md:** чёткая инструкция по деплою (копировать на сервер, права, PHP версия, настройка почты, как заменить логотип/партнёров/тексты, как отключить CRT). 10. **Текстовые правки и юридические пометки** - На видимых местах (hero, блок партнёров, карточки) обязательно указать, что сайт **не продаёт билеты напрямую**, а является посредником и получает комиссию при покупке через партнёрские ссылки. - Добавить короткую политику конфиденциальности/примечание в футере: «Emigroinfo Microsevis — platformă de afiliere; verifică termenii partenerilor înainte de achiziție.» 11. **Интерактивность ссылок партнёров** - Кнопки/ссылки «Book» на карточках направлений ведут на внешние партнёрские URL (в промте можно указать placeholder `https://partner.example.com/track?ref=EMIGRO` и объяснить, что Kimi должен генерировать ссылки с UTM/track параметром). - При клике открывать в новой вкладке и помечать `rel="noopener noreferrer"`. 12. **Дополнительно в промте для Kimi** - Попросить Kimi вернуть проект в виде набора файлов, каждый файл в отдельной секции `--- FILE: path/to/file ---`. - Попросить включить комментарии в коде, где менять: логотип, тексты карточек, статистику, цвета, партнёров, настройки почты в `contact.php`. - Попросить Kimi включить в `README.md` раздел «Как быстро изменить на сервере» с перечислением файлов и переменных (например `:root` CSS переменные, `travel.html` карточки, - Попросить Kimi предложить **3 варианта цветовой палитры** (каждый — 4 переменные: `--bg`, `--accent`, `--neon`, `--muted`) и вставить их в `styles.css` как комментарии/готовые блоки. --- **Формат вывода от Kimi (строго):** 1. `README.md` (с инструкцией по деплою и настройке почты, где менять тексты и цвета). 2. `--- FILE: index.html ---` (полный файл). 3. `--- FILE: travel.html ---` (полный файл). 4. `--- FILE: css/styles.css ---` 5. `--- FILE: js/script.js ---` 7. `--- FILE: assets/logo.svg ---` 8. `--- FILE: assets/favicon.ico ---` (если невозможно — base64 placeholder). 9. В конце — короткий список «Файлы и места для быстрой правки на сервере» (3–6 пунктов). --- **Ограничения для Kimi:** - Не использовать внешние сборщики (Webpack, Vite) или платные библиотеки. - Минимум внешних зависимостей; можно подключить Google Fonts (указать в README). - Все скрипты и стили должны быть локальными (в отдельных файлах), не inline‑блоки в HTML, кроме SVG‑логотипа допустим inline. - Не включать реальные платёжные интеграции; только партнёрские ссылки‑placeholder с трекингом. - Не добавлять лишних объяснений — только файлы и README в указанном формате. --- **Конечная инструкция ():** Сгенерируй проект и верни его строго в указанном формате (`README.md`, затем секции `--- FILE: path/to/file ---` для каждого файла). Никаких дополнительных комментариев или пояснений — только содержимое файлов.