Surf Haven
A premium Bali surf camp landing page featuring a day-by-day program, villa room accordion, activity gallery, team section, and an apply CTA overlay. Based on the Waveyu Webflow design, faithfully adapted to Astro with all local assets.
What this landing page is for
Surf Haven is a one-page website preview for a surf camp and vacation retreat. It is designed to present the business clearly, show the main offer quickly, and guide visitors toward the next action, whether that is a call, booking, quote request, visit, or online inquiry.
Review the purpose, included sections, technology, support path, and selection code first, then open the live demo in a separate tab when you are ready to inspect the actual one-page website.
Technology and item details
This item page lists the public technology details for the landing page, so business owners and developers can understand what the preview uses before they choose it.
- Built as a fast static landing page with Astro.
- Designed for responsive display across modern browsers and devices.
- Product stack and interaction libraries are listed so buyers and developers can understand the page before choosing it.
How this page can be used
- Responsive one-page layout for desktop, tablet, and mobile visitors.
- Clear page sections for the business story, services or offer, trust signals, contact path, and primary customer action.
- Ready to customize with the customer's logo, brand colors, copy, images, services, prices, offers, and contact details.
Page structure and support
What the demo includes
- Sticky navbar with dark/light scroll inversion
- Hero with large headline and video background / scooter motion image
- Surf levels section (Beginner, Intermediate, Advanced cards)
- Program / Day accordion with Description + Timetable tabs (7 days)
- Stay section with villa image and room accordion (Twin, Double, Group Suite, Common Areas)
- About section
- Team section
- Activity gallery
- Apply CTA overlay
- Footer with aerial surf background and Powered by WebDevful
Documentation included
Included setup notes can cover page sections, image replacement, content editing, preview steps, and handoff details.
Subscription-ready
This landing page can be chosen as the first step in the Webdevful subscription process, then customized with the customer's business content.
Commercial purchase path
The same landing page can also support a direct purchase option for customers or developers who want to adapt it for a project.
Support option
Standard support can cover setup questions and landing-page issues after delivery, with extended support available as a separate upgrade.

