Obsidian AI Call to Action
A dramatic CTA block for AI, ML, and developer platform landing pages.
Features
- Mesh gradient backdrop — Multi-point radial + conic gradients for atmospheric depth
- Gradient headline — Indigo → violet → fuchsia text gradient
- Staggered reveal — Smooth entrance animations on mount
- Capability cards — 4 icon cards (Vision, Language, Reasoning, Code) with hover glow
- Neon CTA button — Indigo glow shadow that intensifies on hover
- Dot pattern — Subtle structural texture
- Trust strip — Compliance and SLA badges
- Responsive — Fluid scaling from mobile to wide desktop
Dependencies
@/components/vue-ui/badge — Shadcn-Vue Badge
@/components/vue-ui/button — Shadcn-Vue Button
Customization
- Capabilities: Edit the
capabilities array for different model features
- Colors: Swap indigo/violet gradient for your brand palette
- CTA text: Change button labels for your conversion funnel