Salonelle – Private Dining Landing Page HTML5 Template

About This Item

This private dining room landing page template is one HTML5 page with one goal. Salonelle is a one-page lead landing page for private dining at French bistros, restaurants and wine bars.

Every call to action leads to one goal – an event estimate – through a four-step planner that prices a room, a menu by the head and the extras, and shows the price per guest and the deposit before anyone calls. Three rooms by party size and three packages with their prices answer the first questions, and the region of the month, its wines and the year of regions show the kitchen behind them.

White grounds, linen bands, black marble and terracotta titles in Fanwood capitals give it the feel of a zinc-and-mirror bistro. The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with light and dark mode, right-to-left support and WebGL layers.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Private Dining Room Landing Page: One Page, Built To Convert

• Hero Slider: First, a split hero that fades between three slides – this month’s region, next month’s and a glass for every plate.
• The Region: Then, this month’s region with the month it moves on, the next region and its three signature plates with prices.
• The Wines: Next, the month’s wines by the glass, carafe and bottle beside the plates they match.
• The Year Of Regions: After that, twelve months, twelve regions, with the toured months marked and this month lit.
• The Tablecloth: Also, the cloth on a zinc table tightens and is whipped away while the place setting stays standing, beside the formule prices.
• Private Dining Band: Then, a parallax photo band with Get An Estimate and a video popup.
• The Rooms: Next, the Cave Room, the Mezzanine and the whole bistro with guests, room hire and menus from.
• Pricing – Packages: In addition, three ways to feed a party, priced by the head, with the service and deposit terms.
• The Estimate: After that, a four-step planner – the occasion, room and menu, extras, details – with a live estimate, the price per guest and the deposit. Continue never blocks; only the last step checks the details.
• Testimonials: Also, guest voices in a slider with the review score.
• Private Dining Questions: Then, an accordion of answers.
• Contact: Finally, a working contact form and a Google map.

Private Dining Room Landing Page Features

• One-page lead landing with a single goal: a private dining estimate
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets and a flag language picker that turns the page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: window rain on the linen bands and an etched still life in the footer
• Real bistro logic: the region of the month from the visitor’s date, served now, an event estimate with the deposit
• Hero slider, testimonial slider, parallax photo band with a video popup, priced rooms and packages
• A Butter Curl preloader, Letterpress reveals and a tablecloth scroll moment that never pins the page
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus illustrated line icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Fanwood Text, Libre Franklin).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files, the illustrated icons, the language flags, the drawn marble and the tablecloth art are included.

Browse more Restaurant & Cafe landing pages, or the multi-page Restaurant & Cafe website templates.