CTA Section
Full-width call-to-action section with radial gradient background, meteors, and dual CTA buttons.
Start building today. Free, forever.
60+ components. No credit card. MIT license. Copy the code and own it.
Installation
1
Run the CLI
$npx particleui-cli add cta-section
Usage
TSX
import { CtaSection } from "@/components/blocks/cta-section"
export default function Page() {
return <CtaSection />
}Props
| Prop | Type | Default | Required |
|---|---|---|---|
| heading | string | "Start building today." | no |
| headingGradient | string | "Free | no |
| description | string | "60+ components. No credit card. MIT license. Copy the code and own it." | no |
| primaryCta | string | "Browse components" | no |
| primaryHref | string | "/docs/components/button" | no |
| secondaryCta | string | "View on GitHub" | no |
| secondaryHref | string | "https://github.com" | no |
| meteors | boolean | — | no |
Details
Source filecomponents/blocks/cta-section.tsx
Typeblock
Categoriesmarketing, blocks
npm dependencieslucide-react
Registry depsbutton, gradient-text, meteors
Claude skill—