Aurora Spotlight CTA

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.

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

Usage

The file also exports cta38Demo, 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 { Cta38, cta38Demo } from "@/components/blocks/cta/cta38";

export default function Page() {
  return <Cta38 {...cta38Demo} />;
}

Props

Behavior notes

• The spotlight glow is a real, mouse-driven effect: an onMouseMove handler on the card computes the cursor's position relative to the card's own bounding box, stores it in useState<{x, y}>, and writes it out as CSS custom properties (--x/--y) that drive a radial-gradient overlay positioned at the cursor.
• The large blurred aurora blobs behind the card are purely decorative: they're pure-CSS @keyframes animations that drift slowly and continuously, independent of the cursor position.
• Both call-to-action buttons render as real Next.js Links via the button's render prop, but default to "#" and don't perform a real signup or navigate anywhere on their own.