Split form-and-info layouts, map embeds, and inline support panels.
3 blocks, live at full size, install from here
01 / 03|Validated form · pending · sent state
Production contact form with controlled state, inline validation, character counter, topic select, consent checkbox and a pending/sent state machine. Channel list and remote-location card alongside.
npx shadcn@latest add https://hirael.com/r/contact-01.json02 / 03|Info grid · bordered cells · social pills
Bordered contact section with a serif header, a three-column info grid (email, location, social) using muted-fill labels and divider rules, and a "Find us online" footer of pill-shaped social links.
npx shadcn@latest add https://hirael.com/r/contact-02.json03 / 03|Scroll-driven glow · word reveal · email + chat CTAs
Centered contact panel whose bottom glow widens as the section scrolls into view, with a pill badge, a word-by-word headline reveal, two short paragraphs, and a two-column CTA grid: an email button with the address beneath it and an outline call button that opens a WhatsApp chat. Ships composable parts.
npx shadcn@latest add https://hirael.com/r/contact-03.json