This chef’s counter landing page template is one HTML5 page with one goal. Passelle is a dark, moody one-page booking landing page for chef’s counters, tasting bars, omakase and open-kitchen restaurants.

Every call to action leads to one goal – booking stools at the counter – through a four-step wizard that draws the twelve stools of each sitting seat by seat, adds the wine pairing and takes a deposit a seat, while the counter tonight shows both sittings with their stools free and taken and hands a sitting straight to it. Slate, gold and menu paper with Raleway capitals and DM Mono figures set the room.

The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with a dark and a light theme, 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.

Chef’s Counter Landing Page: One Page, Built To Convert

• Hero Slider: First, a split hero over three slides – twelve seats at the pass, the chef and the books.
• The Counter Tonight: Then, the early and the late sitting with their stools drawn free and taken, and Book These Seats.
• The Wok Toss: Next, the ingredients arc up out of the wok on their own heights and land back in it, beside the counter’s numbers and prices.
• On The Rail Tonight: After that, a counter sitting told ticket by ticket on the pass rail.
• Pricing – The Counter Menu: Also, the chef’s plates, a seat, the pairing and the nights left on a photo band.
• Choose Your Stools: Then, a four-step wizard – the night, the sitting and the stools, pairing and details, check and confirm – with a counter ticket summary, a deposit a seat and a booking reference. Continue never blocks; only Confirm checks the details.
• Video Band: Next, a parallax photo band with a video popup.
• Testimonials: In addition, guest reviews in a slider with the review score.
• Signed At The Counter: After that, the chefs’ books with their prices.
• The Counter, Answered: Also, an accordion of the counter’s questions.
• Contact: Finally, a working contact form, the kitchen’s hours and a Google map.

Chef’s Counter Landing Page Features

• One-page booking landing with a single goal: book stools at the counter
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• A dark and a light theme 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: pencil sketches of plates and a footer plate with the month’s chef orbiting it
• Real counter logic: the chef in residence from the visitor’s date, both sittings with stools free and taken, a deposit a seat, booked stools remembered
• Hero slider, testimonial slider, parallax video band with a video popup, priced counter menu
• 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
• 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 (Raleway, DM Mono).

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 wok art and the language flags are included.

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