Content Blocks
Neon Arcade
Neon arcade pricing section with retro gaming aesthetics.
pricingneonarcaderetro
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
plans | Array<{name: string, price: number}> | [] | Array of pricing plans with name and price. |
features | string[] | [] | Array of feature strings to display. |
backgroundColor | string | #090014 | Background color (hex, rgb, or hsl). |
topGlowColor | string | #ff00ff | Top glow effect color. |
bottomPatternColor | string | #ff00ff | Bottom pattern color. |
cardGradientFrom | string | #00ffff | Card gradient start color. |
cardGradientTo | string | #ff00ff | Card gradient end color. |
cardBgColor | string | #1a0b2e | Card background color. |
cardBorderColor | string | rgba(255,0,255,0.3) | Card border color. |
iconBorderColor | string | #00ffff | Icon border color. |
iconShadowColor | string | #00ffff | Icon shadow color. |
iconColor | string | #00ffff | Icon color. |
planNameColor | string | #ff00ff | Plan name text color. |
priceColor | string | #ffffff | Price text color. |
featureTextColor | string | #00ffff | Feature text color. |
featureCheckColor | string | #ff00ff | Feature check color. |
buttonBgColor | string | #ff00ff | Button background color. |
buttonHoverBgColor | string | #00ffff | Button hover background color. |
buttonHoverTextColor | string | #090014 | Button hover text color. |
buttonShadowColor | string | #ff00ff | Button shadow color. |
buttonText | string | PLAY NOW | Button text. |