This farm supper landing page template is one HTML5 page with one goal. Suppera is a rich, one-page event landing page for farm suppers, long-table dinners, supper clubs, farm kitchens and harvest feasts.

Every call to action leads to one goal – booking seats at the harvest supper – through a four-step booking wizard that opens on the supper, with the five-course menu, its price and the next suppers and workshops just above it, and a private-table band for parties of twelve to forty. Dark-wood table photography, field green and harvest gold on warm, torn paper and an old seed-catalogue hand in the icons set the long table.

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.

Farm Supper Landing Page: One Page, Built To Convert

• Hero Slider: First, three dark-wood table slides with Book A Harvest Supper and Book Seats buttons.
• About: Then, natural ingredients and fine quality, with a gold engraving.
• Field To Table: Next, field, kitchen and table on photo cards with gold engravings.
• Pricing: After that, the harvest supper menu course by course with its price a guest, beside the next suppers and workshops – each card dated from its repeat rule, with its time, place and cost.
• Video: Also, the farm film on torn paper with a video popup and the guests’ faces.
• Photo Triptych: Then, three photographs from the pantry and the hives.
• Harvest Figures: Next, the season’s harvest adds up with the scroll and each bar fills toward its goal.
• Testimonials: In addition, guest reviews in a slider.
• Book Your Seats: After that, a four-step wizard – the supper or another farm experience, a day and a start time with places left, guests at adult, child and under-four prices, confirm – with a live summary and a booking reference.
• Private Tables: Also, a parallax photo band and call to action for birthdays, weddings and team days in the barn.
• Contact: Finally, directions, the week’s opening hours, a Google map and a working contact form with an Events subject.

Farm Supper Landing Page Features

• One-page event landing with a single goal: book seats at the supper
• 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: wheat at the edges of the hero and a seedling drawn in light in the footer
• Real logic: events dated from their repeat rules, seat booking with places left and guest prices, a booking reference, live opening hours
• Hero slider, testimonial slider, parallax photo band, video popup and scroll-filled figures
• Torn paper edges and paper grain drawn for the template, in light and dark versions
• 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 seed-catalogue 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 (Merriweather, Roboto Slab).

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 paper and torn-edge textures, the title sprigs, the wheat-ear cursor and the language flags are included.

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