Content Blocks
Dark Spotlight
Dark spotlight FAQ with radial hover effects.
faqdarkspotlighthover
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
faqs | Array<{q: string, a: string}> | [] | Array of FAQ items with question (q) and answer (a). |
backgroundColor | string | #000000 | Background color (hex, rgb, or hsl). |
badgeText | string | Support Center | Badge text displayed above title. |
badgeBgColor | string | rgba(23, 23, 23, 0.5) | Badge background color. |
badgeBorderColor | string | #262626 | Badge border color. |
badgeTextColor | string | #a3a3a3 | Badge text color. |
title | string | Frequently Asked Questions | Section title text. |
titleGradientFrom | string | #ffffff | Title gradient start color. |
titleGradientTo | string | rgba(255,255,255,0.4) | Title gradient end color. |
cardBgColor | string | rgba(23, 23, 23, 0.3) | Card background color. |
cardBorderColor | string | #262626 | Card border color. |
cardTextColor | string | #e5e5e5 | Card text color. |
hoverCardTextColor | string | #ffffff | Card text color on hover. |
answerTextColor | string | #a3a3a3 | Answer text color. |
iconColor | string | #737373 | Icon color. |
hoverIconColor | string | #ffffff | Icon color on hover. |
spotlightColor | string | rgba(255,255,255,0.1) | Spotlight effect color. |