French Dining Booking Website Template

Quick summary

Réservation is a Neo-Retro landing page designed to sell seats at a luxury French pop-up dining experience. It pairs a 16mm-grain video header with a masonry gallery, prix-fixe course storytelling, and a direct inline booking module. The result is a page that makes visitors feel the evening before they commit to a reservation.

Who this template is for

This template is built for operators who sell a feeling, not just a table. If your event lives and dies by emotional resonance, this layout earns its keep.

• Couples and anniversary planners searching for an intimate, non-hotel dining experience
• Food-obsessed friend groups and chef-residency followers who book on discovery
• Corporate culture leads arranging private client dinners that carry real social currency

What problem this template solves

Most event pages announce a date and a price. That approach fails when the product is intangible atmosphere. Visitors who cannot picture the evening are unlikely to pay for it upfront.

• Generic event pages kill anticipation before it starts, leaving high-ticket seats unsold
• Separate ticketing links and off-brand booking tools break the mood and lose warm visitors
• Static photography cannot carry the sensory weight a candlelit pop-up experience demands

What you get with this template

Every section is designed to close the gap between scrolling and booking. The template ships as a complete, single-page structure with no missing pieces.

• A full-screen video hero with a GSAP-animated serif headline fade-in and a floating "Réserver Ma Place" call-to-action button
• A masonry gallery with single-column course interludes that weave provenance storytelling between image clusters
• An inline booking module covering date selection, party size, seating preference, and full prix-fixe payment at checkout
• A secondary gift-voucher path labeled "Offrir un Dîner" positioned below the final gallery cluster

Feature list

This template delivers six tightly scoped capabilities, each serving the single goal of converting a curious visitor into a confirmed dinner guest.

Full-Screen Video Hero with Serif Headline

A muted, autoplaying 16mm-grain video loop fills the viewport on arrival. A single Fraunces serif headline fades in over the footage using a GSAP word-reveal animation. A video poster image provides a fallback for devices where autoplay is restricted.

Masonry Gallery with Course Interludes

Tiles vary in aspect ratio, portrait and landscape, creating a pinboard rhythm as visitors scroll. Between image clusters, single-column interludes introduce each course with a sentence of provenance: the farm, the technique, the memory behind the dish.

Inline Booking Module

The booking form opens directly on the page without a redirect. It exposes only the three available evenings, a party-size selector from two to eight guests, a seating preference toggle between the communal table and the chef's counter, and a single payment field for the full prix-fixe at checkout.

Floating Call-to-Action Button

After the first scroll, a torch-gold "Réserver Ma Place" button in Burgundy (#4A0E1B) pins itself to the viewport. It stays visible through the gallery and menu sections, removing friction at the exact moment a visitor decides to act.

Prix-Fixe Menu Storytelling

The menu section presents each course with a short provenance note rather than a bare ingredient list. Duck confit, tarte Tatin, and other dishes are anchored to a farm, a technique, or a memory, giving each course narrative weight that justifies the full prix-fixe price.

Gift Voucher Secondary Path

A clearly labeled "Offrir un Dîner" option lives below the final gallery cluster. It provides a secondary conversion route for visitors who want to give the evening as a gift rather than attend themselves.

Page sections overview

Design & branding system

The visual identity follows a Neo-Retro direction inspired by a 1920s Parisian passage: chalky warmth interrupted by brass glints and the dark mouth of a wine cellar. Typography pairs Fraunces for display headings with DM Sans for body text.

• Warm Stone palette: crumbled limestone (#D5C4A1), aged bistro zinc (#6B6E70), crème brûlée torch-gold (#C8973E), and deep Burgundy wine (#4A0E1B) reserved for buttons and prix-fixe pricing
• Found-photography aesthetic carried through 16mm grain, muted color grade, and candid gallery tiles that feel like a home movie from the world's best dinner party
• GSAP ScrollTrigger animations including word-blur headline reveals, masonry tile stagger, and a pinned floating button that activates after the first scroll

Mobile & speed optimization

The template is built desktop-first to serve anniversary couples and corporate bookers who typically research on larger screens. It remains fully responsive for mobile visitors.

• Lazy-loaded gallery images prevent the masonry section from blocking page load on slower connections
• A video poster fallback ensures the hero section renders properly when autoplay is unavailable
• The floating call-to-action button and inline booking module are both touch-friendly and scale cleanly to smaller viewports

How this template helps you convert

The page is structured so each scroll deepens emotional investment, making the eventual booking feel like an obvious next step rather than a financial risk.

1. The video hero creates immediate sensory context: steam, candlelight, laughter, and the grain of a found film all signal something genuinely rare before a single word of copy is read.
2. The masonry gallery and course interludes replace a standard menu page with an immersive reading experience, so visitors arrive at the booking module already picturing their evening.
3. The inline booking module removes every redirect and external link, keeping the visitor inside the same atmosphere from first impression to confirmed reservation.

Other information about this template

This template is localized for a French-language, Paris-based operation. Dates display in DD/MM/YYYY format, currency is set to EUR, and all call-to-action labels use French copy by default.

• The booking module supports party sizes from two to eight guests and offers a choice between the communal table and the chef's counter as seating preferences
• The testimonials section uses a word-animation style suited to short, high-impact quotes from couples and food writers rather than long review blocks
• The footer follows a Vercel-horizontal ultra-minimal pattern, keeping the close of the page clean and uncluttered
• All animation is handled through GSAP ScrollTrigger, covering word-blur reveals, masonry stagger transitions, and the pinned floating button behavior

Show more