Dine — Indian Supper Club Landing Page Template

Quick summary

Hearth is a single-page immersive template designed for a Northeast Indian supper club. It moves visitors from curiosity to reservation through layered sensory storytelling. Each scroll section builds appetite and emotional connection. The page climaxes at a full-width event registration form where guests book their seat at the communal wood-fire table.

Who this template is for

This template is built for food-forward hospitality brands that want their landing page to feel like an experience, not a menu. It works best for operators who need to fill event seats through a reservation-first flow.

• Naga and Northeast Indian restaurant owners hosting supper clubs and heritage dinners
• Cultural organizations planning community food events with a reservation-driven calendar
• Corporate event teams seeking a communal dining experience with a distinctive, story-led booking page

What problem this template solves

Most restaurant landing pages show a menu and a phone number. They do not make a visitor feel anything before they click. When you are selling a supper club seat, that emotional gap is costly.

• Visitors leave before they understand the cultural depth of the experience being offered
• Generic booking pages fail to convey the communal, fire-lit atmosphere that makes the event worth attending
• There is no narrative journey that transforms curiosity about Northeast Indian food into an actual reservation

What you get with this template

You get a complete, ready-to-customize single-page layout that handles discovery, appetite, and booking in one continuous scroll. Every section is purposefully sequenced.

• A hero section with a breathing macro close-up image, delayed animated text reveal, and full-bleed immersive entry
• A sensory scroll journey covering aroma, taste, and touch through texture photography, a dish carousel, and communal table imagery
• A full-width event registration form with supper club calendar, guest count, dietary notes, and an optional cultural interest field

Feature list

This template is built around a set of components that work together to immerse, engage, and convert.

Breathing Hero with Animated Text Reveal

The hero opens on an extreme close-up of smoked pork ribs. No text appears for the first two seconds. Then a single tagline fades in at the bottom third of the frame. The image has a subtle breathing animation that keeps the first frame feeling alive.

Scroll-Triggered Sensory Sections

Three distinct content sections unfold as the visitor scrolls. Each one represents a different sensory layer: aroma and fermentation textures, a signature dish carousel with village origin stories, and wide communal table photography. Scroll-triggered reveals and parallax layers control the pacing.

Signature Dish Carousel

The taste section features an overhead-shot carousel of signature dishes. Each dish card includes a one-line origin story that names the village or grandmother behind the recipe. This gives cultural weight to every item on the rotating display.

Full-Width Event Registration Form

The reservation section occupies a dedicated full-width block before the footer. It includes event date selection from an upcoming supper club calendar, number of guests, a dietary needs field with a note that the kitchen is pork-forward, and an optional prompt asking what excites the guest about Northeast food.

Sticky Call-to-Action Bar

After the second scroll, a sticky bottom bar appears with the primary call to action: "Reserve Your Seat at the Fire." It stays visible as the visitor moves through content, reducing friction between intent and action.

Gift a Seat Secondary Path

Alongside the main reservation flow, a secondary call to action lets visitors purchase a seat as a gift. This opens an additional conversion path for occasions, corporate gifting, and cultural event sponsorships.

Page sections overview

Design & branding system

The visual identity follows a Pastoral Calm theme that feels earthy, fire-lit, and ancient. Every color choice connects to the food culture it represents.

• Smoked bamboo charcoal (#2B2118) grounds all full-bleed section backgrounds, creating depth and warmth
• Sun-ripened mandarin (#E8820C) activates calls to action, hover states, and primary interactive elements
• Fresh galangal yellow (#F5C542) warms subheadings and section divider lines throughout the scroll
• Misty paddy green (#A4B87A) appears as a secondary accent in ingredient callouts and margin illustrations

Typography pairs Fraunces, a warm serif for headlines that carries a sense of age and weight, with DM Sans in the body for clean and readable supporting text.

Mobile & speed optimization

The template is built desktop-first with a strong mobile-responsive layout. The reservation form is specifically designed to work smoothly on smaller screens.

• Scroll-triggered reveals use Intersection Observer, keeping animation logic lightweight and CSS-driven
• The hero breathing effect and parallax layers rely on CSS animations rather than heavy JavaScript libraries
• The sticky call-to-action bar repositions cleanly on mobile so it never blocks critical form fields

How this template helps you convert

The page is structured as a one-way emotional journey from stranger to seated guest. Each section earns the next click.

1. The breathing hero and delayed text reveal create immediate sensory intrigue, holding attention before the first scroll
2. The aroma, taste, and touch sections build appetite and cultural connection progressively, making the visitor feel they are missing something by not booking
3. The sticky bar and full-width registration form appear at the precise moment desire peaks, removing every barrier between feeling hungry and securing a seat

Other information about this template

This template was designed for a single-page, section-led landing page flow. It is part of the Food and Beverage category under Regional and Specialty Restaurant, with a niche focus on Naga and Northeast Indian dining.

• The template style is Full-Width Immersive with a Pastoral Calm theme and a Citrus Burst color system
• The creative direction follows a Sensory Appeal approach, with a Macro Close-Up header concept and an Event Registration landing-page direction
• A marquee element and staggered text animations are included alongside the parallax and scroll-reveal interactions
• The footer uses an Arc Browser Split pattern with logo and tagline on the left and essential links on the right

Show more