Hero
The page lead: garden panel beside a contained photo.
The page-leading block in the Juli brand layout (ADR 0014): a soft mintgarden-tone panel — headline, a handwritten accent line, a lede and the green primary CTA — beside a contained feature photo.
Editor-friendly by construction: the photo is a plain contained block, so any image crops cleanly, and no text sits over it — the panel carries text contrast, not the photograph (ADR 0007). That is a brand rule read off the Nordinary reference, not a styling preference.
Still a separate component from a full-width Showcase beat: an editor picks it by intent (this is the page lead), not by layout. Presentational — strings are pre-localized.
The brand layout
Koti joka antaa vapauden
syödä pizzaa aamiaiseksi
Juli tekee vuokra-asumisesta helpompaa ja laadukkaampaa kuin koskaan.
Vuokraa suoraan verkostaProps
| Prop | Type | Required |
|---|---|---|
| heading | string | yes |
| body | string | — |
| imageSrc | string | yes |
| imageAlt | string | — |
| headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | — |
| accent Handwritten accent phrase (the brand's marker line); optional. | string | — |
| ctaLabel Optional primary CTA; rendered only when both are present. | string | — |
| ctaHref | string | — |