CTA
CTA Trust
A closing invitation with no photo: the heading, lead and button beside the clients' faces, a rating, a direct line and the socials.
Layout and motion from the Metuo 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 |
|---|---|---|---|
| title / lead | string | — | The heading (h2 at the h3 size) and the line under it. |
| action | { label, href } | Book a free call | The button, 50px under the lead. |
| trust | { title?, avatars: { src, alt? }[], count?, rating?, text } | false | — | The ratings row: four overlapping faces and a count disc, then the line over five stars (named "Rated 4.9 out of 5"); title is a line above it. The shape of hero-image's trust. |
| question | { title, text?, link? } | false | — | A direct line: the first sentence in the foreground, the rest muted, the link bold. |
| socials | { label, href, icon? }[] | 3 links | Initials (or the icon you pass) 30px apart; pointing at one dims the others to 65%. |
| buttonStyle | "spring" | "flip" | "sweep" | "spring" | The look of the button. |
| className | string | — | Classes for the <section>. |
- Phones: a column 50px apart; from 768px the action block (up to 400 / 420px) and the trust block (up to 310 / 350px) at the two ends, tops aligned.
- No photo and no entrance motion. The social row dims with dim-group (a fade that stays with reduced motion).
