Features & services
Features Split
A tall photo beside a label, heading, two paragraphs, a titled check list and a button, on the muted surface.
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 | string | Our story | Small muted line above the heading. |
| title | string | — | Heading (h2); its words rise in one after another as it scrolls into view. |
| image | { src: string; alt: string } | an Unsplash photo | Photo beside the text from 1024px (750px tall), across the top below it (300px, 350px from 768px). Alt "" when it only decorates. |
| paragraphs | string[] | 2 paragraphs | One or two paragraphs under the heading, 10px apart. |
| listTitle / list | string / string[] | 3 points | A small heading (h3) over a check list with 24px round checks; an empty list leaves out both. |
| action | { label, href } | Our projects | Button under the text; its arrow turns 45° on hover. |
| className | string | — | Classes for the <section>. |
- Below 1024px the photo spans the width above the text, 300px tall (350px from 768px); from 1024px the photo (750px tall) and the text share the row in equal halves, 50px apart, the text centred against the photo.
- Titen's appear motion, once per part as it comes into view: the photo rises 18px (scroll-reveal, spring stiffness 320, damping 55); the heading's words rise 10px out of a 7px blur, 0.05s apart (text-appear); the label, paragraphs and list rise 7px after 0.4s and the button after 0.65s. With reduced motion everything is in place at once.
- The section sits on bg-muted, so the label and paragraphs use text-foreground/65; the checks are 24px circles in the theme's primary. The photo has alt text by default (Titen's is decorative); pass alt "" when yours only decorates.
