Hero, FAQ & contact
BlockThe first three sections of a marketing page: a clear promise, honest answers, and a way to reach you.
Page appearance
Components #
Each component has its own page with a focused preview, installation, usage and API.
- Hero sectionThe top of a landing page: eyebrow, title, copy, actions and proof.
- FAQ sectionQuestions that open to reveal answers.
- Contact sectionA contact form beside the ways to reach a team.
- Footer blockThe page's last word: link columns, a newsletter that confirms in place, the legal line, status and the name as a full-width wordmark.
- CTA blockThe closing call to action: the promise again, one specific next step and a reassurance line.
- FAQ blockSearchable questions with one answer open at a time, each linking to the exact doc, and a way to ask when nothing matches.
- Team blockPeople introduced by what they own and how to reach them, with initials when there is no photo.
- Proof blockLogos set as type, a case study led by one number, press with outlet and date, and live figures with their source.
- Steps blockHow it works, step by step, with an honest time and what exists after each step.
- Testimonials blockCustomer quotes that carry a real role and a measurable outcome, set still and readable.
- Pricing blockPricing worked out from the buyer's own numbers: enter seats and each plan shows its total and why it fits.
- Comparison blockThe switch, row by row: the same task the old way and with your product, side by side.
- Feature rows blockFeatures as numbered rows, each with a product fragment or one figure that proves it.
- Showcase blockThe product one job at a time: tabs beside a single stage, each view swapped in place with one line on what it does.
- Hero blockThe first screen of a product page: one claim, two actions and a real artefact that proves it.
- Feature tabs blockA short feature tour: features beside one stage, with a thin rule that fills and moves on. It waits while hovered, focused or off screen; choosing a feature or Pause stops it.
- Milestones blockA history read top to bottom. One line fills as the list scrolls through the window and each marker settles when it is reached, using native scroll only.
- Roadmap blockA public roadmap in now, next and later. Votes roll the count and move the card to its place in the column, so readers see their vote count.
- Chart story blockA number told as a story: the chart draws in once, then each beat moves a marker to its moment and explains it. Readers step through; nothing advances on its own.
- Code result blockCode beside what it makes. Each tab is one small change; switching marks the changed lines and fades the result to its new state. Real text with a copy button.