Alpine Travel Hero
A sweeping hero section designed for travel and adventure platforms.
Features
- Asymmetric layout — Bold headline left, stats and badges right
- Alpine palette — Cool mountain blues with crisp white accents
- Mountain SVG decorations — Angular geometric shapes evoking peaks
- Staggered animations — Content reveals sequentially on load
- Dual CTA — Primary solid button and ghost secondary
- Dark mode — Deep navy variant with adjusted contrasts
- Responsive — Fluid from mobile to widescreen
Dependencies
@remixicon/react — Map and compass icons@/components/ui/badge — Shadcn Badge@/components/ui/button — Shadcn Button
Customization
- Swap destination data in the stats array
- Adjust gradient stops for brand colors
- Replace headline and subheadline text
