For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
Best for: A dark banner with no illustration, split into copy and a 320px right side action well, with message and calendar icons on 2 buttons
When to use
- A closing get started band with a headline and 1 or 2 actions, some backed by logos, avatars or a rating
- Email capture for a newsletter, a waitlist or release updates, with an inline email field and submit button
- A sales prompt that books a call or opens a contact route rather than a self-serve signup
When not to use
- A tinted details panel beside a short project inquiry form: use the Project Inquiry block
- A one message banner with a single pill action and no second link: use the Headline Only CTA block
- The first screen of a page, with the main headline and a product console above the fold: use the Hero blocks
- A compact promo tile with 1 button, sized to sit beside other cards in an app page: use the Card blocks
- A sign in or sign up page with a password, a magic link or social provider buttons: use the Auth blocks
Agent notes
- Both actions are plain anchor links: point the
hrefof Contact Us at a contact route and Book a Call at a scheduler URL, as no dialog or embed is wired - The action well is a fixed 320px column from 900px card width, so a longer label pushes the second button onto a new row; widen the well in
Ctafirst - The headline and every action label are written inline in
Ctain components/cta.tsx, never in a data file; rewrite them there - No action is wired: every
hrefis a placeholder hash and no email form reaches a backend; connect real routes and a submit handler
https://web.dev.reui.io/blocks/marketing/cta/cta-16.mdget_block("cta-16")npx shadcn@latest add @reui/cta-16Shadcn Sales Contact CTA Block
Sales contact CTA banner with the headline left and Contact Us and Book a Call buttons right. Part of the ReUI Shadcn Marketing CTA blocks collection.
Consultation booking row that splits from a 900px card width, holding a 320px action well on the right, and stacks below; message and calendar icons, blue corner glow. shadcn Card, Button. Contact page, services footer.
It is composed from Button, Card, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the Sales Contact CTA Block
- Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
- Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
- Combine it with the other Shadcn Marketing CTA blocks to assemble a full screen instead of a single section.
All Shadcn Marketing CTA Blocks
The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.
- Newsletter CTA Centered newsletter signup CTA with mail-prefixed email input and avatar-stack subscriber proof
- Feature Strip CTA Split CTA card with image media panel, badge eyebrow, dual link buttons, and feature trust strip
- Work Email CTA Centered Frame CTA with animated grid background, badge eyebrow, and single email capture form
- Proof Grid CTA Centered marketing CTA with badge eyebrow, framed three-column proof grid, and dual link buttons
- Headline Only CTA Full-width aurora-gradient CTA banner with a two-line headline and one rounded-full pill button
- Final Conversion CTA Dark violet CTA banner with animated neon sine-wave line-stream backdrop and one rounded-full button
- Agency Booking CTA Animated analytics dashboard mockup on a gradient mesh beside CTA copy and a scrolling logo marquee
- Footer Docs CTA Night Earth CTA banner with WebGL city lights turning on the globe beside light and outline buttons
- Space Launch CTA Frosted glass CTA panel over a star field with an orange sun and a turning night Earth
- Tool Handoff CTA Figma and Cursor brand-button CTA centered under a pill eyebrow badge and a 9-avatar builder stack
- Customer Logos CTA Masked tower photo cutout bleeding off an emerald CTA banner with a looping wordmark marquee
- Proof Points CTA Rotating Mars CTA banner on dotted indigo with paired buttons and 3 pulsing proof checks
- MCP Integrations CTA MCP integrations CTA banner with 11 floating extruded logo tiles on an isometric grid floor
- Release Updates Signup Dark newsletter signup banner with inline email join form and a rotating WebGL night Earth
- Outcome Checklist CTA Outcome checklist CTA banner on emerald with 4 checked items, an amber action and lime corner glows
- Review Rating CTA Star rating review pill CTA on a dark dot-grain banner with a centered brand logo tile
Related Shadcn Marketing Block Categories
- Blog (6) Blog post layouts, article grids, and content listing components for editorial sites.
- Compare (3) Versus sections that set a product against the workflow it replaces, as a feature matrix, a card beside a plain list or 2 step tracks.
- Contact (6) Contact forms, support and enquiry sections, and office detail panels for business and portfolio sites.
- FAQ (6) FAQ and accordion sections for common questions, knowledge bases, and support pages.
- Hero (16) Hero sections with announcement pills, two-tone headlines, dual calls to action, and framed product consoles.
- How It Works (5) How it works sections that walk a product in numbered steps, from step grids to tabs that swap a product console.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
When should I use the Sales Contact CTA block?
Use it for a dark banner with no illustration, split into copy and a 320px right side action well, with message and calendar icons on 2 buttons.
The CTA category fits:
- A closing get started band with a headline and 1 or 2 actions, some backed by logos, avatars or a rating
- Email capture for a newsletter, a waitlist or release updates, with an inline email field and submit button
- A sales prompt that books a call or opens a contact route rather than a self-serve signup
For a tinted details panel beside a short project inquiry form, use the Project Inquiry block. For a one message banner with a single pill action and no second link, use the Headline Only CTA block. For the first screen of a page, with the main headline and a product console above the fold, use the Hero blocks. For a compact promo tile with 1 button, sized to sit beside other cards in an app page, use the Card blocks. For a sign in or sign up page with a password, a magic link or social provider buttons, use the Auth blocks.
What is the Sales Contact CTA block built with?
Can I restyle the Sales Contact CTA block?
How should I use Shadcn cta blocks in a real project?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.