Upcoming homes
Large editorial teasers for developments not yet rentable.
The "upcoming homes" block (ADR 0021): a list of large, editorialdevelopment teasers — a whole rental development, not a single home. A wide row (photo one side, text the other, same side every row) led by a teal "coming soon" status pill from the ADR 0010 status family, then project name, location, a facts line (home count · rooms · move-in timeframe), a blurb and a "read more" cue.
No price and no garden band. An upcoming development is never rentable, so the pill is the state, and its colour is the at-a-glance signal that tells it apart from an available-property card. That is why the system keepstwo property cards on purpose: the compactListingCard kind="property" carries the browse surface, and this large teaser carries the few upcoming ones. The density contrast plus the status colours keep the two from blurring.
Card-as-link like ListingCard — the name holds the single<a> and the whole row is one tab stop. Resize narrow to see it stack; re-tone the preview to check the pill.
The teaser list
Kommende lejeboliger
Udforsk de projekter, der er på vej.
- Udlejning starter i efteråret
Solhusene
Ørestad, København- 88 boliger
- 2–6 rum
- Indflytning efteråret 2025
Lyse familieboliger omkring en fælles gårdhave, en kort gåtur fra metroen og det grønne ved Amager Fælled.
- Udlejning starter foråret 2027
Schade Studios
Sydhavn, København- 247 boliger
- 1–2 rum
- Indflytning foråret 2027
Kompakte, klimaneutrale studios designet til byliv, lige ved vandet og en ny station.
Props
| Prop | Type | Required |
|---|---|---|
| heading Optional section heading; omit when the page supplies its own h1 lead. | string | — |
| body | string | — |
| developments | DevelopmentItem[] | yes |
| listLabel aria-label for the list of teasers. | string | yes |
| headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | — |
| developmentHeadingLevel Heading level for each development name, defaults one below the section. | 1 | 2 | 3 | 4 | 5 | 6 | — |
| Field | Type | Required |
|---|---|---|
| imageSrc | string | yes |
| imageAlt | string | — |
| status Status eyebrow, e.g. "Rental starts in the spring" / "Coming 2026". | string | yes |
| name Project/development name. | string | yes |
| location Location line, e.g. "Ørestad, Copenhagen". | string | yes |
| homesLabel Home count, e.g. "88 homes". | string | yes |
| roomsLabel Room range, e.g. "2–6 rooms". | string | yes |
| timelineLabel Move-in timeframe, e.g. "Move in autumn 2025". | string | yes |
| description Editorial blurb. | string | — |
| linkHref Link to the project page; omit to render the teaser inert. | string | — |
| linkLabel | string | yes |