CTA Blocks
Copy-paste React sections for call-to-action moments: newsletter signups, closing sections, comparison and pricing-led CTAs, countdown and urgency banners, video and image-driven hero CTAs, and inline banners. Each block ships as plain, editable component code, not a runtime dependency.
centered-newsletter-cta
Centered Newsletter CTA
Minimal centered call-to-action with heading, description, and action buttons.
split-layout-newsletter-cta
Split Layout Newsletter CTA
Two-column call-to-action with a decorative image on one side and a feature list plus subscribe form on the other.
newsletter-social-proof-cta
Newsletter CTA with Social Proof
Newsletter call-to-action with an avatar stack, subscriber count, and a testimonial quote.
banner-cta
Banner CTA
Horizontal banner call-to-action with heading and action buttons side by side.
stats-cta
Stats CTA
Call-to-action section with impressive statistics and trust indicators above action buttons.
multi-card-cta
Multi-Card CTA
Three action cards side by side, each offering a different path to conversion.
benefit-checklist-cta
Checklist CTA
Call-to-action with a vertical list of benefit checkmarks and action buttons.
minimal-cta
Minimal CTA
Ultra-minimal call-to-action with a single bold heading and action button.
logo-cloud-cta
Logo Cloud CTA
Call-to-action with a trusted-by logo cloud above the heading and action buttons.
split-comparison-cta
Split Comparison CTA
Side-by-side Free vs Pro cards with feature lists and their own action buttons.
fullwidth-image-cta
Fullwidth Image CTA
Full-width call-to-action with background image overlay, heading, and action buttons.
steps-cta
Steps CTA
Three-step process visualization with numbered steps and call-to-action.
quote-led-cta
Quote-Led CTA
Oversized testimonial quote as the hero, with attribution and call-to-action buttons below.
notification-cta
Notification CTA
Compact notification-style call-to-action card with icon, message, and inline action button.
metric-highlight-card-cta
Highlight Card CTA
Card-style call-to-action with value-driven highlight metrics in a bordered grid.
two-tier-cta
Two-Tier CTA
A prominent primary offer stacked above a quieter secondary offer, split by an 'or' divider.
split-text-cta
Split Text CTA
Asymmetric two-column layout with a large heading on the left and description and buttons on the right.
testimonial-grid-cta
Testimonial Grid CTA
Grid of short testimonial cards with a centered call-to-action heading and buttons below.
countdown-cta
Countdown CTA
Urgency-driven call-to-action with a live countdown and limited-time offer messaging.
pill-tags-cta
Pill Tags CTA
Newsletter call-to-action with a scattered cluster of topic pills above the heading.
big-number-stat-cta
Big Number CTA
Single massive statistic as the visual centerpiece with supporting text and action buttons.
dual-cta
Dual CTA
Two equal-weight side-by-side cards for segmenting audiences into two paths.
faq-inline-cta
FAQ Inline CTA
Expandable FAQ questions paired with an always-visible inline call-to-action.
newsletter-preview-cta
Newsletter Preview CTA
Mocked-up newsletter issue preview card with an email subscribe form beneath it.
metric-bars-cta
Metric Bars CTA
Horizontal progress bars with metric labels showing platform performance alongside a call-to-action.
compact-bar-cta
Compact Bar CTA
Single-line compact call-to-action bar with inline text and button.
bordered-stack-cta
Bordered Stack CTA
Vertically stacked bordered sections with alternating content and a final call-to-action.
avatar-wall-cta
Avatar Wall CTA
Dense grid of subscriber avatars as a background texture, with a centered heading and call-to-action.
accent-sidebar-cta
Accent Sidebar CTA
Card with colored accent left border and inline call-to-action.
feature-comparison-table-cta
Feature Table CTA
Simple feature comparison table with checkmarks and a call-to-action button below.
aurora-spotlight-cta
Aurora Spotlight CTA
Interactive call-to-action card with animated aurora blobs and a mouse-following spotlight.
objection-buster-cta
Objection Buster CTA
Plain-text objection and rebuttal pairs above a single conversion button.
bento-cta
Bento CTA
Bento grid layout with mixed content cards surrounding a central call-to-action.
zigzag-cta
Zigzag CTA
Alternating left-right content blocks building up to a final call-to-action.
quote-carousel-cta
Quote Carousel CTA
Rotating testimonial quotes with author info and persistent call-to-action buttons.
numbered-reasons-cta
Numbered List CTA
Numbered reasons or benefits list with large ordinals and a call-to-action at the bottom.
image-marquee-cta
Image Marquee CTA
Eye-catching call-to-action with two rows of images scrolling in opposite directions around centered content.
3d-tilt-card-cta
3D Tilt Card CTA
Interactive call-to-action card with 3D perspective tilt, an image zoom, and a shine sweep on hover.
before-after-slider-cta
Before/After Slider CTA
Interactive image comparison slider with a draggable handle for before and after views.
stacked-photo-deck-cta
Stacked Photo Deck CTA
Split layout with a hoverable stacked photo deck that fans out on interaction.
animated-border-cta
Animated Border CTA
Split layout with a floating image wrapped in a rotating conic gradient border.
video-hero-cta
Video Hero CTA
Cinematic call-to-action with a looping background video, gradient overlay, and bottom-aligned content for an immersive hero section.
diagonal-split-image-cta
Diagonal Split Image CTA
Split layout with two images divided diagonally, each slowly panning in opposite directions.
vertical-marquee-cta
Vertical Marquee CTA
Two vertical image columns scrolling in opposite directions frame the centered call-to-action content.
media-accordion-cta
Media Accordion CTA
Horizontal photo strips that expand on hover, revealing a label and description.
video-background-cta
Video Background CTA
Looping background video behind a frosted glass content card with badge, heading, description, and action buttons.
split-video-cta
Split Video CTA
Two-column layout with content on the left and a looping video on the right.
cinematic-video-hero-cta
Cinematic Video Hero CTA
Ultra-wide cinematic video background with a dark gradient overlay, styled like a movie trailer.
media-card-showcase-cta
Media Card Showcase CTA
Centered CTA copy above three media cards with a hover-reveal label overlay.
floating-video-circle-cta
Floating Video Circle CTA
Large circular video mask with a gentle floating animation alongside CTA content.
video-grid-background-cta
Video Grid Background CTA
A 2x2 grid of looping videos playing simultaneously behind a semi-transparent overlay card.
video-ticker-strip-cta
Video Ticker Strip CTA
Centered CTA above a continuously scrolling strip of looping video thumbnails.
video-blinds-reveal-cta
Video Blinds Reveal CTA
Staggered bars slide open on hover like window blinds, revealing a looping video underneath.
animated-border-video-cta
Animated Border Video CTA
Split layout with a rotating conic-gradient border ring around a floating video card.
diagonal-video-split-cta
Diagonal Video Split CTA
Two looping videos divided by a diagonal line with a frosted glass CTA card centered on top.
video-bento-grid-cta
Video Bento Grid CTA
Asymmetric bento-style grid with one large video spanning two rows alongside two stacked smaller videos.
statement-cta
Statement CTA
Bold, oversized headline on a full-width dark panel with two buttons.
newsletter-cta
Newsletter CTA
Simple split card pairing a photo with a compact subscribe form.
marquee-cta
Marquee CTA
Centered call to action over a faint scrolling word-marquee background.
cinematic-image-cta
Image CTA
Cinematic full-bleed image CTA with an overlaid, left-aligned content panel.
contact-cta
Contact CTA
Centered contact call to action with an availability badge and big headline.
worth-keeping-cta
Worth Keeping CTA
Full-bleed monochrome closing CTA with a giant scrolling marquee behind a single centered seal button.
editorial-asymmetric-cta
Editorial Asymmetric CTA
Oversized editorial CTA with a left-weighted heading, a pinned seal button, and a ruled index baseline.
framed-studio-call
Framed Studio Call
Quiet, gallery-like CTA centered inside a bordered frame with corner tick marks.
newsletter-letter-band
Newsletter Letter Band
Full-width monochrome band pairing an oversized statement with an inline email-capture form.
closing-cta-panel
Closing CTA Panel
Soft-panel closing CTA pairing text and two buttons with an image tile floating a live agenda card.
centered-closing-cta
Centered Closing CTA
Simple centered CTA with an eyebrow pill, light heading, paragraph, and two accent buttons.
split-cta-with-thread
Split CTA With Thread
Split CTA pairing text and two buttons with an image tile floating a live team message thread.
plan-led-centered-cta
Plan-Led Centered CTA
Centered CTA led by a floating plan price card on an image tile, with heading, buttons, and a reassurance note.
demo-request-split-form
Demo Request Split Form
Split closing CTA pairing a hairline-separated list of promises with an inline demo request form.
studio-booking-split-cta
Studio Booking Split CTA
Closing CTA splitting a tall photo against an oversized heading, a pill button, a plain email link, and a ruled availability row.
dark-contact-band
Dark Contact Band
Inverted dark closing panel with an oversized invitation, an outline pill CTA, and a ruled row of contact details.
two-path-closing-cta
Two Path Closing CTA
Closing CTA offering two routes side by side, each a ruled column with its own dotted-rule list and pill button.