Big Number CTA

An impact-driven conversion section built around one oversized statistic, set in tabular numerals so it reads cleanly at display size, with a small label underneath and a heading, description, and call-to-action buttons below it.

By Staaarter Team

CTA

Docs

Live preview

Docs

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/big-number-stat-cta.json

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/cta/cta28.tsx instead.

Usage

The file also exports cta28Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Cta28, cta28Demo } from "@/components/blocks/cta/cta28";

export default function Page() {
  return <Cta28 {...cta28Demo} />;
}

Props

Prop	Type	Default	Description
value	string	none	The large statistic, pre-formatted (e.g. "2.4M").
valueLabel	string	none	Small caption under the statistic explaining what it is.
heading	ReactNode	none	Heading below the statistic.
description	string	none	Supporting copy under the heading.
primaryCta	CtaLink	none	Primary action button, label and destination.
secondaryCta	CtaLink	none	Optional secondary action button.
className	string	none	Extra classes for the outer section element.

Types

interface CtaLink {
  label: string;
  href: string;
}

Behavior notes

Fully static: the statistic is a plain formatted string prop, not a live counter or animated count-up.
The number uses `tabular-nums` so its digits stay evenly spaced at display size.
Secondary button only renders when secondaryCta is provided.

More CTA Blocks

View all →

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.