CTA 25 - With countdownPro

Centered launch CTA with a four-unit countdown in hairline tiles; time is computed only after mount against a fixed target so SSR stays stable.

About CTA 25

Centered launch CTA with a four-unit countdown in hairline tiles; time is computed only after mount against a fixed target so SSR stays stable.

CTA 25 is a pro cta block for React, built on shadcn/ui and Tailwind CSS. It ships as 81 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • countdown
  • timer
  • launch
  • event
  • centered

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/cta-25

Uses: button, reveal, use-interval, use-mounted, utils.

Usage

import Cta25 from "@/components/blocks/cta-25"

export default function Page() {
  return <Cta25 />
}

FAQ