# Section anchors

Sticky in-page navigation bar that links to anchored sections on the same page. Highlights the section nearest the viewport centre as the user scrolls.

## When to use

- Long pages with multiple anchored sections (e.g. services, about, case-study detail).
- When editors want a persistent jump-nav below the main site header.
- Place once per page, typically after the hero and before the first major anchored section.

## Section fields

| Field | Effect |
|---|---|
| `anchor` | Optional wrapper anchor ID for the collection entry. |
| `links` | **Required.** Navigation links; each `href` must include a `#fragment` matching a section `anchor` on the page (e.g. `#how-we-work`). |

## Link fields

Each link in `links` should provide:

- `text` — label shown in the sticky bar.
- `href` — same-page URL with hash fragment pointing at the target section's `anchor` field.

## Behaviour

- The bar becomes sticky below the site header once the user scrolls.
- Active state follows the section closest to the vertical centre of the viewport.
- If `links` is empty, the collection renders nothing.

## Colours

Uses site header / navigation styling; no per-section `backgroundColour` or `textColour` on this collection.