Media and text

One tall photo with a single column of text beside it.

One tall photo with a single column of text beside it: an eyebrow, a heading, a paragraph and an optional arrow link (ADR 0038). The About page's "homes with care" band.

Not a Feature grid item: that grid lays items out in rows, while this is always one photo and one text, side by side, with the photo setting the height. Tone-agnostic; the About page places it in anaccent band.

In an accent band

Tone
A dining table with white chairs by a large window

Homes with care

Because a home has to work for you, everyday life and the future

At Juli Living we create homes with care for quality of life, everyday needs and the environment. That means a focus on indoor climate, energy use and materials, and on the shared spaces where neighbours meet.

Read more about homes with care

Props

packages/primitives/src/MediaText.astro
PropTypeRequired
eyebrow

Small capitals line above the heading.

string—
headingstringyes
bodystringyes
imageSrcstringyes
imageSrcset

The photo at several widths (`… 640w, … 1280w`); the block says how wide it renders and the browser picks. Without it the block loads `imageSrc`.

string—
imageAltstring—
linkLabel

Optional link; rendered only when both are present.

string—
linkHrefstring—
headingLevel1 | 2 | 3 | 4 | 5 | 6—