Velvet AI Hero
A premium dark hero block for AI/ML products with atmospheric velvet-purple depth.
Features
- Animated gradient orb — Pulsing radial gradient creates a cinematic light source
- Neural network SVG pattern — Connected node grid adds technical depth
- Shimmer headline — Gradient text with animated shimmer effect
- AI capability badges — Interactive pills showcasing product features
- Floating stat cards — Ambient UI cards with float animation (desktop)
- Staggered reveal — Each element fades in sequentially
- Responsive — Scales from mobile to wide desktop
Dependencies
@/components/ui/badge — Shadcn Badge@/components/ui/button — Shadcn Button@remixicon/react — Icon set
Customization
- Colors: Adjust purple gradient stops for brand alignment
- Capabilities: Edit the capabilities array to match your AI features
- Stats: Update floating cards and bottom stats with real metrics
- Fonts: Uses Playfair Display + DM Sans via Google Fonts
