Magenta CTA Split
A vibrant, high-energy call-to-action section designed for marketing platforms.
Features
- Split layout — Content on left, geometric art on right
- Bold headline — '10x Your Marketing ROI' with gradient text
- Supporting stats — 3M+ campaigns, 500K users, 98% satisfaction
- Dual CTAs — Start Free Trial and Watch Demo buttons
- Geometric pattern — CSS-only decorative illustration with diamonds, triangles, and circles
- Magenta palette — Bold pink (#db2777, #ec4899) on dark charcoal (#18181b)
- Angular design — Sharp corners, thick borders, uppercase tracking
- Responsive — Geometric art hidden on mobile, content fills width
Usage
import RegistryItem from './registry-item';
export default function Page() {
return <RegistryItem />;
}
Customization
- Stats: Edit the stat values and labels directly in the JSX
- Headline: Change the main heading and supporting text
- Colors: Adjust magenta hex values and charcoal background
- Geometric shapes: Modify sizes, positions, and opacity of CSS shapes
- Font: Uses Space Grotesk from Google Fonts; swap for any geometric sans
