Верстка лендинга для продажи цифровых ключей

Цель проекта

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

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

  • Точное соответствие предоставленному макету Figma для десктопной версии (pixel-perfect).
  • Корректное и адаптивное отображение на мобильных устройствах.
  • Верстка является статичной - реальные API-запросы и бизнес-логика не интегрируются.
  • Все интерактивные элементы (кнопки, ссылки, поля ввода) должны иметь стилизованные состояния hover и active.
  • Использование стандартного курсора для всех элементов интерфейса.

Дополнительные материалы

Для понимания логики взаимодействия пользователя с интерфейсом будет предоставлена отдельная документация: последовательность экранов и майнд-карта. Эти материалы являются руководством для реализации корректного поведения элементов на странице.

Технические детали

  • Работа выполняется на чистом HTML и CSS (или с использованием препроцессоров, если указано в макете).
  • JavaScript используется минимально, только для имитации базовой интерактивности (например, переключение табов, открытие модальных окон), без подключения к бэкенду.
  • Код должен быть чистым, структурированным и комментированным в ключевых местах.
  • Верстка должна проходить базовую проверку на валидность и кроссбраузерность (современные версии Chrome, Firefox, Safari).