# Team pages

> Whole team pages: the people, board members, values, open positions and quotes, between a header and a footer.

URL: https://apogee.avaui.dev/docs/team-pages
Last updated: 2026-10-16

Whole team pages: the people, board members, values, open positions and quotes, between a header and a footer.

Last updated October 16, 2026

Each example is a whole team page stacked from blocks: a header navigation, a page header that holds the page’s `h1`, the people from [Team sections](https://apogee.avaui.dev/docs/team-sections), then values, open positions from [Careers sections](https://apogee.avaui.dev/docs/careers-sections), quotes and a newsletter signup before the footer. Adding a page copies its blocks too. The page renders its own header, `<main>` and footer, so give it a layout without a `<main>`.

```sh
npx @ava-ui/apogee add team/team-page-01
```

```astro
---
// src/pages/team.astro
import Layout from '../layouts/Layout.astro'
import Page from '../components/apogee/pages/team/TeamPage01.astro'
---

<Layout title="Team">
  <Page />
</Layout>
```

[

![](https://apogee.avaui.dev/thumbs/team-pages__team-page-01.light.webp)![](https://apogee.avaui.dev/thumbs/team-pages__team-page-01.dark.webp)

Team page 01A centred eyebrow, heading and line. Then the team, open positions, a newsletter signup on grey and a footer.

](https://apogee.avaui.dev/docs/team-pages/team-page-01)[

![](https://apogee.avaui.dev/thumbs/team-pages__team-page-02.light.webp)![](https://apogee.avaui.dev/thumbs/team-pages__team-page-02.dark.webp)

Team page 02A centred eyebrow, heading and line. Then the team, the team, open positions, the team, customer quotes, a newsletter signup on grey and a footer.

](https://apogee.avaui.dev/docs/team-pages/team-page-02)[

![](https://apogee.avaui.dev/thumbs/team-pages__team-page-03.light.webp)![](https://apogee.avaui.dev/thumbs/team-pages__team-page-03.dark.webp)

Team page 03A left-aligned eyebrow, heading and line on grey. Then the team, open positions, a newsletter signup on dark and a footer on dark.

](https://apogee.avaui.dev/docs/team-pages/team-page-03)[

![](https://apogee.avaui.dev/thumbs/team-pages__team-page-04.light.webp)![](https://apogee.avaui.dev/thumbs/team-pages__team-page-04.dark.webp)

Team page 04A centred eyebrow, heading and line. Then the team, open positions, a call to action card, customer quotes and a footer on dark.

](https://apogee.avaui.dev/docs/team-pages/team-page-04)[

![](https://apogee.avaui.dev/thumbs/team-pages__team-page-05.light.webp)![](https://apogee.avaui.dev/thumbs/team-pages__team-page-05.dark.webp)

Team page 05A centred heading, line and two buttons. Then the team, features with icons, open positions, customer quotes, a newsletter signup on grey and a footer on the brand colour.

](https://apogee.avaui.dev/docs/team-pages/team-page-05)[

![](https://apogee.avaui.dev/thumbs/team-pages__team-page-06.light.webp)![](https://apogee.avaui.dev/thumbs/team-pages__team-page-06.dark.webp)

Team page 06A centred heading, line and two buttons on dark. Then the team, features with icons, open positions, a call to action card, customer quotes, a newsletter signup and a footer.

](https://apogee.avaui.dev/docs/team-pages/team-page-06)[

![](https://apogee.avaui.dev/thumbs/team-pages__team-page-07.light.webp)![](https://apogee.avaui.dev/thumbs/team-pages__team-page-07.dark.webp)

Team page 07A left-aligned eyebrow, heading and line. Then the team, open positions, a map of offices, customer quotes, a newsletter signup on the brand colour and a footer on grey.

](https://apogee.avaui.dev/docs/team-pages/team-page-07)[

![](https://apogee.avaui.dev/thumbs/team-pages__team-page-08.light.webp)![](https://apogee.avaui.dev/thumbs/team-pages__team-page-08.dark.webp)

Team page 08A split eyebrow, heading and line on the brand colour. Then the team, features with icons, open positions and a footer.

](https://apogee.avaui.dev/docs/team-pages/team-page-08)[

![](https://apogee.avaui.dev/thumbs/team-pages__team-page-09.light.webp)![](https://apogee.avaui.dev/thumbs/team-pages__team-page-09.dark.webp)

Team page 09A centred heading, line and two buttons. Then the team, features with icons on grey, open positions, a newsletter signup and a footer.

](https://apogee.avaui.dev/docs/team-pages/team-page-09)[

![](https://apogee.avaui.dev/thumbs/team-pages__team-page-10.light.webp)![](https://apogee.avaui.dev/thumbs/team-pages__team-page-10.dark.webp)

Team page 10A centred eyebrow, heading and line. Then the team, figures, a content section, open positions and a footer on grey.

](https://apogee.avaui.dev/docs/team-pages/team-page-10)

## Related

[

TeamPeople as a grid of cards or a list with bios.

](https://apogee.avaui.dev/docs/sections/team)[

AvatarA user image, with an initials fallback derived from name.

](https://apogee.avaui.dev/docs/avatar)[

JobCardOne open position; title with a status badge, a short description and its location, type and salary, as a list row or a card.

](https://apogee.avaui.dev/docs/job-card)