Skip to content
38

Call to Action.

Call-to-action bands that close a page: framed panels and centered announcements with a headline, a primary button and an inline install command.

7 blocks, live at full size, install from here

01 / 07Framed, split layout, copyable install

CTA 01

Framed CTA card with headline and sub-copy on the left, and an install command with a copy button above a browse button on the right.

npx shadcn@latest add https://hirael.com/r/cta-01.json

02 / 07Centered, highlight underlay, install command

CTA 02

Full-bleed centered CTA with framing top/bottom rules, highlight underlay on the key word, and an install command with a copy button.

npx shadcn@latest add https://hirael.com/r/cta-02.json

03 / 07Centered, dithered backdrop, serif headline

CTA 03

Full-bleed CTA card with an animated dithered shader backdrop, an eyebrow pill, a serif headline and a pill action button.

npx shadcn@latest add https://hirael.com/r/cta-03.json

04 / 07Centered, glow dome, copy email

CTA 04

Centered get-in-touch CTA with a pill eyebrow, serif headline, mail button, a copy-to-clipboard email address, and GitHub and LinkedIn icon buttons, capped by a soft radial glow dome with a starfield speckle.

npx shadcn@latest add https://hirael.com/r/cta-04.json

05 / 07Scroll-lit glow, contact actions, word reveal

CTA 05

Contact CTA panel with a scroll-reactive radial glow, an eyebrow badge, a word-by-word reveal headline, and two contact actions (email and call) each pairing a button with its detail line.

npx shadcn@latest add https://hirael.com/r/cta-05.json

06 / 07Single panel, gradient surface, rise-in

CTA 06

CTA banner on one tokenized gradient surface: an eyebrow label, a serif headline with an italic emphasis, short sub-copy, and a primary action button that rises in.

npx shadcn@latest add https://hirael.com/r/cta-06.json

07 / 07Scroll-lit rim, two-tone headline, dual CTA

CTA 07

Closing CTA panel wrapped in a scroll-reactive primary rim glow that widens as the section moves through the viewport, with an eyebrow badge, a two-tone serif headline, sub-copy and dual CTAs. Static glow under reduced motion.

npx shadcn@latest add https://hirael.com/r/cta-07.json