Flame — Gourmet South Asian Bistro Landing Page Template

The Tandoor landing page template is a gallery-and-detail single-page design built for Indian casual dining restaurants. It uses a Fire & Earth color system, scroll-driven storytelling, and a pinned reservation call to action to turn visitors into booked guests. Rich lifestyle photography, dish origin panels, and a Day-in-the-Life creative direction make Indian food irresistible before anyone steps through the door.

by Rocket studio

Quick summary

The Tandoor template is a cinematic, gallery-led landing page for an Indian restaurant that wants to earn every reservation. It pairs editorial Haute Craft design with a scroll narrative that moves from morning spice markets to a candlelit dining room. The result is a restaurant landing page that makes Indian food feel unmissable and turns curiosity into a confirmed booking.

Who this template is for

This landing page is built for independent Indian restaurant owners, hospitality operators, and food-and-beverage brands who love what they serve and want a website that matches that care. It suits restaurants where the craft of cooking is part of the story.

  • Urban Indian casual dining restaurants looking to attract young couples and office groups
  • Restaurant owners who want a design that shares the atmosphere as much as the menu
  • Food and beverage operators ready to replace a generic website with something guests remember

What problem this template solves

Most restaurant landing page designs look the same. They list a menu, drop in a contact form, and call it done. Guests land on the page and feel nothing. For an Indian restaurant serving slow-cooked, hand-ground Indian food, that gap is costly.

  • Visitors leave without a sense of the room, the craft, or the reason to choose this restaurant over a predictable alternative
  • A weak landing page fails to share the personality of Indian food, leaving the menu to do work it cannot do alone
  • Without a clear call to action, browsers stay browsers and reservations stay empty

What you get with this template

This template delivers a full single-page restaurant landing page with five distinct sections, each designed to build appetite and move guests toward a reservation. Every design choice is intentional and grounded in Indian food culture.

  • A cinematic hero with a lifestyle shot framed like a stolen moment at the best table in the house
  • A Day-in-the-Life gallery cluster with expandable dish detail panels showing origin stories and cooking techniques
  • A pinned bottom bar with a primary "Reserve Your Table" call to action and a secondary "See Full Menu" link

Feature list

This template includes every element a high-converting Indian restaurant landing page needs, assembled in the order guests are ready to receive them.

Cinematic Lifestyle Hero

The opening section uses a full-bleed lifestyle shot framed slightly overhead with shallow depth of field. Hands tearing naan, steam rising from a karahi, and a mango lassi catching pendant light set the atmosphere before a single word is read.

A scroll-driven gallery cluster moves from morning market spice delivery through noon prep to the evening dining room. Each image cluster opens into a detail panel with a dish description, its origin story in one line, and the specific technique that makes it theirs.

Pinned Reservation Call to Action

A "Reserve Your Table" button in turmeric gold on iron black stays gently pinned to the bottom of the viewport during scroll. A secondary "See Full Menu" link sits beside it for guests who need a little more before they commit.

Fire & Earth Color System

Scorched clay red, deep mustard turmeric, blackened iron, and kiln-washed cream work together across the design. Each color has a defined role: cream holds open space, iron anchors type, turmeric marks interactive elements, and red appears only at decision moments.

GSAP Scroll Animations

Grayscale-to-color image reveals, staggered panel entrances, and a pinned bottom bar are all driven by GSAP ScrollTrigger. The animation order mirrors the scroll narrative, building hunger literally as the page progresses.

Hover Detail Panels and Dish Expand

Hovering over a dish image opens a detail panel inline. The expand interaction shows the dish, its cultural origin, and the cooking method in a clean overlay, without navigating away from the landing page.

Page sections overview

SectionPurpose
Hero Lifestyle ShotOpens with warmth, atmosphere, and stolen-moment framing
Day-in-the-Life GalleryBuilds appetite through a morning-to-evening visual story
Signature Dishes PanelShares origin stories and technique for hero Indian food items
Room & OccasionsShows the restaurant across guest types and lighting moods
Evening Light PullCloses with a final gallery and the reservation call to action
Minimal FooterProvides location, hours, and horizontal link row

Design & branding system

The design system follows a Haute Craft editorial direction. It feels like an artisan restaurant photographed for a food magazine, with every color and typeface choice tied to the warmth of Indian food and the glow of a working tandoor.

  • Fraunces display serif for headings, DM Sans for body copy, creating contrast between editorial weight and readable clarity
  • Fire & Earth colors: scorched clay red (#A63D2F), turmeric (#C49A2A), blackened iron (#1E1E1E), and kiln-washed cream (#F5EDE0)
  • A warm color palette throughout the restaurant website reflects Indian cuisine and supports the mood of each section

Mobile & speed optimization

Restaurant discovery is mobile-heavy, and this landing page is designed with that in mind. The template uses a desktop-first layout with a rich mobile fallback so the experience holds on every screen size.

  • Mobile-responsive design ensures smartphone visitors get the same emotional impact as desktop guests
  • Server Components handle static sections while Client Components manage scroll animations, keeping the page lean
  • Smooth scrolling and GSAP-driven animations are structured to stay performant across devices

How this template helps you convert

A landing page earns a reservation by making the guest feel something before they arrive. This template is structured to do exactly that, in a specific order.

  1. The hero lifestyle shot creates immediate atmosphere and signals that this Indian restaurant is worth the night out, prompting visitors to keep scrolling
  2. The gallery-to-detail scroll sequence builds appetite section by section, so by the time the guest reaches the pinned call to action, the decision already feels made
  3. The "Reserve Your Table" button clicks through to a reservation partner with date, party size, and seating preference pre-framed, removing every barrier between interest and a confirmed booking

Other information about this template

This template is part of the Tandoor Haute Craft Indian Casual Dining landing page template collection and is suitable for Indian restaurant operators, catering services, and food and beverage brands.

  • The template design supports effortless color changes so operators can match their own restaurant branding without rebuilding the layout
  • Cookie consent banners and GDPR-compliant cookies handling can be added to the template to protect visitor data and meet legal requirements where required
  • Embedding a live feed of customer reviews or ratings from platforms such as Google Business Profile or Yelp can enhance credibility and share social proof with new visitors
  • A "See the Craft" section approach, showing marination and cooking process imagery, is baked into the Day-in-the-Life gallery and builds authenticity that menus alone cannot store
  • No-code platforms that offer drag-and-drop editors can deploy this template without coding skills, and many provide full installation services so the restaurant website is live within a few business days
  • An interactive map widget can be added to clearly share the restaurant's location and operating hours with guests arriving via mobile search
  • The template design is inspiration for Indian food operators who want a website that communicates craft, not just cuisine
Flame — Gourmet South Asian Bistro Landing Page Template
Flame — Gourmet South Asian Bistro Landing Page Template
Flame — Gourmet South Asian Bistro Landing Page Template
Flame — Gourmet South Asian Bistro Landing Page Template

Theme

Haute Craft

Creative direction

Day-in-the-Life

Color system

Fire & Earth

Style

Gallery + Detail

Direction

Click-Through

Page Sections

Cinematic Lifestyle Hero Section

Day-in-the-life Scroll Gallery

Pinned Reservation Call to Action

Fire & Earth Design System

GSAP Scroll Animations

Hover Dish Detail Panels

Related questions

Does this template include a reservation form on the page?

Can I update the menu and dish panels with my own Indian food items?

Will this landing page design work on mobile devices?

Can I change the colors to match my restaurant branding?

Does this template support cookie consent for GDPR compliance?