Magenta Events Hero
A vibrant hero section for events, conferences, and festivals.
Features
- Bold gradient typography — Magenta-to-orange gradient on event name
- Countdown display — Static days/hours/mins/secs display with bordered cards
- Event badges — Date and location with icons
- Dual CTAs — Primary gradient ticket button and outline schedule button
- Speaker avatars — Six featured speakers with gradient avatar circles
- Dark-first design — Dramatic dark mode with light mode alternative
Dependencies
@/components/vue-ui/button — Button@/components/vue-ui/badge — Badge@/components/vue-ui/separator — Separatorlucide-vue-next — Icons
Customization
- Event details: Update headline, dates, location, and pricing
- Countdown: Replace static values with reactive countdown logic
- Speakers: Edit the speakers array with real speaker data
- Colors: Adjust gradient stops for different brand palettes
