Answers, depending on who is asking

The same product raises very different questions across a buying committee.

">

The prompt

Create an FAQ with Tailwind CSS that splits its questions by who is asking. Centre a max-w-3xl column with a heading and a muted subline. Under it, a segmented control of three options — For buyers, For admins, For developers — rendered as a bordered rounded-xl inline group where the active segment has a neutral-900 background and white text. Below, a panel showing four questions for the active audience as details elements with hairline dividers, plus a small footer line naming a relevant next step for that audience with an arrow link. Then add JavaScript that holds three sets of question and answer pairs in a data structure, renders the active set, moves the segment styling, closes any open answer when switching, and reflects the choice in the URL query string so the tab survives a refresh.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .