# Page structure

## Homepage

A modern homepage has, in order:

1. **Hero** — one signature element. Headline, subhead, single primary CTA. Use the `hero` component or a custom layout — never both.
2. **Trust signal** (optional) — logo strip, single testimonial, or a stat with provenance. Skip if source has none.
3. **What it does** — 2-4 cards (`card` component) describing features/services. Title each one; keep descriptions ≤2 sentences.
4. **How it works** — numbered steps (`steps` component) OR a `timeline`. Only if the source has a clear process flow.
5. **Pricing** (optional) — `card` grid with 2-3 tiers. Match source's tier names and prices verbatim.
6. **Footer CTA** — single button. Quiet.

Don't add sections the source doesn't have. Don't reorder source's sections unless they're clearly broken.

## About page

- Origin story (preserve source's exact founding year, founders' names)
- Team grid (`avatar` + name + role) — only if source has real team photos
- Mission statement (preserve verbatim if it exists)

## Contact page

- Email (verbatim)
- Phone (verbatim if present)
- Address (verbatim if present)
- Map link (preserve source's Google Maps URL if any)

Don't auto-embed a contact form unless the source had one.

## Services / product pages

- One page per service/product the source has
- Use `card` for each
- Preserve pricing structure
- Preserve feature lists

## Navigation

- `navbar` with logo left, links right
- Mobile: collapse into `drawer` or `dropdown` — never horizontal scroll
- Footer with secondary links + copyright (year only, no "© Company Name" if source uses ™)