How it works section for an AI support platform

The product answers customer questions from your docs, hands off to your team when needed, and learns from every reply. The section had to explain all three steps without turning into a long scroll.

I used horizontal expanding panels. The active step opens with copy and a product preview, while the other steps stay visible as collapsed tabs, so visitors always know where they are in the flow.

Step one shows connected sources like the help center, product docs, API reference and changelog, each with a live status. The answer card shows where the reply came from, the confidence score and the response time. That detail matters for a support tool, since trust comes from seeing the source.

Design focus: clear sequence, visible progress, and proof of accuracy inside the UI.