Создание интерактивного цифрового меню для ресторана премиум-класса. Проект спроектирован по принципу Mobile-First с упором на эстетику, плавные анимации и интуитивно понятный пользовательский опыт.
Ключевые возможности и функционал:
• Гладкая фильтрация и горизонтальный скролл категорий меню с плавной индикацией активного раздела.
• Всплывающее модальное окно (Modal) для бронирования столика со встроенной формой (выбор даты, времени и количества персон).
• Премиальная подача контента: сложная типографика, продуманные отступы и hover-эффекты для карточек блюд.
• Сложное позиционирование: Sticky-навигация и плавающая кнопка резервации на мобильных устройствах.
• Плавные анимации появления элементов и переходов с помощью Framer Motion.
• Оптимизация загрузки тяжелых изображений и высокая производительность.
Стек технологий: React, Next.js, Tailwind CSS, Framer Motion, Lucide Icons.
Ключевые возможности и функционал:
• Гладкая фильтрация и горизонтальный скролл категорий меню с плавной индикацией активного раздела.
• Всплывающее модальное окно (Modal) для бронирования столика со встроенной формой (выбор даты, времени и количества персон).
• Премиальная подача контента: сложная типографика, продуманные отступы и hover-эффекты для карточек блюд.
• Сложное позиционирование: Sticky-навигация и плавающая кнопка резервации на мобильных устройствах.
• Плавные анимации появления элементов и переходов с помощью Framer Motion.
• Оптимизация загрузки тяжелых изображений и высокая производительность.
Стек технологий: React, Next.js, Tailwind CSS, Framer Motion, Lucide Icons.