Saffron Travel Hero
An editorial-style hero section designed for luxury travel platforms.
Features
- Asymmetric layout — 7/5 column split with headline left, destination cards right
- Booking form — Styled placeholder inputs for destination, dates, and travelers
- Featured destinations — 3 cards with ratings, review counts, pricing, and tags
- Partner airlines strip — Brand name list below the form
- DM Serif Display — Distinctive serif display font via Google Fonts
- Golden palette — Amber/saffron tones on cream with editorial feel
- Full dark mode — Deep warm dark with amber accents
Dependencies
@/components/vue-ui/badge — Tags and labels@/components/vue-ui/button — Search CTA@/components/vue-ui/card — Booking form and destination cards@/components/vue-ui/separator — Visual dividerslucide-vue-next — MapPin, CalendarDays, Users, Star, Plane, ArrowRight icons
Customization
- Destinations: Edit the
destinations array
- Airlines: Modify the
airlines array
- Form: Wire up the placeholder inputs to real search functionality
