Content Blocks
Cyber Holograph
Cyber holographic pricing section with neon effects.
pricingcyberholographicneon
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
title | string | System Access | Section title text. |
plans | Array<{name: string, price: number, currency?: string}> | [] | Array of pricing plans with name, price, and optional currency. |
features | string[] | [] | Array of feature strings to display. |
backgroundColor | string | #000000 | Background color (hex, rgb, or hsl). |
gridColor | string | rgba(0,255,136,0.03) | Grid pattern color. |
titleGradientFrom | string | #00ff88 | Title gradient start color. |
titleGradientTo | string | #00ffff | Title gradient end color. |
cardGradientFrom | string | #00ff88 | Card gradient start color. |
cardGradientTo | string | #00ffff | Card gradient end color. |
cardBgColor | string | rgba(23, 23, 23, 0.9) | Card background color. |
cardBorderColor | string | #414868 | Card border color. |
planNameColor | string | #00ff88 | Plan name text color. |
priceColor | string | #ffffff | Price text color. |
priceCurrencyColor | string | #00ffff | Price currency text color. |
featureTextColor | string | rgba(0,255,136,0.8) | Feature text color. |
featurePrefixColor | string | #00ffff | Feature prefix color. |
buttonBgColor | string | rgba(0,255,136,0.1) | Button background color. |
buttonBorderColor | string | #00ff88 | Button border color. |
buttonTextColor | string | #00ff88 | Button text color. |
buttonHoverBgColor | string | #00ff88 | Button hover background color. |
buttonHoverTextColor | string | #000000 | Button hover text color. |
buttonOverlayColor | string | rgba(0,255,136,0.2) | Button overlay color on hover. |
buttonText | string | ACCESS | Button text. |