Indulge — Luxury Mughlai Dining Landing Page Template

Quick summary

Dawat is a gallery and detail landing page for a Mughlai fine dining restaurant. It leads with cinematic food photography, follows with dish provenance storytelling, and closes with a fixed reservation bar and slide-up booking panel. The design earns desire first, then reveals the seven-course tasting menu price only inside the booking flow.

Who this template is for

This template is built for premium dining establishments that want their food to speak before the menu does. It suits restaurants where atmosphere, heritage, and ritual are as important as the dish itself.

• Anniversary couples and celebration diners seeking a night worth remembering
• Corporate hosts who close conversations over ceremonial biryani and expect seamless service
• Food-focused travelers who research restaurants long before boarding a flight

What problem this template solves

Most restaurant pages list dishes, prices, and a contact form. That approach skips the most important moment: building craving. Dawat solves the gap between a visitor landing on the page and actually feeling compelled to book.

• Visitors leave before converting because price appears before desire is established
• Food photography gets buried in grids instead of being given the full-bleed space it deserves
• Booking friction is high when forms feel clinical rather than ceremonial

What you get with this template

You get a fully structured single-page layout that moves a visitor from first impression through sensory storytelling and into reservation, without a single unnecessary detour.

• A cinematic hero section with a scroll-expansion animation and serif headline fade-in
• A sensory bento grid, alternating full-bleed dish panels, and an occasions-and-testimonials section
• A fixed bottom reservation bar, slide-up booking panel, and a secondary gift-voucher path

Feature list

This template ships with five distinct interactive and layout capabilities, each grounded in the Mughlai fine dining brief.

Cinematic Hero with Scroll Animation

The hero fills the full viewport with a lifestyle photograph: two hands breaking laccha paratha over a candlelit table, copper bowls softly blurred in the background. A serif headline fades in after a deliberate beat. On scroll, a GSAP-powered expansion animation pulls the viewer deeper into the scene.

Sensory Bento Grid with Origin Overlays

An asymmetric bento grid presents macro dish photography alongside origin story overlays. Each tile introduces a course through a sensory detail rather than a menu description. Cardamom pods split open, reduced makhani poured in slow motion, each image paired with a single-paragraph provenance story.

Alternating Full-Bleed Dish Panels

Three signature dish panels, korma, seekh kebab, and lamb nihari, each occupy the full viewport width. Each panel pairs a close-up photograph with chef tasting notes, ingredient provenance, and a suggested pairing. Visitors feel the dish before they read the name.

Fixed Reservation Bar and Booking Panel

After the first scroll, a slim reservation bar locks to the bottom of the viewport. Tapping it opens a slide-up booking panel with date selection, party size, an occasion dropdown covering dinner, celebration, private dining, and chef's table, plus an optional field for dietary notes. Price appears only here.

Gallery Expand-to-Detail Interaction

Thumbnail images in the gallery expand into full-bleed detail panels on click. Each expanded panel surfaces ingredient provenance, the chef's tasting notes, and a suggested pairing. The interaction keeps the page clean while rewarding curious visitors with depth.

Page sections overview

Design & branding system

The visual identity follows a Luxe Minimal theme. Cream backgrounds give food photography room to breathe. Charcoal anchors all text. Pomegranate and turmeric gold appear as accents, gradients, and hover states rather than dominant fills.

• Color palette: deep pomegranate (#6B1D2A), molten turmeric (#E2A72E), cardamom cream (#F5EDE0), midnight charcoal (#1A1A1A)
• Typography: Fraunces serif for headlines, DM Sans for all body copy
• Gradients are limited to section transitions and hover states, keeping the rest of the page calm and photographic

Mobile & speed optimization

The template is designed desktop-first to serve anniversary and corporate audiences who browse on larger screens. Full mobile support is included so the experience holds at every viewport.

• Staggered scroll reveals and magnetic call to action button behavior adapt gracefully to touch devices
• The fixed reservation bar and slide-up booking panel remain fully usable on smaller screens
• Server Components handle static content while Client Components manage animations and the booking panel interaction

How this template helps you convert

Dawat is structured to make reservation feel like the natural next step, not a decision forced by a pop-up or a price list.

1. Desire is built section by section through sensory storytelling before a single price appears, so visitors arrive at the booking panel already convinced
2. The fixed bottom reservation bar keeps the primary call to action visible throughout the scroll without interrupting the dining atmosphere
3. The secondary "Send as Gift" path captures buyers who want to offer a prepaid tasting-menu voucher, widening conversion beyond direct diners

Other information about this template

This template supports Indian culinary terminology throughout, preserving words like handi, biryani, nihari, and laccha paratha without substitution. The INR currency context is implied in the booking panel flow. Social proof is structured around named magazine mentions, occasion-typed guest testimonials, and chef credentials rather than generic star ratings.

• Template style: Gallery and Detail, suitable for food-forward hospitality brands
• Headline treatment references empire-era culinary heritage, connecting the copy voice to the visual identity
• The seven-course tasting menu price is intentionally withheld from the page body and revealed only inside the booking panel, a deliberate conversion architecture choice described in the brief

Show more