Content Blocks
Aero Glass
Aero glass pricing section with Windows Vista aesthetics.
pricingaeroglassvista
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
plans | Array<{name: string, price: number, description?: string}> | [] | Array of pricing plans with name, price, and optional description. |
features | string[] | [] | Array of feature strings to display. |
backgroundColor | string | #000000 | Background color (hex, rgb, or hsl). |
backgroundImage | string | https://images.unsplash.com/photo-1579546929518-9e396f3cc809?q=80&w=2070&auto=format&fit=crop | Background image URL. |
cardBgColor | string | rgba(255,255,255,0.1) | Card background color. |
cardBorderColor | string | rgba(255,255,255,0.4) | Card border color. |
cardBlurColor | string | rgba(255,255,255,0.2) | Card blur effect color. |
titleColor | string | #ffffff | Title text color. |
descriptionColor | string | rgba(255,255,255,0.8) | Description text color. |
priceColor | string | #ffffff | Price text color. |
featureTextColor | string | rgba(255,255,255,0.9) | Feature text color. |
buttonBgColor | string | rgba(255,255,255,0.2) | Button background color. |
buttonTextColor | string | #ffffff | Button text color. |
buttonBorderColor | string | rgba(255,255,255,0.4) | Button border color. |
buttonText | string | Purchase | Button text. |