Back to Components
Component Library

CTA Components

2 call-to-action components for page endings and conversion points

CTASimple (Light Variant)

Simple CTA with title, description, and button

Ready to Upgrade Your Security?

Join thousands of businesses that trust SCT+ for intelligent surveillance. Get started with a free demo today.

Request a DemoView Pricing

CTASimple (Dark Variant)

Dark background for contrast

See SCT+ Cameras in Action

Watch real-world footage and see how our AI-powered detection prevents crime before it happens.

Watch Demo Videos

CTASimple (Accent Variant)

Brand color background for high-impact sections

Limited Time: Free Installation

Order now and get professional installation at no extra cost. Offer ends soon!

Claim Offer

CTASimple (Image Background)

CTA with custom background image

Protect What Matters Most

Deploy SCT+ cameras anywhere, anytime. No power required, no limits.

Get StartedLearn More

CTAWithLinks (Light Variant)

CTA with additional related links for cross-navigation

Explore Solutions for Your Industry

See how SCT+ cameras are protecting businesses across different sectors.

View All Industries

Explore related topics

🏢Commercial Real Estate🏗️Construction🏪Retail🚗Parking

CTAWithLinks (Dark Variant)

Dark variant with feature links

Discover Key Features

Learn how SCT+ technology delivers industry-leading security performance.

View All Features

Explore related topics

🎯AI Detection☀️Solar Power📱Mobile Alerts🔒Secure Storage

Component Usage

CTASimple

Basic call-to-action for page endings. Supports 4 variants: light, dark, accent, and image.

<CTASimple
  title="Your CTA Title"
  description="Persuasive description text"
  primaryCTA={{ text: 'Main Action', href: '/link' }}
  secondaryCTA={{ text: 'Secondary', href: '/link' }} // Optional
  variant="light" // light | dark | accent | image
  backgroundImage="/path/to/image.jpg" // Only for variant="image"
/>

CTAWithLinks

CTA with related links for cross-navigation. Perfect for industry pages or feature pages to link to related content.

<CTAWithLinks
  title="Your CTA Title"
  description="Persuasive description text"
  primaryCTA={{ text: 'Main Action', href: '/link' }}
  links={[
    { icon: '🏢', text: 'Link 1', href: '/link1' },
    { icon: '🚗', text: 'Link 2', href: '/link2' },
    // ... more links
  ]}
  variant="light" // light | dark
/>