This coastal tours landing page template is one HTML5 page with one goal. Coastrel is a warm, golden-hour one-page lead landing page for slow coastal journeys – for travel designers, wellness travel and food tour specialists.

Every call to action leads to one goal – talking to a travel designer – through a message form beside the London and Jaipur offices, open now or closed by their local time, while the spice route, the backwaters, the wellness rituals and the cookery show what the journeys are. Saffron, ivory and a storybook serif, with arches, mandalas and polaroid postcards, give it the feel of an old-world journey.

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.

Coastal Tours Landing Page: One Page, Built To Convert

• Hero Slider: First, slow down where the spice ships sailed – an arch slider with a journey finder.
• About: Then, journeys paced by the tide, not the clock – hosts, not handlers.
• Follow The Pepper Across The Ocean: Next, the spice route from Kerala to Marrakech with each stop’s price and the next departure.
• Houseboats, Dhows & The Art Of Doing Nothing: After that, the slow-water journeys with the film in a popup.
• Six Rituals Worth The Journey: Also, a Kerala ayurveda retreat around a mandala, with its price.
• Pricing – Cook It, Taste It, Take It Home: Then, the cookery classes and food walks with their prices.
• Designers In London, Guides On The Road: Next, the people who design and guide the journeys, filtered by role.
• Testimonials: In addition, google and Tripadvisor scores and postcards from the people who went.
• Call To Action: After that, tell us where you have always meant to go – polaroid postcards over a parallax photograph of the backwaters.
• We Will Match You: Also, tell us where you are going – a call to action to talk to a designer.
• Contact: Then, the London office, the Jaipur ground team and the designers’ line, each open or closed by its local time.
• Talk To A Travel Designer: Finally, a working message form with the office’s opening hours beside it.

Coastal Tours Landing Page Features

• One-page lead landing with a single goal: talk to a travel designer
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Office opening status by each office’s local time, prices in four currencies
• Hero slider, cookery slider, review board, parallax photo band, video popup
• Currency switcher (USD, EUR, GBP, INR) with flags that repaints every price
• GSAP reveals, a scroll-driven window, a scroll-drawn route map, arch sliders and a media cursor
• Flags throughout from a full flag library
• 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 travel 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 travel icons, flag-icons (MIT), Google Fonts (Kurale, Mukta).

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 mandala and line art, the review platform logos and the flag library are included.

Browse more Tour Agency landing pages, or the multi-page Tour Agency website templates.