Gather — Upscale Supper Club Booking Landing Page Template

Quick summary

Krathong is a single-page booking experience designed for a long-table Thai supper club. The landing page leads with a cinematic hero, then walks visitors through a sensory scroll, course by course, before presenting a streamlined reservation form. Every design choice prioritizes mood over information overload, creating an emotional pull that turns curiosity into a confirmed seat.

Who this template is for

This landing page was built for operators running intimate, high-touch dining experiences where ambiance and exclusivity do the selling. It suits anyone creating a reservation-driven supper club presence that needs to feel warm and rare.

• Thai supper club hosts and pop-up dining operators
• Private chefs catering to food-obsessed couples and anniversary seekers
• Creative professionals booking memorable client dinners with cultural depth

What problem this template solves

Most restaurant booking pages lead with a menu and a calendar. For a supper club, that order is backwards. The template solves the trust and intrigue gap, visitors need to feel the room before they commit to a seat.

• Generic dining pages fail to convey scarcity or culture, losing high-intent guests
• No clear story means no emotional hook, reducing landing page conversions
• Clunky booking flows with too many fields push ready buyers to abandon

What you get with this template

You get a fully designed landing page that moves visitors through sensation before booking pressure arrives. The layout is structured, intentional, and ready for your content.

• A cinemagraph-style hero with a delayed single-line text reveal
• A sensory course scroll with ingredient close-up photography zones
• A pinned bottom bar call to action and a multi-step booking modal with waitlist fallback

Feature list

A single landing page template contains all the sections and interaction patterns described below. No external build experience is required to use it.

Cinematic Hero with Delayed Reveal

The hero fills ninety percent of the viewport with a candlelit long-table scene. A looping smoke SVG rises from a charcoal pot at the center. After a two-breath pause, a single headline appears in coconut cream type: "Twelve Seats. One Night. No Menu." The delayed reveal creates immediate atmosphere.

Sensory Course Scroll

Scroll-triggered sections introduce each course by sensation rather than dish name. Overhead photography, hands reaching, and spoons mid-pour are interspersed with tight ingredient close-ups, kaffir lime leaves, toasted rice powder, that become abstract textures between sections. GSAP scroll reveals and parallax effects control the pacing.

Pinned Booking call to action Bar

A minimal "Reserve Your Seat" bar in ember glow pins to the bottom of the viewport after the second course section. It stays visible as visitors scroll, maintaining a single, clear call-to-action throughout the entire page without interrupting the storytelling.

Multi-Step Booking Modal

Clicking the call to action opens a calendar showing only available supper dates. Guests select party size from one to four, enter dietary restrictions in a free-text field, and answer one question: "Is this a celebration?" Pricing appears only after a date is selected, keeping the reveal intentional and unhurried.

Scarcity and Waitlist System

Sold-out dates display a toggled state with a waitlist entry requiring only an email address. Fewer than fifteen available seats are shown at any time, creating real urgency. Guest pull-quote testimonials and upcoming date indicators reinforce both credibility and scarcity on the same section.

Audience Mirror Bento

A three-vignette bento section reflects the three guest types back at the visitor: the anniversary couple, the creative director, and the expat craving regional dishes. Each vignette is short, specific, and emotionally resonant, allowing each reader to see themselves at the table.

Page sections overview

Design & branding system

The visual identity uses a Fire & Earth color system built to feel tactile and warm rather than flashy. Typography pairs a serif display face with a clean body font for readable contrast at every scale.

• Smoked charcoal (#1A1410) background, coconut cream (#F5EDE0) body text, ember glow (#D4572A) for the primary call to action, and clay mortar brown (#6B4226) as an accent
• Fraunces serif for display headings; DM Sans for all body copy
• Grain overlay, shimmer effects, and a smoke SVG loop reinforce the handmade, kiln-warm aesthetic

Mobile & speed optimization

The template is desktop-first, reflecting that supper club audiences most often book on a full-screen device. A mobile-responsive fallback ensures the landing page remains usable on smaller screens.

• Native CSS smooth scroll paired with Intersection Observer for lightweight reveal triggers
• GSAP handles scroll animations and staggered section reveals without heavy payload
• Buttons and tap targets are sized for comfortable mobile use throughout the booking flow

How this template helps you convert

High-converting landing page design pairs emotional storytelling with a frictionless path to booking. This template applies both principles in sequence.

1. The sensory scroll builds desire before any price or form appears, creating emotional investment that makes the booking feel like a reward rather than a transaction.
2. Displaying fewer than fifteen available seats and toggling sold-out dates communicates real scarcity, prompting immediate action from visitors who are ready to commit.
3. The booking form asks only for essential information, party size, dietary needs, and one personal question, keeping the path from interest to confirmed reservation short and respectful.

Other information about this template

This landing page template is built for creators who want to go from a prompt to a live booking page without traditional programming. AI-powered tools can generate production-ready layouts from natural language descriptions, significantly reducing launch time. No-code and low-code platforms make this template accessible to solopreneurs, product managers, and independent hosts who want to focus on the dining experience rather than development.

The design draws on loy krathong festival aesthetics, a warm palette evoking ember, earth, and candlelight that connects deeply to Thai culture and the spirit of shared celebration. A warm color palette of gold, deep red, and orange evokes the glow of lanterns, which anchors the visual system in loy krathong imagery without being literal. This template suits dining hosts, catering operators, and boutique hotels looking to offer curated supper experiences. Hotels with private dining rooms, in particular, can adapt this landing page to promote exclusive seasonal seatings that reflect local culture and create truly memorable evenings for guests.

• This template is the Krathong intimate supper club booking landing page template, designed specifically for Thai dining operators and private event hosts
• Compatible with AI-powered build platforms that streamline backend integrations and handle deployment for users with minimal coding skills
• Loy krathong seasonal themes can be applied to the color system and hero imagery for time-limited event runs

Show more