Skip to content
Block

CTA Section

A closing call-to-action panel with a soft brand glow and magnetic buttons.

Start building with components that already move right

One command adds any component to your project. The code is yours from that moment on.

Installation

The CLI installs the block with the shadcn button plus Blur Fade and Magnetic from this registry.

terminal
npx shadcn@latest add https://ui.thilina.dev/r/cta-section.json

Usage

app/page.tsx
import { CtaSection } from "@/components/blocks/cta-section";

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

A closing band for landing pages: a bordered panel with a soft brand glow behind the headline and two magnetic CTAs. The glow is a blurred element using your theme's primary color, so it follows any palette.

Accessibility

The glow is aria-hidden decoration, buttons are real links you can point anywhere, and both the entrance and the magnetic pull disable under prefers-reduced-motion.

Command Palette

Search for a command to run...