Herbelle – Garden Restaurant Landing Page HTML5 Template

About This Item

This garden restaurant landing page template is one HTML5 page with one goal. Herbelle is a calm, botanical one-page booking landing page for a resort’s garden restaurant, a farm-to-table kitchen or a riverside dining room.

Every call to action leads to one goal – reserving a table – for breakfast, lunch or dinner by the river, while the garden table’s menu with its prices, the restaurants and the herbarium make the case. Forest green and soft coral, an editorial serif and drifting petals give it the quiet of a valley retreat.

The header is a set of anchor tabs that glide to each section and light up as you scroll.

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.

Garden Restaurant Landing Page: One Page, Built To Convert

• Hero Slider: First, tree villas above the river.
• About: Then, your peace starts here, with a booking call to action.
• Pricing – The Garden Table: Next, the menu in breakfast, lunch, dinner and drinks tabs, with prices.
• Our Restaurants: After that, the restaurants with their hours and prices.
• Video: Also, meet with our luxury place – the film in a popup.
• The Herbarium: Then, the garden’s features.
• Hand Picked Packages: Next, the villas in a carousel.
• Counters: In addition, a parallax band of leaves with the figures.
• Testimonials: After that, google and Tripadvisor scores worked out from their rating spread, and guest words in a slider.
• Video Band: Also, a parallax photo band with the resort film in a popup.
• Dinner By The River: Then, the date, the sitting and the guests in a working reservation form.
• Contact: Finally, phone, email, the office and reception open now, a working contact form and a Google map.

Garden Restaurant Landing Page Features

• One-page booking landing with a single goal: reserve a table
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Menus with prices by meal, restaurant hours, reception open now
• Hero slider, villa carousel, review slider, parallax bands, two video popups
• Currency switcher (USD, EUR, GBP, AUD) that repaints every price
• A script-writing preloader, GSAP reveals, drifting petals and monstera leaves that lean away from the cursor
• Right-to-left stylesheets included
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for five-minute re-theming
• Working PHP form handler for every form, with optional invisible reCAPTCHA v3
• Font Awesome Free and a nature icon font, loaded locally
• Fully responsive with a desktop-first breakpoint system
• 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, Flaticon nature icons, Google Fonts (Fraunces, Figtree).

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 drawn botanical art and the review platform logos are included.

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