Content Blocks
Dark Executive
Premium dark executive pricing section with luxury aesthetics.
pricingdarkexecutivepremium
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
badgeText | string | The Gold Standard | Badge text displayed above title. |
badgeColor | string | #D4AF37 | Badge color. |
title | string | Membership | Section title text. |
plans | Array<{name: string, price: number, description?: string}> | [] | Array of pricing plans with name, price, and optional description. |
backgroundColor | string | #050505 | Background color (hex, rgb, or hsl). |
containerBgColor | string | rgba(23, 23, 23, 0.5) | Container background color. |
containerBorderColor | string | rgba(255,255,255,0.1) | Container border color. |
cardBorderColor | string | rgba(255,255,255,0.1) | Card border color. |
planNameColor | string | rgba(163, 163, 163, 1) | Plan name text color. |
priceColor | string | #D4AF37 | Price text color. |
descriptionColor | string | rgba(115, 115, 115, 1) | Description text color. |
buttonTextColor | string | #D4AF37 | Button text color. |
buttonBorderColor | string | rgba(212, 175, 55, 0.3) | Button border color. |
buttonHoverBgColor | string | #D4AF37 | Button hover background color. |
buttonHoverTextColor | string | #ffffff | Button hover text color. |
accentLineColor | string | #D4AF37 | Accent line color. |
buttonText | string | Join Now | Button text. |