Travels is a modern Travel agency & Tour operator web template built on Astro 7, TypeScript, and Tailwind CSS — designed from the ground up for travel agencies, tour operators, and boutique trip planners. Every page, section, and component has been crafted to reflect the trust, itinerary detail, and booking confidence that travelers look for before they ever request a quote.
This theme is built for developers and agencies who need to ship a polished travel booking website fast — without sacrificing quality. Whether you're building for a small-group tour operator, a private trip planner, or a full-service travel agency, Travels gives you a production-ready foundation with real content architecture, not just a pretty mockup.
This Theme Supports Astro Version 7.x.x 🎉
Travels gives you a complete content system built on Astro Content Collections with TypeScript schemas — meaning your tours, destinations, blog posts, and legal pages are all type-safe, structured, and scalable. Updating content is clean and predictable. Adding a new tour package, publishing a destination guide, or writing a blog post does not require touching a single component. The system is designed for teams that need to move fast without breaking things.
🎯 What's Included
Travels ships with 15+ fully built page types, each with a complete section structure and real sample content ready for your copy — no blank canvases, no half-finished layouts.
- Homepage — Hero, Featured Packages, Why Choose Us, Testimonials, Travel Gallery, Latest Articles, Newsletter CTA
- Tours Index + 23 Tour Detail Pages (MDX) — Region filtering across 6 regions, featured & latest sliders, pagination, day-by-day itinerary, inclusions/exclusions, FAQs, reviews, booking sidebar with live departure dates, related tours
- Destinations Index + 23 Destination Detail Pages (MDX) — Grouped by region, quick facts, best-time-to-visit widget, popular experiences, travel tips, FAQs, related destinations
- Blog Index + Category Pages + Pagination — Full editorial system with 12 articles across 6 categories, 3 author profiles, related articles, tag list
- Private Tours — Why-travel-private breakdown, how-it-works timeline, private vs. join tour comparison table, customize-your-journey section, traveler reviews, FAQs
- Booking — 3-step booking flow (trip details, traveler info, payment) with live seat availability and pricing pulled directly from the tours collection
- Private Booking Request — Multi-section request form with tour/date/traveler selection, interest tags, and a live confirmation view
- About Us — Hero, our story with stats, why-choose-us grid, how-we-plan timeline, trust & credentials, contact CTA
- Contact — Quick-contact strip, message form, office hours, 24/7 support card, social card, embedded map, FAQ teaser
- Gallery — Filterable masonry photo grid by region with GLightbox zoom
- FAQs — Category-tabbed, accordion-driven FAQ system
- Legal Pages (MDX) — Privacy Policy, Terms of Service, Cookie Policy, rendered from a shared content collection
- Custom 404 — Branded error page with quick links back into the site
📄 Tech Stack
- Astro 7 — Core framework, static-first, zero JS by default
- TypeScript — Type-safe components, data files, and content schemas
- Tailwind CSS 4 — Utility-first styling with customizable design tokens
- Alpine.js — Lightweight interactivity for forms, sliders, accordions, and navigation
- MDX — Markdown + component support for tours, destinations, blog, and legal pages
- Astro Content Collections — Schema-validated content across 4 collections
- Bootstrap Icons — Consistent icon system throughout, via astro-icon
- GLightbox — Lightbox galleries with zoom, scoped only to pages that use them
- Flatpickr — Date pickers for the booking and private booking forms
- Google Fonts — Plus Jakarta Sans and Inter
⚡ Quick Setup
- Download and extract the template
- Run npm install
- Start development with npm run dev
- Update content in src/data/ and src/content/
- Replace images and branding assets in public/img/
- Build production files with npm run build
📝 Built-in Content System (MDX / Markdown)
Manage content without touching layout code:
- ✅ Tour packages with itineraries, pricing, and departures
- ✅ Destination guides with region-based grouping
- ✅ Blog posts with categories, tags, and authors
- ✅ Static legal pages (Privacy, Terms, Cookies)
- ✅ Region-matched related tours and destinations
Ideal for content-driven travel agency and tour operator websites.
🆓 Free Updates & Support
Travels includes free lifetime updates to ensure compatibility with future Astro releases and ongoing performance improvements.
