Skip to content
38

Contact.

Contact sections with split form-and-info layouts, map embeds and inline support panels.

4 blocks, live at full size, install from here

01 / 04Validated form, pending, sent state

Contact 01

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 note alongside.

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

02 / 04Info grid, copy email, social pills

Contact 02

Bordered contact section with a serif header and a three-column info grid: email with a copy button, location, and social pills.

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

03 / 04Scroll glow, word reveal, copy email

Contact 03

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 and a copy button 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

04 / 04Reply time, Suggested answers, Ticket form

Contact 04

Support contact section with a live reply-time line from fixed support hours, contact channels, common questions, and a ticket form that suggests help articles as you type the subject.

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