Volcanic AI Features
A dramatic features grid built for AI and machine learning platforms.
Features
- Volcanic aesthetic — Dark charcoal background with molten orange/red accents
- Google Font: Sora — Clean geometric heading typeface
- 6 feature cards — 3-column responsive grid with icon headers
- Ember glow hover — Cards illuminate with orange glow on interaction
- Lava-flow lines — Decorative gradient separator accents
- Light/dark mode — Stone-50 light, pure #111111 dark
- Accessible contrast — All text meets WCAG AA 4.5:1 minimum
Dependencies
@/components/vue-ui/badge — Shadcn-Vue Badge
@/components/vue-ui/card — Shadcn-Vue Card, CardHeader, CardTitle, CardDescription, CardContent
lucide-vue-next — Brain, Sparkles, Zap, Eye, MessageSquare, Database icons
Customization
- Colors: Adjust orange/red gradient to match your brand
- Features: Replace the 6 cards with your own AI capabilities
- Icons: Swap lucide icons for your preferred icon set