Skip to content
6

Call to Action.

Framed bands and centered announce blocks with inline install hints.

7 blocks, live at full size, install from here

01 / 07Framed · split layout · corner marks

CTA 1

Framed CTA card with corner marks, headline + sub-copy on the left, dual buttons stacked on the right.

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

02 / 07Centered · highlight underlay · install command

CTA 2

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

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

03 / 07Centered · dithered backdrop · serif headline

CTA 3

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

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

04 / 07Centered · glow dome · social icons

CTA 4

Centered "get in touch" CTA with a mono eyebrow, serif headline, mail button, a direct-contact line, and a row of outline social icon buttons, capped by a soft radial glow dome with a starfield speckle.

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

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

CTA 5

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.

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

06 / 07Framed panel · gradient surface · motion reveal

CTA 6

Framed CTA banner over a tokenized gradient surface: an eyebrow label, a serif headline with an italic emphasis, short sub-copy, and a primary action button with a motion reveal.

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

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

CTA 7

Closing CTA panel wrapped in a scroll-reactive warm 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.

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