cta-1
efferd/cta-1FreeBlock
Centered call-to-action bar with bold heading and dual action buttons.
Install it
npx shadcn@latest add https://legacy.efferd.com/r/cta-1.jsonSource
1import { Button } from "@/components/ui/button";23export function CallToAction() {4 return (5 <div className="relative mx-auto flex w-full max-w-3xl flex-col justify-between border-x md:flex-row">6 <div className="-translate-x-1/2 -top-px pointer-events-none absolute left-1/2 w-screen border-t" />7 <div className="border-b p-4 md:border-b-0">8 <h2 className="text-center font-bold text-lg md:text-left md:text-2xl">9 Let your plans shape the future.10 </h2>11 </div>12 <div className="flex items-center justify-center gap-2 p-4 md:border-l">13 <Button variant="secondary">Contact Sales</Button>14 <Button>Get Started</Button>15 </div>16 <div className="-translate-x-1/2 -bottom-px pointer-events-none absolute left-1/2 w-screen border-b" />17 </div>18 );19}
What it pulls in
Other registry items
Files it writes
More from efferd
All 40 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| auth-1auth-1 | efferd | Blocks | Free | no deps · 2 files | |
| auth-2auth-2 | efferd | Blocks | Free | 1 dep · 3 files | |
| contact-1contact-1 | efferd | Blocks | Free | no deps | |
| contact-2contact-2 | efferd | Blocks | Free | no deps | |
| cta-2cta-2 | efferd | Blocks | Free | no deps | |
| cta-3cta-3 | efferd | Blocks | Free | no deps | |
| cta-4cta-4 | efferd | Blocks | Free | no deps | |
| cta-5cta-5 | efferd | Blocks | Free | no deps |
