Luminous Feature Showcase
A sci-fi inspired AI feature showcase with neon purple glow effects.
Features
- Glowing badge — "AI-Powered" badge with purple glow shadow
- Gradient headline — "The Future of Intelligent Automation" with purple gradient text in Orbitron
- 3 feature cards — Neural Processing, Predictive Analytics, Autonomous Agents
- Card details — Glowing top border, icon with glow ring, title, description, 3 bullet specs
- Trusted by — 500+ enterprises count with SOC2, GDPR, ISO 27001 shield badges
- Dual CTA — "Start Free Trial" with glow shadow + "Schedule Demo" outline button
- Grid pattern — Subtle purple grid lines on near-black background
- Radial glow — Top center radial gradient for depth
- Dark mode — Full dark: variant support
- Typography — Orbitron (futuristic display) + Sora (body)
Dependencies
@/components/vue-ui/card — Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter
@/components/vue-ui/badge — Badge
@/components/vue-ui/button — Button
@/components/vue-ui/separator — Separator
lucide-vue-next — Brain, LineChart, Bot, Zap, Shield, ArrowRight, Sparkles, CheckCircle
Customization
- Features: Edit
features array to change cards, descriptions, and specs
- Compliance badges: Modify
complianceBadges array
- Glow color: Swap purple (#7C3AED) for any vibrant accent