Features & services
Services List
Services as rows with a small photo that grows as the row opens, one at a time — or every row open, as on a services page.
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 |
|---|---|---|---|
| label / title / lead | string | — | Muted line, heading (h2, words rising in view) and the lead with the button at its right from 768px. |
| action | { label, href } | false | All services | The button beside the lead; false leaves it out. |
| services | { title, href, description, image, points? }[] | 4 services | One row each; titles are h3. points show as a check list (from 1024px in the expandable list). |
| expandable | boolean | true | One row open at a time, the first at load; false shows every row open (text, photo and key points). |
| labels | { points, more } | Key points, Learn more | The list title and the button in each row. |
| className | string | — | Classes for the <section>. |
- Expandable rows are media-accordion: the photo beside the title is 192px tall closed and grows to 363px open (277px wide from 1024px), while the description, a button and the key points open by height (spring bounce 0.2, 0.4s).
- With every row open: from 1024px the text, the photo (277px) and the key points share the row; from 768px the text and points sit side by side over the photo; phones stack them. Each row rises 18px once half in view.
- Titen's black check circles take the theme's primary.
