Требования к верстке
HTML/CSS-вёрстка должна быть выполнена строго по макету из Figma, корректно отображаться на всех устройствах (desktop, tablet, mobile) и быть полностью адаптивной. Особое внимание уделяется достижению идеального результата Google PageSpeed Lighthouse: 100 баллов по всем категориям (Performance, Accessibility, Best Practices, SEO) на всех разрешениях.
Ключевые требования к мобильной версии
- Премиальное меню: плавное появление мобильной панели навигации.
- Анимированная SVG-иконка: трансформация из состояния 'burger' в 'close' (крестик) с помощью CSS-анимаций без использования тяжелых библиотек (jQuery, GSAP).
- микро-анимации: легковесные эффекты на hover/focus для кнопок, ссылок и элементов, без негативного влияния на скорость загрузки и смещение макета (CLS).
Технические детали
- Чистый, валидный код с корректной семантикой HTML5.
- Полное соответствие требованиям modern frontend разработки.
- Готовность к интеграции с backend.