Необходимо сверстать и развернуть одностраничный лендинг компании на основе предоставленного дизайна (дизайн в формате PDF прилагается). В работе использовать Next.js и Tailwind CSS. Лэндинг должен быть полностью адаптивным, с двумя версиями: для мобильных устройств и для планшетов/компьютеров.
Требования:
# Верстка: Адаптивная верстка с использованием Tailwind CSS. Дизайн выполнен в художественном стиле, важно максимально точно воплотить задумку дизайнера. Поддержка двух версий: мобильной и планшет/компьютер.
# Функционал: Реализация якорей для плавного скролла по разделам страницы. Модальные окна для отображения дополнительной информации. Внедрение параллакс-эффекта и комплексных анимаций для создания более динамичного и визуально привлекательного интерфейса. Использование статической генерации страниц (SSG) в Next.js для улучшения производительности и SEO.
# Оптимизация: Оптимизация изображений с помощью встроенных возможностей Next.js (например, next/image). Внедрение lazy loading для всех изображений и тяжелого контента. Минимизация и сжатие CSS и JavaScript для достижения высокого балла в Google Lighthouse. Реализация SEO-дружественных метатегов, заголовков и семантической разметки. Настройка кеширования и Gzip/Brotli сжатия на стороне Nginx. Поддержка всех современных браузеров (кроссбраузерность).
# Анимации и эффекты: Реализация параллакс-эффекта для отдельных элементов страницы, чтобы усилить художественный стиль. Комплексные анимации (например, анимации при скролле, появления элементов) для создания динамичного и интерактивного пользовательского опыта.
# Деплой и сервер: Деплой сайта осуществляется силами заказчика с использованием Docker и Nginx.
# Коммуникация: Работа в телеграм-группе с заказчиком и дизайнером для обсуждения и финальной подгонки деталей. Регулярное предоставление промежуточных результатов для обсуждения и утверждения.
# Дополнительные материалы: Файл с дизайном в PDF. Любые другие специфические требования или пожелания будут обсуждаться в ходе выполнения задачи.
Ожидаемый результат:
Полностью готовый к деплою лендинг, оптимизированный для SEO и производительности, с адаптивным дизайном для мобильных устройств и планшетов/компьютеров, развернутый на VPS с использованием Docker и Nginx, с реализованными параллакс-эффектами и комплексными анимациями для усиления художественного стиля страницы.
