CTA Footer
ProInstallation
ProRequires a Planes Pro license.
npx shadcn add @useplanes/cta-footer
Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.
Unlock with Planes Pro
$129 once · 159 Pro components · lifetime updates.
import { CtaFooter } from "@/components/ui/CtaFooter";
<CtaFooter
heading="Ready to stop building schedules by hand?"
description="Shifts, swaps and time off for teams of any size."
primaryAction={{ label: "Start free", href: "/signup" }}
secondaryAction={{ label: "Book a demo", href: "/demo" }}
brand={{ name: "Lumora", href: "/", logo: <Logo /> }}
newsletter={{ title: "Get one scheduling tip a week.", onSubmit: subscribe }}
columns={[{ title: "Product", links: [{ label: "Pricing", href: "/pricing" }] }]}
/>Use cases
Landing page close
One last ask before the links, so the footer does selling work.
Product site
Newsletter and five link columns in one frosted card.
Waitlist
Drop the secondary action and point the primary at the signup.