Bombay-dine

byKowshik Gowda

Design an enterprise-grade, premium restaurant website frontend for "Bombay Dine". This is NOT a template website. It should feel like a modern luxury restaurant brand similar to premium restaurants and hotel dining experiences. The design language should be minimal, elegant, premium, sophisticated and conversion-focused. ==================================================== COLOR PALETTE ==================================================== Primary Background: #0B0B0B (Deep Matte Black) Secondary Background: #111111 Card Background: #171717 Border Color: rgba(212,175,55,0.15) Primary Accent: #D4AF37 (Metallic Gold) Secondary Accent: #E6C76A (Champagne Gold) Hover Accent: #F2D98A Text Primary: #FFFFFF Text Secondary: #CFCFCF Muted Text: #8F8F8F Success: #22C55E Danger: #EF4444 Shadow: 0 20px 60px rgba(0,0,0,.45) Gold Glow: 0 0 35px rgba(212,175,55,.18) Never use bright yellow. Never use orange. Never use saturated colors. The entire website should feel luxurious. ==================================================== TYPOGRAPHY ==================================================== Font: Poppins Headings: Playfair Display Large Hero Heading: 72px Bold Luxury serif typography Section Heading: 48px Cards: Modern sans-serif Buttons: Semi-bold ==================================================== STYLE ==================================================== Luxury Restaurant Minimal Lots of spacing Rounded corners Soft shadows Glass effects only where appropriate No colorful gradients No cartoon style No neumorphism Premium animation ==================================================== LAYOUT ==================================================== Full width Max container: 1440px Responsive Large whitespace 8px spacing system ==================================================== NAVBAR ==================================================== Transparent initially Turns matte black on scroll Contains: Logo Home Menu Offers About Gallery Contact Login Cart Order Now button Hover: Gold underline animation Sticky navigation ==================================================== HERO SECTION ==================================================== Full viewport height Dark premium background Large food hero image on the right Left contains Luxury heading "Authentic Flavours of Bombay" Short description Order Now button Explore Menu button Floating review badge Delivery badge Premium lighting effect Subtle gold glow behind food image ==================================================== FEATURE SECTION ==================================================== Premium Cards Fast Delivery Fresh Ingredients Best Chefs Online Ordering Hover: Lift animation Gold border ==================================================== POPULAR CATEGORIES ==================================================== Beautiful circular category cards Examples: Biryani North Indian Chinese South Indian Snacks Beverages Each card Dark background Gold outline Hover glow ==================================================== BEST SELLERS ==================================================== Grid layout Luxury food cards Large image Food Name Description Price Rating Veg/Non-Veg badge Add to Cart button Hover: Scale Gold shadow Image zoom ==================================================== SPECIAL OFFERS ==================================================== Large premium promotional banner Dark with gold typography Offer badge CTA button ==================================================== ABOUT SECTION ==================================================== Restaurant Story Chef image Luxury typography Elegant statistics Years Customers Orders Branches ==================================================== TESTIMONIALS ==================================================== Dark premium cards Gold quotation icon Customer image Rating stars ==================================================== GALLERY ==================================================== Masonry Grid Hover zoom Luxury lighting ==================================================== CONTACT ==================================================== Google Map Contact Information Opening Hours Reservation Button ==================================================== FOOTER ==================================================== Black Gold divider Links Social icons Copyright Newsletter ==================================================== BUTTONS ==================================================== Primary Metallic Gold Black text Rounded 12px Hover Slight glow Lift animation Secondary Transparent Gold border Gold text Hover Filled gold ==================================================== CARDS ==================================================== Background #171717 Border 1px solid rgba(212,175,55,.15) Radius 20px Hover translateY(-6px) Gold shadow ==================================================== INPUTS ==================================================== Dark Gold border on focus Rounded Luxury placeholder ==================================================== ICONS ==================================================== Lucide Icons Gold color ==================================================== ANIMATIONS ==================================================== Framer Motion style animations Fade Up Fade Left Fade Right Scale Smooth 300ms transitions No excessive animations ==================================================== ADMIN DASHBOARD ==================================================== Professional Enterprise Dashboard Dark Theme Black + Gold Sidebar Dashboard Orders Menu Categories Customers Coupons Reports Settings Dashboard Cards Today's Orders Pending Orders Revenue Customers Recent Orders Table Sales Chart Best Selling Foods Latest Customers Quick Actions ==================================================== TABLE DESIGN ==================================================== Dark Hover Highlight Gold Accent Rounded Sticky Header ==================================================== ORDER STATUS ==================================================== Pending Gold Accepted Blue Preparing Orange Ready Purple Delivered Green Cancelled Red ==================================================== RESPONSIVE DESIGN ==================================================== Perfect responsiveness Desktop Tablet Mobile ==================================================== TECH STACK ==================================================== Laravel Blade Tailwind CSS Alpine.js Chart.js Responsive SEO Friendly Accessible ==================================================== OVERALL FEEL ==================================================== The website should feel like a premium dining brand, not a generic food delivery platform. Think of a luxury restaurant with modern online ordering, combining elegance, speed, and trust. Every section should reinforce the black-and-gold identity inspired by the Bombay Dine signage. The UI should be clean, spacious, elegant, premium, and enterprise-grade with pixel-perfect alignment, consistent spacing, reusable Blade components, and production-ready code quality.