Shadcn.io is not affiliated with official shadcn/ui
Dual CTA Footer Block
A React dual call-to-action footer block for Next.js with side-by-side primary and secondary CTA buttons, three link columns, and copyright using shadcn/ui and Tailwind CSS
Double your conversion surface with two distinct calls to action. This React footer opens with side-by-side CTA blocks — a primary "Start free trial" button and an outline "Schedule demo" button — giving visitors two clear paths forward. Below, three organized link columns cover product, resources, and company navigation. A copyright bar anchors the bottom. Built with shadcn/ui Button components, framer-motion entrance animations, react-wrap-balancer for balanced typography, and Tailwind CSS. Ideal for SaaS landing pages, enterprise product sites, and B2B platforms where different visitor segments need different entry points into the sales funnel.
Dual CTA Footer Block preview
Installation
Related Components
CTA Footer
Footer with single call-to-action
Newsletter Footer
Footer with email signup
Company Footer
Footer with brand story
Multi-Column Footer
Footer with link columns
Pricing Cards
Simple pricing card layout
Hero CTA
Centered hero with call-to-action
FAQ
Was this page helpful?
Sign in to leave feedback.
Documentation Footer Block
A React documentation site footer block for Next.js with four navigation columns, GitHub edit link, and copyright using shadcn/ui and Tailwind CSS
E-Commerce Footer Block
An e-commerce footer block for React and Next.js with four navigation columns for shop, support, company, and legal links plus a payment methods badge row built with shadcn/ui and Tailwind CSS