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