Stats & values
About Quote
A pitch with the key figures as rows and a button, beside a wide photo over a smaller one and a quote card.
Layout and motion from the Ciketo 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 | Why choose us | Small muted line above the heading. |
| title / lead | string | — | Heading (h2) and the text under it (up to 450px). |
| facts | { value, unit?, text }[] | 4 facts | A description list: the value with its unit ("15+ Years") at the left, the text at the right from 640px, a line under each. |
| action | { label, href } | false | More about us | Button under the figures; false leaves it out. |
| images | [wide, second] — { src, alt? } | 2 photos | The wide photo spans both columns from 768px; decorative unless a photo has alt text. |
| quote | { text, name, role?, photo? } | false | a quote | The quote card: a figure with the quote at the top and a 48px photo, "— Name" and the role at the bottom. false leaves it out. |
| className | string | — | Classes for the <section>. |
- Below 1024px the text and the photos stack 50px apart; from 1024px they share the row in two halves, 50px apart, tops aligned, the text column with 50px more above and below. Photos: one column on phones, two from 768px with the wide photo across both; the photos and the quote card are 246px tall, 295px from 768px and 425px from 1024px, 10px apart.
- The quote card sits on bg-muted, so the role and the unit use text-foreground/65. The quote is a figure with a blockquote and a caption; the person's photo is decorative because the name sits beside it.
- No motion besides the button (sweep-button: on hover a fill sweeps across the label, the two boxes merge and the arrow turns 45°). Ciketo's white card, orange role line and 2px corners were left out.
