🍽️ S7 Restaurant: Crafting a Luxury Experience with React 19, GSAP & PDF Generation

🌟 The Vision
Luxury dining is not just about food; it's about the experience. I wanted to bring that same "Quiet Luxury" to the web. No clutter, just smooth animations and high-end functionality.

🛠️ Tech Stack & Why I Chose Them
React 19 & Vite: For lightning-fast performance and the latest frontend features.

GSAP & Framer Motion: To create cinematic transitions that CSS alone can't handle.

Material UI (MUI): For a polished, accessible, and responsive component library.

Yup & React Hook Form: Because luxury needs to be reliable. No broken forms, just smooth validation.

💎 Features that Shine

1. Interactive Table Booking
   Using Yup, I ensured that the booking process is foolproof. Users get instant feedback if they miss a detail.

2. Instant PDF Confirmation
   Why just show a "Thank You" message? I implemented html2pdf.js so users can immediately download a beautifully designed receipt.

await html2pdf()
.set(options)
.from(element)
.save();

🔗 Check it out!
I’m really proud of how the animations turned out. Take a look and let me know your thoughts!

Github: https://github.com/pawarshivamd/s7-restaurant

Live Demo: https://s7-restaurant.vercel.app

Created with ❤️ by Shivam Pawar.