Lochlight – Landscape Photo Tours Landing Page HTML5 Template

About This Item

This landscape photo tours landing page template is one HTML5 page with one goal. Lochlight is a quiet, white one-page booking landing page for landscape photographers who run small-group photo tours and workshops.

Every call to action leads to one goal – booking a place on a tour – through a six-step booking with the departure’s places left, travellers and rooms, a deposit and the balance date. Departures roll on from the visitor’s own day, guaranteed from four bookings and with a waitlist when full.

Photographs sit in wide white frames, headings run in light, wide-tracked capitals and the one accent is the colour of the golden hour. 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 blue-hour dark mode, right-to-left support, a currency switch 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.

Landscape Photo Tours Landing Page: One Page, Built To Convert

• Hero Slider: First, framed landscape slides, each tour with its nights and price.
• The Light Tonight: Then, the golden and blue hour at four tour locations, live in their own time.
• Photographers First: Next, the group size, the guides, the levels and the review score.
• Stitched In The Field: After that, a panorama built frame by frame as you scroll.
• Photo Tours: Also, a rail of tours with their next departure, level and places left.
• Pricing: Then, every departure with its date, places left and price, filtered by region, with Book and Waitlist buttons.
• The Next Workshops: Next, one-day workshops by date with their places left.
• From The Field: In addition, a justified photo gallery with a lightbox.
• Testimonials: After that, travellers’ words in a slider over a parallax photo band, with the review score.
• Video Band: Also, the next Arctic winter tour, a Book A Place button and a video popup.
• Book A Tour: Then, six steps – tour, departure, travellers, extras, details, summary – with the total, the deposit today and the balance date. Continue never blocks; only Confirm checks the details.
• Contact: Finally, the studio, the tours desk, email and the light in Edinburgh, a working contact form and a Google map.

Landscape Photo Tours Landing Page Features

• One-page booking landing with a single goal: book a place on a tour
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• A light theme and a blue-hour dark theme 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)
• A currency switch (pounds, euros, dollars) that repaints every price on the page
• WebGL layers tinted by the theme colours: snow drifting at the band edges and a mountain ridge in the footer
• Real tour logic: rolling departures, places left, guaranteed departures and waitlists, the booking total with deposit and balance
• The golden-hour clock: sunrise, sunset, golden and blue hour at every location in its own time
• A Level Up preloader, ND Grad reveals, soft-rise copy and a panorama scroll moment that never pins the page
• Hero slider, tours rail, testimonial slider, parallax photo band, video popup, lightbox gallery
• 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 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 (Source Sans 3, Source Code Pro).

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 line icons and the language flags are included.

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