amber-restaurant

bybusiness

Create a fully functional, production-ready, full-stack restaurant website for: Restaurant Name: "PAGE 3 - Multi Cuisine Restaurant" Location: Gwalior, India Type: Trendy Multi-Cuisine Cafe & Rooftop Dining 🎨 UI/UX DESIGN (VERY IMPORTANT): - Theme: Instagrammable, vibrant, aesthetic cafe vibe - Colors: Teal, pastel pink, warm yellow, neon blue, black accents - Use glowing neon text (like “Do What You Love” style signage) - Include artistic wall gallery (pop art / posters grid like shown) - Smooth animations, hover effects, glassmorphism cards - Rooftop ambience section with warm lighting visuals - Fully responsive (mobile-first) 🏠 WEBSITE PAGES: 1. Homepage: - Hero section with rooftop night image + CTA buttons (Book Table / Order Now) - Trending dishes slider - Instagram-style gallery section - Customer reviews - “Do What You Love” neon banner section 2. Menu Page (DYNAMIC FROM DATABASE): Categories (based on real menu): - Sabji (Mix Veg ₹169, Aloo Jeera ₹179, Mushroom Masala ₹279, etc.) - Soya Chaap (Afghani ₹279, Malai ₹289, Stuffed ₹299, etc.) - Chinese (Hakka Noodles ₹219, Chilly Paneer ₹239, etc.) - Nachos (₹159–₹199) - Desserts (Gulab Jamun ₹99, Ice Cream ₹89) - Beverages (Coffee ₹79, Kitkat Shake ₹199, Cold Coffee ₹149) - Mocktails (Blue Lagoon ₹169, Mojito ₹199, etc.) - Each item must include: image, name, price, description, add-to-cart button 3. Online Ordering System: - Cart system (add/remove/update quantity) - Checkout page - Order summary - Payment options: - Cash on Delivery - UPI (mock integration) 4. Table Booking System: - Fields: Name, Phone, Date, Time, Guests - Store bookings in database - Show success confirmation - Optional: WhatsApp booking redirect 5. About Page: - Story of restaurant - Highlight rooftop & ambience - Chef / vibe description 6. Contact Page: - Google Maps embed (Gwalior location) - Contact form (working backend) - Phone / Email display 🔐 BACKEND (MUST BE FULLY WORKING): - Tech Stack: Node.js + Express - Database: MongoDB APIs Required: - GET/POST Menu Items - POST Orders - POST Bookings - POST Contact messages 🧑‍💻 ADMIN PANEL: - Secure login (JWT authentication) - Dashboard: - Add/Edit/Delete menu items - View orders - View bookings - View messages 📦 EXTRA FEATURES: - Image upload for menu items - Email notification on booking/order (Nodemailer) - Clean folder structure (frontend + backend separated) - .env configuration - Proper error handling 🎯 FRONTEND TECH: - React.js + Tailwind CSS - Use modern components and animations (Framer Motion optional) 🎨 UI QUALITY: Make it look like a premium café website (similar to Zomato-level UI or high-end Behance designs). Use real food images and aesthetic lighting effects. 📁 OUTPUT: - Complete frontend + backend code - Step-by-step setup guide - Database schema - Ready to run project (no placeholders) ⚡ IMPORTANT: Do NOT give partial code or UI only. Deliver a FULLY WORKING WEBSITE with backend + database + admin panel.