Faq 10 block design & features
Faq10 is an FAQ module built with Shadcn UI badge and accordion components inside a bordered “band” motif that spans wide layouts. Top and bottom divider lines wrap a container inset with lateral borders forming a boxed header stack: small outline FAQ badge with circular icon glyph, escalating headline sizing from mobile to desktop, then a subdued paragraph referencing the FAQ wording with emphasized inline underline on a phrase. Accordion panels sit slightly inset below inside another centered column with extra top spacing.
Accordion items behave as discrete rounded rectangles with perimeter borders rather than minimalist hairline dividers alone. Labels use left-aligned question triggers with tightened negative letter spacing; expanded bodies keep similar tracking and muted tones. This produces a chunky, tactile rhythm compared with borderless accordion variants.
Overall the presentation reads more designed and sectional: gridlines, boxed rows, headline scale jumps, badge labeling. Complexity is moderate because of structural framing bands and duplicated border wrappers that require consistent background tokens. Developers replace static question data and tweak copy strings for title and teaser paragraph.
Thin side borders drop away on narrow viewports while horizontal rules persist, which keeps the banner readable without pinching the gutters.