Prism AI Feature Showcase
A high-contrast feature showcase designed for AI infrastructure and platform landing pages. The block balances futuristic visual language with concrete technical positioning.
Features
- Neon depth background with layered radial gradients and concentric ring accents
- Distinct typography pairing with futuristic display styling and readable body copy
- Dual CTA lane for product exploration and architecture docs
- Three feature cards with icon rail, concise technical benefit copy, and glass-like surfaces
- Staggered reveal animations for polished page-load motion
- Responsive behavior from mobile stack to desktop split layout
Dependencies
@/components/ui/badge - Shadcn Badge
@/components/ui/button - Shadcn Button
@remixicon/react - RiArrowRightLine, RiBrainLine, RiFlashlightLine, RiPulseLine, RiShieldCheckLine
Customization
- Palette: update radial and linear gradient values in the root section style
- Features: replace the
featureCards data array with your own capability titles and descriptions
- Tone: adjust typography fallback stacks for brand personality
- Motion: tune the stagger and duration in the
.prism-reveal animation rule