Page sections templates

3 templates

The blocks that sit between the hero and the footer on almost every marketing page. Each one is a self-contained section you can drop into an existing layout.

The blocks between the hero and the footer

Almost every marketing page is a hero, three or four of these, and a footer. Each one here is self-contained, so you can drop it into an existing layout without untangling it from a page template.

Testimonials need to be specific to work. "Eleven minutes to under forty seconds" is worth ten quotes saying the product is great. Name, role and company together — a first name alone reads as invented, and most people treat it that way. Use real <blockquote> and <figcaption> markup so the attribution is not read as part of what the person said.

Statistics need to be true and current. A figure that was accurate two years ago is worse than no figure, and "10,000+ happy customers" with no source reads as filler to exactly the audience you are trying to convince.

A call to action should say what happens. "Start building" and "Book a walkthrough" beat "Submit" and "Learn more" — and they help screen reader users, who often navigate by pulling up a list of every link on the page.

Do not put these in a carousel

Rotating testimonials and auto-advancing banners are skipped by almost everyone, they move while people are reading, and in practice only the first slide is ever seen. If you have five testimonials worth showing, show three and cut two. A grid that lets someone read at their own pace outperforms a carousel on every measure anyone has published.

The same applies to counters that animate on scroll: the number is the content, so it has to be there for anyone who has asked for reduced motion. The stats band shows the final figure immediately in that case rather than nothing.

Other categories