This restaurant event night landing page template is one HTML5 page with one goal. Serata is an evening-toned, one-page event registration landing page for restaurant groups, food halls and venues that host nights across their rooms – progressive dinners, jazz, classes and long-table evenings.

Every call to action leads to one goal – reserving seats – for A Course In Each Room, with the route through the rooms, the seats left that night, the seats, the total and a reference, while the week’s events show what else is on and a contact form catches the guests who only have a question. Deep teal and copper, spaced light capitals, arched photographs and a double-arch emblem give it the feel of one house with many doors.

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

Restaurant Event Night Landing Page: One Page, Built To Convert

• Hero Slider: First, three slides – where shall we go tonight, fire, fish or dough, one more at Velluto – with tonight across the rooms.
• Aperitivo, Dinner, Nightcap: Then, start at the pizzeria, sit down in the dining room, finish at the cocktail bar.
• Six Kitchens Tonight: Next, every room’s kitchen at a glance.
• Pricing: After that, on In The Rooms – the week’s events in a slider with their dates, rooms and prices.
• Video Band: Also, the Last Room To Close, a parallax photo band with a video popup.
• A Course In Each Room: Then, the night, its route room by room with the times and dishes, and the RSVP – date, time, where, the price a seat, seats left, the seats, your details, the total and a reference.
• Testimonials: Next, what our guests say.
• Contact: Finally, call any room, a working contact form and a Google map.

Restaurant Event Night Landing Page Features

• One-page event registration landing with a single goal: reserve seats for the night
• Six demo rooms with their own hours, menus and colours
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Dark and light 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: drifting terrazzo chips and a stained-glass emblem in the footer
• Real group logic from one data block: open now, event dates that follow each event’s rhythm, seats left, RSVP totals
• Hero slider, events slider, testimonial slider, parallax video band with a video popup
• A street of facades lighting up as the preloader, photographs whose halves slide in and meet and a doorway light on hover
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes and a colour for every room
• 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 (Jost, Gilda Display).

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

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