Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
heading | string | "Intelligent Automation..." | Main hero heading text |
subheading | string | "Bring AI automation..." | Subtitle below the heading |
badge | string | "Now Available" | Text inside the status badge |
badgeLabel | string | "New" | Highlighted label prefix in badge |
primaryCta | string | "Get Started" | Primary button text |
secondaryCta | string | "Learn More" | Secondary button text |
onPrimaryClick | () => void | — | Primary button click handler |
onSecondaryClick | () => void | — | Secondary button click handler |
className | string | — | Additional CSS classes for container |
beamCount | number | 14 | Number of SparkRain beams |
beamColor | string | "from-primary/80 via-primary/40 to-transparent" | Tailwind gradient for beams |
sparkColor | string | "from-primary to-primary/60" | Tailwind gradient for collision sparks |
Note: This component internally uses Spark Rain for the animated background and Shimmering Text for the status badge. Both are required dependencies.