This open kitchen restaurant booking landing page template is one HTML5 page with one goal. Saporia is a precise, animated, one-page booking landing page for seasonal restaurants with an open kitchen.

Every call to action leads to one goal – booking a table – through a four-step booking by seating area with the seats left in every time slot and a booking reference, while the quick-book dock under the hero and the Book The Counter button hand their pick straight to the booking, and a contact form catches the guests who only have a question. Ink on ivory, condensed capitals over big outlined serif words, hairline frames and night bands give it the calm of a well-run pass.

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.

Open Kitchen Restaurant Booking Landing Page: One Page, Built To Convert

• Hero Slider: First, three slides – cooked in plain sight, a menu that turns each week, a seat at the pass – under a header with the week number, the season and what is open now.
• Quick Book: Then, seating area, guests and date, docked under the hero.
• Pricing: Next, this Week – the week’s à la carte with prices, allergens and diet marks, worked out from the week number.
• From The Kitchen To The Room: After that, the pass under its lamps on a night band.
• Plates Of The Week: Also, the week’s top plates in a slider.
• Video Band: Then, a Friday at the pass, a film popup over the open kitchen.
• Testimonials: Next, words from the brigade and the guests with the Google rating.
• See It From The Counter: In addition, a parallax photo band with the call to action.
• Book A Table: After that, four steps – seating area, day and party, time with the tables left, your details – with the booking summary beside it and a reference. Continue never blocks; only the last step checks the details.
• Contact: Finally, find us, call the floor, write to us and open now, a working contact form and a Google map.

Open Kitchen Restaurant Booking Landing Page Features

• One-page booking landing with a single goal: book a table
• 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 Ceramic Glaze tinted by the theme colours, and a plated dish in 2.5D in the footer
• Real logic from one data block: the weekly menu by week number and season, allergens, seating areas and slots, open now
• Hero slider, plate slider, testimonial slider, a video popup and a parallax photo band
• A tweezer-plating preloader, photos that slide in while their frame opens the other way, and the dish’s ingredients typed in on hover
• Illustrated line icons for the seasons and the seating areas, in a day and a night ink
• 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
• 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 (Fjalla One, Crimson Pro).

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 preloader’s tweezers and garnishes and the language flags are included.

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