CTA
CTA Gallery
An invitation to start a project beside six square photos of past work — or, with details, ways to reach you beside wider photos.
Layout and motion from the Titen template — see it in contextBlocks 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, words rising in view) and the text under it. |
| action | { label, href } | Start a project | The button under the text (none by default with details). |
| images | string[] | 6 photos | Decorative photos: six squares, or with details six 1.66:1 photos (four from 768px to 1023px). |
| details | { title, text?, email?, phone? }[] | boolean | false | Contact items instead of the button (Titen's contact sales): each an h3 with its text and an email or phone link; true shows the demo items. |
| className | string | — | Classes for the <section>. |
- Default: six squares in three columns, 12px apart, above the text on phones and beside it from 768px, both centred (the grid 351px wide from 768px, 510px from 1024px).
- details: two columns of 1.66:1 photos above the text, beside it from 1024px (510px, 80px apart, tops aligned); the items 24px apart with their email and phone as links.
- The photos rise 18px once half in view; the heading's words rise out of a blur, the text at 0.4s and the button or items at 0.65s.
