Magenta Health Hero
A premium dark hero section with art deco geometric patterns designed for healthcare platforms.
Features
- Art deco geometry — Decorative chevron and diamond patterns with thin gold strokes
- Staggered reveal — Content fades in sequentially with blur-to-sharp transitions
- Gradient headline — Magenta-to-rose gold gradient accent text
- Dual CTAs — Solid magenta primary with glow, ghost secondary
- Stats grid — Three key metrics with animated counters
- Grain texture — SVG noise overlay for tactile depth
- Responsive — Fluid from mobile to wide desktop
- Dark/Light mode — Full support for both color schemes
Dependencies
@/components/ui/badge — Shadcn Badge@/components/ui/button — Shadcn Button@remixicon/react — Icons
Customization
- Adjust magenta accent colors to match brand
- Replace headline, stats, and CTA text
- Modify geometric pattern stroke colors
