28 components

Cta

Media Hover CTAs
Cta
Media Hover CTAs

Display CTA cards that reveal background imagery or color on hover. Ideal for mission/vision tiles, service highlights, or campaign prompts.

ctacall-to-actionhover+7 more
CTA Documentation Links
Cta
CTA Documentation Links

A CTA section featuring a grid of documentation or resource links with icons, titles, and descriptions. Includes a main heading, subtitle, and primary action button. Perfect for developer documentation, resource centers, or help sections.

ctacall-to-actiondocumentation+6 more
CTA Feature Checklist
Cta
CTA Feature Checklist

A split-layout CTA with a feature checklist on one side and a featured image on the other. Includes heading, description, list of features with check icons, and action buttons. Ideal for product pages or feature highlights.

ctacall-to-actionfeatures+5 more
CTA Split Image
Cta
CTA Split Image

A clean split-layout CTA with content on one side and a large featured image on the other. Features heading, description, and dual action buttons. Perfect for product showcases or service introductions.

ctacall-to-actionsplit-layout+4 more
CTA Stacked Cards
Cta
CTA Stacked Cards

A CTA section with stacked content cards featuring icons, titles, and descriptions. Includes main heading, subtitle, and action buttons. Great for highlighting multiple services or product tiers.

ctacall-to-actioncards+5 more
CTA Feature List
Cta
CTA Feature List

A CTA section with a vertical list of features, each with an icon, title, and description. Includes main heading, subtitle, and action buttons. Ideal for detailed feature breakdowns or benefit lists.

ctacall-to-actionfeatures+4 more
CTA Split Image with Logos
Cta
CTA Split Image with Logos

A split-layout CTA with content and buttons on one side, featured image on the other, and trusted company logos below. Perfect for building credibility with social proof.

ctacall-to-actionsplit-layout+5 more
CTA Fullwidth Background
Cta
CTA Fullwidth Background

A full-width CTA section with a background image, gradient overlay, centered heading, description, and action buttons. Creates a dramatic, immersive call-to-action experience.

ctacall-to-actionfullwidth+5 more
CTA Feature Cards Grid
Cta
CTA Feature Cards Grid

A CTA section with heading, description, action buttons, and a grid of feature cards with icons. Each card highlights a key feature or benefit. Great for product pages or service overviews.

ctacall-to-actioncards+5 more
CTA Accent Background
Cta
CTA Accent Background

A CTA section with an accent-colored background, large heading, description, and dual action buttons. The colored background creates visual distinction and draws attention.

ctacall-to-actionaccent+4 more
CTA Split Gradient Image
Cta
CTA Split Gradient Image

A split-layout CTA with content on one side, featured image on the other, and a subtle radial gradient background. Creates an elegant, modern appearance.

ctacall-to-actionsplit-layout+4 more
CTA Background Icon Badge
Cta
CTA Background Icon Badge

A full-width CTA with background image, icon badge, heading, and action buttons. The icon badge adds a distinctive visual element above the heading.

ctacall-to-actionbackground-image+4 more
CTA Pattern Background
Cta
CTA Pattern Background

A CTA section with a subtle pattern background, centered heading, description, and action buttons. The pattern adds visual interest without overwhelming the content.

ctacall-to-actionpattern+4 more
CTA Platform Demo
Cta
CTA Platform Demo

A CTA section promoting platform exploration with content on one side and decorative product images on the other. Ideal for SaaS products or platform showcases.

ctacall-to-actionplatform+5 more
CTA Enterprise Split
Cta
CTA Enterprise Split

A split-layout CTA with enterprise messaging and buttons on one side, documentation/demo links with icons on the other. Perfect for enterprise or B2B landing pages.

ctacall-to-actionenterprise+5 more
CTA Minimal Separator
Cta
CTA Minimal Separator

A minimal CTA section with centered text and a single button flanked by horizontal separators. Clean and understated design for subtle calls-to-action.

ctacall-to-actionminimal+4 more
CTA Image Overlay Arrow
Cta
CTA Image Overlay Arrow

A CTA section with background image, centered heading, and a prominent button with an arrow icon. The arrow adds visual direction and encourages action.

ctacall-to-actionbackground-image+4 more
Image Overlay Centered CTA
Cta
Image Overlay Centered CTA

A full-width CTA banner with a background image and dark gradient overlay, centered heading, supporting copy, and dual action buttons. Ideal for high-impact conversion moments.

ctacall-to-actionimage+5 more
CTA App Download Newsletter
Cta
CTA App Download Newsletter

A two-column CTA grid featuring an app download section with phone mockup and a newsletter subscription form. Perfect for mobile apps with email marketing.

ctacall-to-actionapp-download+5 more
CTA Newsletter Features
Cta
CTA Newsletter Features

A newsletter subscription CTA with badge, heading, email form, and a list of subscription benefits. Highlights the value of subscribing with feature icons.

ctacall-to-actionnewsletter+5 more
CTA Hero Feature Cards
Cta
CTA Hero Feature Cards

A CTA section with a hero image and centered content, plus feature cards below. Combines visual impact with detailed feature highlights.

ctacall-to-actionhero+4 more
CTA Enterprise Dark Features
Cta
CTA Enterprise Dark Features

A dark-themed enterprise CTA with serif heading, feature list with icons, and layered decorative images. Creates a premium, sophisticated appearance.

ctacall-to-actionenterprise+5 more
CTA Gradient Logos Floating
Cta
CTA Gradient Logos Floating

A CTA section with gradient text heading, centered content, and floating logo circles on both sides. Creates a dynamic, modern appearance with social proof.

ctacall-to-actiongradient+5 more
CTA Gradient Stats Hero
Cta
CTA Gradient Stats Hero

A hero-style CTA with gradient background, heading, description, action buttons, and floating stats cards. Combines visual appeal with social proof metrics.

ctacall-to-actionhero+5 more
CTA Video Background Hero
Cta
CTA Video Background Hero

A hero CTA with looping video background, gradient overlay, heading, description, and buttons including a video modal trigger. Creates an immersive, cinematic experience.

ctacall-to-actionhero+5 more
CTA Workflow Tabs
Cta
CTA Workflow Tabs

A hero CTA with tabbed content sections for different workflows (design, develop, deploy). Each tab shows relevant content and imagery. Perfect for developer tools or multi-step processes.

ctacall-to-actiontabs+5 more
CTA Case Study Testimonial
Cta
CTA Case Study Testimonial

A comprehensive case study CTA with testimonial quote, challenge/solution/results breakdown, stats cards, and video thumbnail. Perfect for showcasing customer success stories.

ctacall-to-actioncase-study+5 more
CTA Simple Centered
Cta
CTA Simple Centered

A minimal centered CTA section with heading, description, and primary/secondary action buttons. Simple, straightforward design focused on conversion.

ctacall-to-actionsimple+4 more
OpenSite Logo

Delivering the world's first Semantic UI site builder

Components

© 2026 OpenSite. All rights reserved.