Freeframe
Travel9 pages · 2 downloads · Free

Wander

A sun-warmed, editorial site for a small-group tour company, with a trip finder, filters and a booking enquiry.

Stack
v1.0.0 changelog
DocsLive demo Download .zip222 KB

About this template

Wander is a complete site for Saltwind Journeys, a fictional small-group travel company in Bristol. It has a trip finder that opens filtered results, tours you can filter by region, style, duration, month and budget, tour pages with a day-by-day itinerary, route map, departure dates and a live-priced enquiry, a month-by-month seasonality chart, a journal with an article, and illustrated landscapes in place of photos.

Features

  • Home page trip finder (region, month, style, length) that opens the tours page with those filters applied
  • Tour filters for region, style, duration, travel month and budget, with sort, live counts per option and shareable URLs
  • Tour pages built from one data array: day-by-day itinerary accordion, illustrated route map and included/excluded lists
  • Departure dates table with availability, guaranteed departures and peak-season prices
  • Booking widget with departure, travellers stepper and room choice, showing a live total and deposit
  • Validated enquiry, contact and newsletter forms with success states (demo only, ready for Formspree)
  • Month-by-month seasonality table and per-region charts drawn in HTML and CSS
  • Journal with topic filter and a long-form article with reading progress and table of contents
  • Illustrated SVG landscapes, route maps and guide avatars generated from the data, with postcard and stamp details
  • Accessible mobile menu, skip link, scroll reveals and back-to-top button that respect reduced motion

Pages included

Quick start

unzip wander.zip && cd wanderopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Wander documentation →

Changelog

  1. v1.0.0

    Added

    • Eight pages and a 404 for Saltwind Journeys, a fictional small-group travel company in Bristol: home, tours, tour, destinations, journal, article, about and contact.
    • Home page trip finder that opens the tours page with region, month, style and length already filtered.
    • Tours page filters for region, trip style, duration, travel month and budget, with sort, live counts, removable filter chips, an empty state and shareable URL parameters.
    • Tour pages generated from the TOURS data: highlights, day-by-day itinerary accordion with "expand all", illustrated route map, what's included and excluded, departure dates with availability and prices, and related trips.
    • Booking widget with departure, travellers stepper and room choice, showing a live total and deposit, feeding a validated enquiry form with a demo success state.
    • Destinations page with a month-by-month seasonality table and a best-time chart for each region.
    • Journal with a topic filter, and an article page with a reading progress bar and table of contents.
    • About page with the company story, guides with illustrated avatars and responsible travel commitments, including a "where your money goes" bar.
    • Contact form with inline validation and trip prefill (contact.html?tour=<id>), office details and FAQ.
    • Illustrated SVG landscapes (dunes, mountains, fjord, coast, Fuji, savannah) at four times of day, postcard and stamp details, a PNG social image and SEO and Open Graph tags on every page.
    • Accessible mobile menu, skip link, scroll reveals and back-to-top button that respect reduced motion.

More templates