This waterfront private events landing page template is one HTML5 page with one goal. Lidara is a light, airy, one-page lead generation landing page for waterfront restaurants, beach clubs, terraces and venues that host private parties, weddings and company dinners.

Every call to action leads to one goal – an event estimate – in four steps: the occasion, the date and the guests, the room and the menu, the extras, then who to write to, with a live price per guest, the deposit to hold the date and a reference. The terrace form in the hero hands its guests and date straight to the estimate, the three rooms and the three menus carry their prices, and the questions and a contact form catch the rest.

White grounds, sea-ink headings in light condensed capitals, tide blue and a band of sand give it the feel of a quay on a clear morning. 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.

Waterfront Private Events Landing Page: One Page, Built To Convert

• Hero Slider: First, lunch in the sun, supper by the sea – three photos beside a terrace form with party, date and time that starts the estimate.
• Food Philosophy: Then, food by the water with an offset photo pair and the house in figures.
• The Boats Come In: Next, the day boats landing at the quay as the horizon rises into the sea.
• Three Rooms By The Water: After that, the boathouse room, the terrace and the whole house with their guests, room hire and menus.
• Testimonials: Also, said on the terrace, with the reviews.
• Parallax Video Band: Then, a room of your own by the water – guests, menus from and service – with a video popup.
• Pricing: Next, three Ways To Feed A Party – the menus by the head.
• An Estimate In A Minute: In addition, the four-step event planner with a live estimate, the price per guest, the deposit and a held date.
• Private Dining Questions: After that, the questions hosts ask most.
• Contact: Finally, visit, call or write, open now, a working contact form and a Google map.

Waterfront Private Events Landing Page Features

• One-page lead generation landing with a single goal: an event estimate with the date held
• 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: drifting sand ripples and a dithered mother-of-pearl shell
• Real event logic from one data block: rooms by party size, menus by the head, extras, service, the price per guest and the deposit
• Hero slider, testimonial slider, parallax photo band with a video popup
• An Oyster Open preloader, photos uncovered by a washing wave edge, a fishing-net hover and scroll moments that never pin the page
• 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 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 (Roboto Condensed, Work Sans).

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 Events Planning landing pages, or the multi-page Events Planning website templates.