01 / 07Sticky split · numbered · contact card
FAQ 1
Two-column FAQ: sticky heading + contact card on the left, numbered accordion on the right.
npx shadcn@latest add https://hirael.com/r/faq-01.jsonFAQs.
Sticky split layouts and centered accordion grids with numbered indices.
7 blocks, live at full size, install from here
02 / 07Centered · two-column grid · Qn-indexed
FAQ 2
Centered heading with two-column accordion grid below. Each row tagged with a Qn index.
npx shadcn@latest add https://hirael.com/r/faq-02.json03 / 07Search · category tabs · empty state
FAQ 3
Searchable FAQ with category tabs, a live-filtered accordion, an empty state for missed queries and a support CTA strip.
npx shadcn@latest add https://hirael.com/r/faq-03.json04 / 07Framed column · topic groups · support line
FAQ 4
Framed single-column FAQ with side rules, a centered display header, five topic groups each pairing a heading with its own accordion, and a support footer line.
npx shadcn@latest add https://hirael.com/r/faq-04.json05 / 07Split layout · divider · single accordion
FAQ 5
Two-column FAQ block: a mono eyebrow, serif headline and short intro sit on the start side; a single-open accordion of five questions sits on the end side, split by a vertical divider that collapses to a stacked layout on mobile.
npx shadcn@latest add https://hirael.com/r/faq-05.json06 / 07Card accordion · staggered rise · multi-open
FAQ 6
Centered FAQ with a pill badge, a word-by-word headline reveal and a short intro above a multi-open accordion where each question is its own bordered card that rises in with a staggered delay and tints slightly when open. Ships composable parts.
npx shadcn@latest add https://hirael.com/r/faq-06.json07 / 07Split layout · hairline divide · single-open accordion
FAQ 7
Split FAQ: a serif heading and lead on the start side, a single-open accordion of five questions on the end side, divided by a hairline rule and framed by section borders.
npx shadcn@latest add https://hirael.com/r/faq-07.json