Team pages
Whole team pages: the people, board members, values, open positions and quotes, between a header and a footer.
Last updated
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, then values, open positions from 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>.
npx @ava-ui/apogee add team/team-page-01---
// src/pages/team.astro
import Layout from '../layouts/Layout.astro'
import Page from '../components/apogee/pages/team/TeamPage01.astro'
---
<Layout title="Team">
<Page />
</Layout>
Team page 01A centred eyebrow, heading and line. Then the team, open positions, a newsletter signup on grey and a footer.
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.
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.
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.
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.
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.
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.
Team page 08A split eyebrow, heading and line on the brand colour. Then the team, features with icons, open positions and a footer.
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.
Team page 10A centred eyebrow, heading and line. Then the team, figures, a content section, open positions and a footer on grey.