Travel Tour Agency
In-depth tours: destination cards, day-by-day itinerary, traveller reviews, seasonal picks.
Install
npx shadcn@latest add "https://webberui.com/r/travel-tour-agency.json?t=<install token>"The whole page lands in app/templates/travel-tour-agency/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Nav Bar and Hero Search
Brand nav bar with a travel-without-rushing headline, a destination / month / party-size search bar and three travel stats.
hero - 2
This Season's Popular Tours
Six tour cards with gradient scenery art, duration, region, rating, tags and a per-person starting price.
product - 3
Featured Day-by-Day Timeline
A staggered timeline on deep green laying out the full five-day Orchid Island slow-travel itinerary, day by day with time notes.
timeline - 4
Traveller Review Carousel
Traveller review cards you can step through, each with a star rating, quote, name and the tour they joined.
testimonial - 5
Seasonal Routes
Spring, summer, autumn and winter tabs, each recommending three in-season routes with regional notes.
gallery - 6
Newsletter Sign-Up
A gradient card CTA with an email form, a success state and three reasons to subscribe.
cta - 7
Footer
Brand blurb, phone, email and address, social links, three columns of site navigation, and copyright and legal notices.
footer
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →