Blocks

CTA Banner

Full-width closing banner.

The closing argument

One install, a handful of blocks, and a landing page that feels hand-finished. The lumen is waiting.

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal

npx lumora-ui@latest add cta

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx

import { CtaBanner } from "@lumora/ui/blocks/cta";
// or from the barrel:
import { CtaBanner } from "@lumora/ui";

Props worth knowing

headline, subcopy and ctaLabel are plain strings; onCtaClick handles the press. A lumen radial glow breathes slowly behind the headline and holds still under reduced motion. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.