Neon Marketing CTA
A high-energy, cyberpunk-themed call-to-action section designed for marketing newsletters, product launches, and growth-focused landing pages.
Features
- Cyberpunk palette — Deep black (#0a0a0a) background with electric neon green (#39ff14) and cyan (#00e5ff) accents
- Futuristic typography — Orbitron for uppercase headings and stat numbers, Exo 2 for body text
- Glowing subscribe form — Email input with neon gradient border, animated pulse ring, and glow effects
- Scanline overlay — Retro CRT-style horizontal scanlines across the entire section
- Grid pattern — SVG grid background for cyberpunk depth
- Neon text effects — Text-shadow glow on headline and accent words
- Stats counter — 4 metrics (subscribers, open rate, ROI, read time) with neon glow
- Social proof — 5 colored avatar circles with recent subscriber count
- Pulse animation — Continuous breathing glow effect on the form border
- Responsive — Stacks form inputs on mobile, side-by-side on tablet+
Dependencies
@/components/ui/badge — Shadcn Badge
@/components/ui/button — Shadcn Button
@/components/ui/input — Shadcn Input
@/components/ui/separator — Shadcn Separator
@remixicon/react — RiFlashlightLine, RiArrowRightLine, RiRocketLine
- Google Fonts — Orbitron (display), Exo 2 (body)
Customization
- Neon color: Replace
#39ff14 (green) with any vibrant neon color
- Secondary glow: Swap (cyan) for a complementary neon