Neon Learning Features Grid
A premium feature showcase block for education products that need to communicate pedagogy, operational value, and platform trust in one section.
Features
- Cinematic learning theme with layered radial gradients and grid overlays
- Editorial headline typography paired with refined body text
- Dual call-to-actions for product discovery and methodology deep dives
- Three high-signal feature cards with stat callouts
- Subtle reveal animation system with staggered card entrances
- Responsive composition from mobile to wide desktop
Dependencies
@/components/ui/badge - Shadcn Badge
@/components/ui/button - Shadcn Button
@/components/ui/card - Shadcn Card
@remixicon/react - RiArrowRightLine, RiBookOpenLine, RiBrainLine, RiFlashlightLine, RiShieldCheckLine, RiTeamLine
Customization
- Palette: adjust radial and linear gradient values in the root section background style
- Typography: replace display/body fallback stacks in heading and paragraph style props
- Content: swap feature titles, descriptions, and performance stats with your own product messaging
- Motion: tune stagger multipliers and animation timing in
.feature-reveal