Техническое задание: Клонирование лендинга на чистом коде

Цель проекта

Создать точную, высокопроизводительную копию существующего одностраничного сайта (лендинга), переведя его с конструктора на нативные технологии.

Исходные данные

• Имеется рабочий прототип лендинга, созданный на CMS с использованием визуального редактора.
• Доступ к прототипу для анализа и копирования предоставляется.

Основные требования

1. Техническая реализация

• Верстка должна быть выполнена на чистом HTML5, CSS3 и JavaScript (Vanilla JS) без использования фреймворков (React, Vue и т.д.) или CMS.
• Код должен быть семантическим, валидным и оптимизированным.

2. Визуальное соответствие и адаптивность

• Pixel-perfect совпадение с оригинальным лендингом.
• Полная адаптивность под три ключевых разрешения:
  • Десктопная версия
  • Планшетная версия
  • Мобильная версия

3. Производительность (Критически важный пункт)

• Скорость загрузки должна быть максимально оптимизирована.
• Целевые метрики:
  • Показатели в инструментах анализа производительности (например, PageSpeed Insights, Яндекс.Вебмастер) должны быть в зеленой зоне.
  • Оценка производительности (Performance Score) - выше 90 баллов.
  • Время загрузки - минимальное (ориентир 30-40 мс в метриках сервера).
• Сайт должен "летать" и работать безупречно.

4. Функциональность

• Все интерактивные элементы (слайдеры, аккордеоны, меню и т.д.) должны работать корректно и плавно.
• Формы обратной связи:
  • Должны иметь валидацию полей.
  • Данные должны отправляться без ошибок и с мгновенной обратной связью для пользователя.
  • Необходимо предусмотреть защиту от спама.

5. Результат

• Архив с готовой версткой (HTML, CSS, JS, изображения, шрифты).
• Код должен быть готов к размещению на любом хостинге.
• Чистая, комментированная и структурированная кодовая база.