Shadcn.io is not affiliated with official shadcn/ui
CTA Centered Light Link Secondary
A centered light CTA section for React and Next.js with eyebrow label, bold h2 headline, primary ShadcnioButton, and a secondary text link below built with shadcn/ui and Tailwind CSS
Convert browsers with this centered light CTA featuring a primary ShadcnioButton paired with a text-link secondary action for React and Next.js. Features an uppercase eyebrow label above the headline, a single fixed-width primary ShadcnioButton, and a subtle text-link secondary CTA below that defers weight to the primary action. Built with TypeScript, ShadcnioButton from shadcn/ui, motion/react entrance animations, Lucide React icons, and Tailwind CSS. Perfect for changelog footers, community portals, transparency sections, and any landing page where a single dominant action needs a soft alternative path.
Related Components
Centered Light CTA with Trust Row
Centered light CTA with trust row below the button
Centered Light CTA with Feature Checks
Centered light CTA with inline checkmark feature list
Centered Light CTA with Numbered Steps
Centered light CTA with numbered step list
Centered Light Email Capture CTA
Centered light CTA with inline email capture form
Centered Dark Dual Action CTA
Centered dark CTA with primary and ghost dual actions
Compact Version Banner CTA
Compact single-row version announcement banner
FAQ
Was this page helpful?
Sign in to leave feedback.
Centered Light Icon Medallion
A centered light CTA with icon medallion for React and Next.js with circular icon tile, short headline, subtitle, and dual ShadcnioButton row, built with shadcn/ui and Tailwind CSS
Centered Light Numbered Steps
A centered light CTA for React and Next.js with uppercase kicker, three numbered-circle setup steps, a primary ShadcnioButton, and a trust row, built with shadcn/ui and Tailwind CSS