web menu interface
Create a modern, responsive Restaurant Menu Web Application with the following features: 🎨 Design Requirements: Clean, premium restaurant UI Mobile-first responsive design Attractive food images Smooth animations Dark & Light mode toggle Elegant fonts and modern color theme (red, black, gold or customizable) Logo section on top Sticky cart button 📋 Main Features: 1️⃣ Homepage Restaurant name and tagline “Scan & Order” section QR Code automatically generated for this menu page URL Dine-in / Takeaway toggle option Table number input (if dine-in) 2️⃣ Menu Categories (With Filters) Include common restaurant categories: 🥗 Starters 🍲 Soups 🥘 Main Course (Veg) 🍗 Main Course (Non-Veg) 🍕 Fast Food 🍔 Burgers 🌮 Chinese 🍛 Indian 🍝 Pasta 🥪 Sandwich 🍰 Desserts 🧋 Beverages 🥤 Soft Drinks Each category should: Show dish image Dish name Description Price Veg / Non-Veg indicator Add to cart button 3️⃣ Customization Options (Very Important) When user clicks a dish: Allow: Quantity selector (+ / -) Spicy Level: Mild Medium Extra Spicy Oil preference: Normal Less Oil No Oil Salt preference: Normal Less Salt Add-ons (extra cheese, butter, toppings) Special instructions text box 4️⃣ Cart System Real-time price update Show selected customization Remove item option Edit item option GST calculation Service charge (optional toggle) Grand total 5️⃣ Checkout Page Customer name Phone number Table number (auto if dine-in) Payment method: Cash UPI Card Confirm Order button 6️⃣ Admin Panel (Simple Dashboard) Add / Edit / Delete dishes Change prices Mark dish as unavailable View live orders Order status: Preparing Ready Served Completed 7️⃣ QR Code System Generate dynamic QR code linked to menu page URL Download QR option Printable QR poster layout 8️⃣ Technical Requirements Use React or Next.js Backend with Firebase / Supabase Real-time database for orders Mobile optimized Fast loading Secure form validation 9️⃣ Extra Smart Features (Optional but Preferred) Estimated preparation time Order history Coupon system Multi-language option WhatsApp order notification integration Sound notification for new orders 10️⃣ Deployment Ready to deploy on Vercel / Netlify Provide clean code structure Include sample dummy food data Make this system professional, scalable, and easy for restaurant owners to manage without technical knowledge.