Alpine Hero Vista
A stunning alpine-themed hero section designed for travel and outdoor adventure brands.
Features
- Breadcrumb navigation — Home / Destinations / Alpine path
- Season badge — Highlighted Season 2026 indicator with mountain icon
- Hero headline — Massive Spectral serif "Discover Alpine Wonderlands" title
- Descriptive subtext — Compelling copy about pristine mountain experiences
- Dual CTAs — Primary "Plan Your Trip" button and outline "Watch Film" with play icon
- Feature cards — Three cards: Guided Treks, Luxury Lodges, Local Cuisine with icons and descriptions
- Stat strip — 50+ Trails, 12 Mountain Lodges, 4,000m Peak Access, 8 Guided Routes
- Ice blue gradient — Light icy gradient background evoking mountain vistas
- Dark mode — Full dark variant with navy tones and blue accents
- Typography — Spectral (serif headings) + Nunito (sans body)
Dependencies
@/components/vue-ui/button — Button@/components/vue-ui/badge — Badge@/components/vue-ui/card — Card, CardContent, CardHeader, CardTitle@/components/vue-ui/separator — Separatorlucide-vue-next — Mountain, Play, Compass, Hotel, UtensilsCrossed, MapPin, ArrowRight
Customization
- Replace feature card content with your own offerings
- Update stat values to match your destination data
- Swap CTA actions for real navigation links
- Adjust color palette via the hex values in Tailwind classes
