Grouped Accordion FAQ — Pre-Enrollment Variant

What it does

• Grouped question categories — questions are bucketed by theme (logistics, fit, refunds) with clear group headings between sections
• Click-to-expand rows — each row's title bar opens to reveal the answer underneath with a smooth height-grow
• One-open-at-a-time pattern — opening a new row gracefully closes the previously open one, keeping the section tidy
• Pre-CTA placement — the block is designed to sit just above the final enrollment button so questions get answered right before the click
• Scannable by group — visitors can skip directly to refunds or logistics rather than reading every row

Best use cases

• Course creators selling cohorts — pre-CTA block answering enrollment, schedule, and refund questions
• Coaches running group programs — FAQ resolving logistics and fit questions before a discovery call
• Consultants offering productized engagements — block answering scope, billing, and timeline questions
• Memberships at checkout — last-mile FAQ on access, cancellation, and what's included
• SaaS with annual plan upsells — pre-purchase FAQ on billing, seats, and migration

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for the page background, row background, divider lines, group-heading color, expand-icon color, and body text
• Fonts — two roles: a strong header font for question titles and group headings, and a clean body font for the answers
• Copy — group names, individual questions, and the answers underneath each; rewrite with the actual concerns your buyers raise
• Images — optional small icon per group heading to reinforce the category visually
• Behavior — choose whether one row opens at a time or multiple, and tune the open-close animation speed