Grids & Layouts
Focus Spotlight
Spotlight-focused feature grid with dynamic lighting effects.
featurespotlightlightingfocus
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
features | Array<{title: string, desc: string, icon?: React.ReactNode, img?: string}> | [{title: 'Global Edge', desc: 'Latency is a choice. We chose zero.', img: '...'}, ...] | Array of feature items with title, description, optional icon, and optional image. |
backgroundColor | string | #000000 | Background color (hex, rgb, or hsl). |
hoverGradientFrom | string | purple-900 | Hover gradient start color (Tailwind color name). |
hoverGradientTo | string | blue-900 | Hover gradient end color (Tailwind color name). |