Shadcn.io is not affiliated with official shadcn/ui
CTA Left Right Dark Compliance Badges
A left right dark CTA section for React and Next.js with a shield icon headline cluster, uppercase compliance badge row, and dual inverted ShadcnioButton actions built with shadcn/ui and Tailwind CSS
Build enterprise trust with this left right dark CTA featuring a compliance badge row anchored beside the headline for React and Next.js. Features a shield icon paired with a compact headline cluster on the left, an uppercase text-based compliance badge row (SOC 2, GDPR, HIPAA, ISO 27001) below the subtext, and two inverted ShadcnioButton actions on the right in a single row layout. Built with TypeScript, ShadcnioButton from shadcn/ui, Lucide React icons, motion/react entrance animations, and Tailwind CSS. Perfect for SaaS trust bands, enterprise landing pages, compliance documentation footers, and any section where certification proof needs to sit next to the primary action.
Related Components
Left Right Dark CTA with Eyebrow Pill
Left right dark CTA with an eyebrow pill above the headline
Left Right CTA with Icon Stat Footer
Left right CTA with icon and stat footer row
Left Right Row Dark CTA
Plain left right dark CTA with dual actions
Compact Left Right Dark CTA
Compact single-row left right dark CTA
Card Inset Shield Trust List CTA
Card inset dark CTA with shield icon and trust checklist
Two Factor CTA
Two-factor authentication CTA block
FAQ
Was this page helpful?
Sign in to leave feedback.
Email Capture Light Pill
A light email capture CTA for React and Next.js with a bordered card, status-dot announcement pill, inline email form, AnimatePresence success state, and user count trust row, built with shadcn/ui and Tailwind CSS
Left Right Dark Eyebrow Pill
A left right row dark CTA for React and Next.js with an eyebrow pill above the headline stack, inverted primary ShadcnioButton, ghost secondary action, and compact single-row layout built with shadcn/ui and Tailwind CSS