A full-width call-to-action band with a soft pulsing radial glow, a headline, one line of text and two pill buttons.
Start for free today. No credit card required, and you can cancel anytime.
npx shadcn@latest add https://hyperblur.dev/r/cta-banner.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/cta-banner.tsx.
import { CtaBanner } from "@/components/hyperblur/cta-banner"
<CtaBanner title="Start building today" primary={{ label: "Get started", href: "/signup" }} secondary={{ label: "Contact us", href: "/contact" }} />| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "Ready to build something great?" | Headline. |
| text | string | sample text | One line of supporting text. |
| primary | { label: string; href: string } | { label: "Get started", href: "#start" } | Filled accent pill button. |
| secondary | { label: string; href: string } | { label: "Talk to sales", href: "#contact" } | Outlined pill button. |
| accent | string | "#2f7bff" | Glow and primary button color. |