About this block

Timeline FAQ arranges the whole engagement along a vertical numbered rail: three stages, before we start, while we work, and after handoff, each a node connected by a thin line and carrying a stage title, a short meta label, and two always open questions. Reading top to bottom walks a visitor through the shape of a project in order, from how it gets scoped through how revisions run to what lands in their hands at delivery.

The three stages are one typed array of Stage objects, each holding a number, title, meta, and its own list of StageFaq questions. A flex column draws the numbered node and connector for each stage, with the connector dropped on the last one, while the questions render as plain headed paragraphs. Nothing collapses, so the process reads as a single continuous thread.

When to use

Reach for this block on a services or working-together page where the common questions map cleanly onto the stages of a project and a visitor benefits from seeing them in the order they will actually come up. The installer swaps the three stage titles and the two questions under each, keeping the sequence honest so the timeline mirrors how the work really unfolds.

A natural flow around it on a Portfolio Pro page:

Before

• Process sections
• Services sections

After

• Pricing sections
• Contact sections

What you can display

One strong use is the before, during, and after arc of a freelance design engagement. Other sequences:

• Onboarding path. Map account setup, first project, and ongoing support onto three timeline stages.
• Course structure. Walk a prospective student from enrollment through the modules to what they leave with.
• Studio engagement. Show discovery, build, and handoff as stages a client reads before signing.

Tip: keep the stages to three or four; the timeline earns its vertical space only when the questions genuinely belong to different moments.