Testimonials
Testimonials Cards
Client cards as a masonry of four looks, or as wide stories of a quote, the project and four results, a page at a time.
Layout and motion from the Semono template — see it in contextTry it in the page builderBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | "Client stories" | A small line above the heading; empty for none. |
| title | string | — | The h2. |
| lead | string | — | Text beside the heading from 1024px; empty for none. |
| items | { quote, name, role, company?, photo?, results?, summary?, services? }[] | 6 clients | The clients in order. results ({ value, label }[]) show two on a masonry card and four on a story; summary and services (tags) are the story's project part. |
| layout | "masonry" | "stories" | "masonry" | masonry: cards dealt from the left into one, two (768px) or three (1024px) free-standing columns, in four looks by their place. stories: one wide card per client — quote, project and results — a page at a time. |
| pageSize | number | 4 | layout="stories": stories per page with a Load more button; 0 shows them all. |
| loadMoreLabel | string | "Load more stories" | The Load more button's label. |
| className | string | — | Classes for the <section>. |
- Masonry cards are at least 300px tall (400px when a look shows results), 10px apart; the cards are dealt for the window's column count, so each is in the page once (the server deals three columns and the browser deals again).
- Stories: the quote and the project side by side from 768px with the results under them in four columns; from 1024px all three in a row, the results 30% wide as a 2 × 2 grid. Load more adds the next page; there is no load on scroll.
- Each card rises 40px into place from transparent once as it enters the view (scroll-reveal). The client is the figure's caption; the portrait is decorative.
