Spotlight
Mouse-tracking spotlight mega menu with reveal effects and interactive design.
Main Features of Spotlight
How to Use Spotlight in Next.js
Installation Guide for Spotlight
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
buttonText | string | "Reveal" | Button trigger text. |
leftColumnItems | string[] | ["Intelligence", "Security", "Quantum", "Cloud"] | Array of left column items. |
backgroundColor | string | "#050505" | Background color (hex, rgb, or hsl). |
menuBgColor | string | "#171717" | Menu background color. |
spotlightColor | string | "rgba(255,255,255,0.15)" | Spotlight effect color. |