Content Blocks
Luxury Ethereal
Luxury ethereal pricing section with gold accents.
pricingluxuryetherealgold
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
title | string | ELEVATION | Section title text. |
plans | Array<{name: string, price: number | string}> | [] | Array of pricing plans with name and price (can be number or string). |
features | string[] | [] | Array of feature strings to display. |
backgroundColor | string | #000000 | Background color (hex, rgb, or hsl). |
blob1FromColor | string | #312e81 | First blob gradient start color. |
blob1ViaColor | string | #581c87 | First blob gradient middle color. |
blob2FromColor | string | #9f1239 | Second blob gradient start color. |
blob2ViaColor | string | #831843 | Second blob gradient middle color. |
titleColor | string | rgba(255,255,255,0.8) | Title text color. |
cardBgColor | string | rgba(255,255,255,0.05) | Card background color. |
activeCardBgColor | string | rgba(255,255,255,0.1) | Active card background color. |
cardBorderColor | string | rgba(255,255,255,0.1) | Card border color. |
planNameColor | string | #ffffff | Plan name text color. |
dividerColor | string | #ffffff | Divider color. |
priceColor | string | #ffffff | Price text color. |
featureTextColor | string | rgba(255,255,255,0.6) | Feature text color. |
featureIconColor | string | #ffffff | Feature icon color. |
buttonBorderColor | string | rgba(255,255,255,0.2) | Button border color. |
buttonTextColor | string | #ffffff | Button text color. |
buttonHoverBgColor | string | #ffffff | Button hover background color. |
buttonHoverTextColor | string | #000000 | Button hover text color. |
activeCardShadowColor | string | rgba(147, 51, 234, 0.2) | Active card shadow color. |
buttonText | string | SELECT | Button text. |