FAQ Section

Installation

The CLI installs the block together with Animated Accordion and Blur Fade from this registry.

npx shadcn@latest add https://ui.thilina.dev/r/faq-section.json

Usage

import { FaqSection } from "@/components/blocks/faq-section";

export default function Page() {
  return <FaqSection />;
}

Questions live in the FAQS array at the top of the file. The layout is a two-column grid on large screens with the heading column sticky, so the intro and contact link stay in view while the reader scrolls the answers.

Accessibility

Inherits the animated accordion's Radix semantics: button triggers, aria-expanded state, and arrow-key navigation between questions. Reduced motion gets instant open and close.