This open-air spa landing page template is one HTML5 page with one goal. Ritualle is a calm, botanical one-page booking landing page for open-air spas, wellness retreats and resort spas.

Every call to action leads to one goal – booking a ritual day – built from sunrise to starlight: pick the rituals by time of day, see the time in care and the total, with clashes flagged, then book the day. 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.

Open-air Spa Landing Page: One Page, Built To Convert

• Hero Slider: First, the perfect base for you, with a booking bar.
• About: Then, an open-air spa in the valley.
• Core Features: Next, special offers, quiet hours, free cancellation and more in a photo grid.
• Pricing – From Sunrise To Starlight: After that, the rituals in four time-of-day tabs with length and price; tick them and the day sums the rituals, the time in care and the total for your guests.
• The Treatment Pavilions: Also, the candle, thatched and flower bath pavilions.
• Counters: Then, acres of rainforest, open-air stays, rituals on the menu and years of hosting.
• Testimonials: Next, google and Tripadvisor scores worked out from their rating spread, and guest words in a slider.
• Video Band: In addition, a parallax photo band with the resort film in a popup.
• Call To Action: After that, twelve open-air stays – a monstera band with leaves that lean away from the cursor.
• Good To Know: Also, the spa questions in an accordion.
• Book Your Ritual Day: Finally, a working form with the topic set to Rituals & Spa, beside phone, email, the office, reception open now and a Google map.

Open-air Spa Landing Page Features

• One-page booking landing with a single goal: book a ritual day
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• A ritual day builder: time-of-day tabs, clashes flagged, time in care and the total
• Hero slider, review slider, accordion, parallax photo band with a video popup
• 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 Spa & Massage landing pages, or the multi-page Spa & Massage website templates.