Creation of an interactive digital menu for a premium-class restaurant. The project is designed on a Mobile-First principle with a focus on aesthetics, smooth animations, and an intuitive user experience.
Key features and functionality:
• Smooth filtering and horizontal scrolling of menu categories with a smooth indication of the active section.
• Pop-up modal window for table reservation with an integrated form (selection of date, time, and number of guests).
• Premium content presentation: complex typography, thoughtful spacing, and hover effects for dish cards.
• Complex positioning: Sticky navigation and floating reservation button on mobile devices.
• Smooth animations for element appearances and transitions using Framer Motion.
• Optimization of heavy image loading and high performance.
Technology stack: React, Next.js, Tailwind CSS, Framer Motion, Lucide Icons.
Key features and functionality:
• Smooth filtering and horizontal scrolling of menu categories with a smooth indication of the active section.
• Pop-up modal window for table reservation with an integrated form (selection of date, time, and number of guests).
• Premium content presentation: complex typography, thoughtful spacing, and hover effects for dish cards.
• Complex positioning: Sticky navigation and floating reservation button on mobile devices.
• Smooth animations for element appearances and transitions using Framer Motion.
• Optimization of heavy image loading and high performance.
Technology stack: React, Next.js, Tailwind CSS, Framer Motion, Lucide Icons.