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 violet band where looping neon sine lines scroll behind a 2 line headline, a lede and 1 pill button
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 still gradient band with a headline and 1 button and no moving backdrop: use the Headline Only CTA block
- A centered pitch with an eyebrow badge, 3 proof tiles and 2 buttons: use the Proof Grid 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
- The 30 sine lines are generated by
STREAMSfromSTREAM_LINESandSTREAM_POINTS; change those constants to thin or thicken the field - The scroll is a 22s CSS loop in
STYLESthat stops under reduced motion; change its duration there - The violet base, scrim and inks are fixed oklch values on the
Card, not theme tokens, so the band looks the same in light and dark - 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-6.mdget_block("cta-6")npx shadcn@latest add @reui/cta-6Shadcn Final Conversion CTA Block
Dark violet CTA banner with animated neon sine-wave line-stream backdrop and one rounded-full button. Part of the ReUI Shadcn Marketing CTA blocks collection.
Closing CTA banner: two-line heading, supporting line, and one rounded-full anchor button on a deep violet surface lit by an animated, looping neon line-stream. Built on shadcn Card and Button. For a final conversion band or dark hero section.
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 Final Conversion 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
- 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
- Sales Contact CTA Sales contact CTA banner with the headline left and Contact Us and Book a Call buttons right
- 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 Final Conversion CTA block?
Use it for a dark violet band where looping neon sine lines scroll behind a 2 line headline, a lede and 1 pill button.
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 still gradient band with a headline and 1 button and no moving backdrop, use the Headline Only CTA block. For a centered pitch with an eyebrow badge, 3 proof tiles and 2 buttons, use the Proof Grid 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 Final Conversion CTA block built with?
Can I restyle the Final Conversion 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.