Haze Feature Cards
A futuristic features section designed for AI and machine learning platforms.
Features
- 6 feature cards in a responsive 3x2 grid layout
- Glassmorphism styling: backdrop-blur, semi-transparent backgrounds, subtle borders
- Each card includes gradient icon area, title, description, and "Learn more →" link
- Features: NLP, Computer Vision, Predictive Analytics, Anomaly Detection, Auto-ML Pipeline, Real-time Inference
- Dreamy purple haze palette: soft violet (#8b5cf6, #c4b5fd) gradients on dark (#1a1025) background
- Animated pulse indicator in section badge
- Grid background pattern overlay
- Hover effects with border glow and shadow transitions
- Space Grotesk typography for a futuristic feel
Usage
import RegistryItem from './registry-item';
export default function FeaturesPage() {
return <RegistryItem />;
}
Customization
- Update the
features array with your own capabilities and descriptions
- Adjust gradient colors on icons for different brand palettes
- Modify glassmorphism opacity values for more or less transparency
- Change grid layout from 3x2 to 2x3 by adjusting Tailwind grid classes