Faq 7 - Split FAQ with accordion and support CTA

Pro

Two-column FAQ with a stacked headline, support blurb with inline link, outline button, and a shadcn Accordion list for questions and answers.

Shadcn Faq 7 block

Component Data

  • ID:faq7
  • Access:pro
  • Created:Dec 27, 2024
  • Type:block

Faq 7 block design & features

Faq7 is a split layout FAQ built with Shadcn UI: Accordion on one side and a text stack on the other. The left column uses a two-line headline with the second line muted, a paragraph that links to support, and a large outline button labeled for viewing all FAQs. The right column is a multiple-open accordion where each item expands to show answer text.

Surfaces stay light with muted secondary text for the subtitle and link. The accordion uses standard item triggers with left-aligned question text and body copy inside the expanded region. The outline button is sized for prominence without filling the full width. The two columns align inside a constrained max width container.

The block reads modern and service-help oriented: invitation to contact support next to a scannable FAQ list. It is more interactive than an all-visible grid because answers stay folded until opened. Complexity is moderate through the split narrative plus accordion behavior rather than dense visual decoration.

Below the medium breakpoint the stack order follows the grid source: intro content first, then the accordion, which keeps the CTA visible before the interactive list on narrow viewports.