Content Blocks
Luxury Fluid
Luxury fluid FAQ with mesh gradient background.
faqluxuryfluidgradient
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). |
blob1FromColor | string | #581c87 | First blob gradient start color. |
blob1ViaColor | string | #312e81 | First blob gradient middle color. |
blob2FromColor | string | #1e3a8a | Second blob gradient start color. |
blob2ViaColor | string | #064e3b | Second blob gradient middle color. |
title | string | Inquiries | Section title text. |
subtitle | string | Curated answers for the elite. | Section subtitle text. |
titleColor | string | #ffffff | Title text color. |
subtitleColor | string | rgba(255,255,255,0.5) | Subtitle text color. |
borderColor | string | rgba(255,255,255,0.2) | Border color. |
questionTextColor | string | rgba(255,255,255,0.4) | Question text color. |
activeQuestionTextColor | string | #ffffff | Active question text color. |
hoverQuestionTextColor | string | #ffffff | Question text color on hover. |
answerTextColor | string | rgba(255,255,255,0.7) | Answer text color. |
iconColor | string | rgba(255,255,255,0.2) | Icon color. |
hoverIconColor | string | #ffffff | Icon color on hover. |