# About pages > Whole about pages: the company, its figures, the team, values, open positions and ways to get in touch, each between a header and a footer. URL: https://apogee.avaui.dev/docs/about-pages Last updated: 2026-10-16 Whole about pages: the company, its figures, the team, values, open positions and ways to get in touch, each between a header and a footer. Last updated October 16, 2026 Each example is a whole page stacked from blocks: a header navigation, an inner-page header, sections such as [team](https://apogee.avaui.dev/docs/team-sections), [metrics](https://apogee.avaui.dev/docs/metrics-sections) and [careers](https://apogee.avaui.dev/docs/careers-sections), and a footer. Sections alternate between the page colour, a grey band, the brand colour and a dark footer, as the page needs. Adding a page copies its blocks too, so you can edit one block and every page that uses it follows. The page renders its own header, `
` and footer, so give it a layout without a `
`. ```sh npx @ava-ui/apogee add about/about-page-01 ``` ```astro --- // src/pages/about.astro import Layout from '../layouts/Layout.astro' import Page from '../components/apogee/pages/about/AboutPage01.astro' --- ``` [ ![](https://apogee.avaui.dev/thumbs/about-pages__about-page-01.light.webp)![](https://apogee.avaui.dev/thumbs/about-pages__about-page-01.dark.webp) About page 01A centred eyebrow, heading and line. Then figures on grey, customer logos, the team, features with icons on grey, open positions and a footer on dark. ](https://apogee.avaui.dev/docs/about-pages/about-page-01)[ ![](https://apogee.avaui.dev/thumbs/about-pages__about-page-02.light.webp)![](https://apogee.avaui.dev/thumbs/about-pages__about-page-02.dark.webp) About page 02A centred heading, a world map with office pins (from lg) and three contact cards. Then office addresses on the brand colour, the team, open positions, a contact form, press mentions and a footer on the brand colour. ](https://apogee.avaui.dev/docs/about-pages/about-page-02)[ ![](https://apogee.avaui.dev/thumbs/about-pages__about-page-03.light.webp)![](https://apogee.avaui.dev/thumbs/about-pages__about-page-03.dark.webp) About page 03A banner on the brand colour and a centred heading, a wide map and three office cards with their hours and addresses. Then the team, customer quotes, a call to action and a footer. ](https://apogee.avaui.dev/docs/about-pages/about-page-03)[ ![](https://apogee.avaui.dev/thumbs/about-pages__about-page-04.light.webp)![](https://apogee.avaui.dev/thumbs/about-pages__about-page-04.dark.webp) About page 04A centred eyebrow, heading and line. Then the team, figures, customer quotes, a call to action on grey and a footer on dark. ](https://apogee.avaui.dev/docs/about-pages/about-page-04)[ ![](https://apogee.avaui.dev/thumbs/about-pages__about-page-05.light.webp)![](https://apogee.avaui.dev/thumbs/about-pages__about-page-05.dark.webp) About page 05A centred eyebrow, heading and line. Then figures, features with icons, the team, open positions, customer quotes, a newsletter signup on grey and a footer on dark. ](https://apogee.avaui.dev/docs/about-pages/about-page-05)[ ![](https://apogee.avaui.dev/thumbs/about-pages__about-page-06.light.webp)![](https://apogee.avaui.dev/thumbs/about-pages__about-page-06.dark.webp) About page 06A split eyebrow, heading and line. Then figures, open positions, a map of offices, customer quotes, a newsletter signup and a footer on grey. ](https://apogee.avaui.dev/docs/about-pages/about-page-06)[ ![](https://apogee.avaui.dev/thumbs/about-pages__about-page-07.light.webp)![](https://apogee.avaui.dev/thumbs/about-pages__about-page-07.dark.webp) About page 07A split eyebrow, heading and line on the brand colour. Then contact cards, open positions, questions in an accordion and a footer. ](https://apogee.avaui.dev/docs/about-pages/about-page-07)[ ![](https://apogee.avaui.dev/thumbs/about-pages__about-page-08.light.webp)![](https://apogee.avaui.dev/thumbs/about-pages__about-page-08.dark.webp) About page 08A centred eyebrow, heading and line. Then customer logos on grey, the team, open positions, a newsletter signup on the brand colour, a contact form and a footer on dark. ](https://apogee.avaui.dev/docs/about-pages/about-page-08)[ ![](https://apogee.avaui.dev/thumbs/about-pages__about-page-09.light.webp)![](https://apogee.avaui.dev/thumbs/about-pages__about-page-09.dark.webp) About page 09A split eyebrow, heading and line. Then figures, a content section, customer quotes, the team on grey, open positions and a footer on grey. ](https://apogee.avaui.dev/docs/about-pages/about-page-09)[ ![](https://apogee.avaui.dev/thumbs/about-pages__about-page-10.light.webp)![](https://apogee.avaui.dev/thumbs/about-pages__about-page-10.dark.webp) About page 10A centred heading, line and two buttons on grey. Then alternating feature rows, features with icons on grey, the team, a newsletter signup on grey and a footer. ](https://apogee.avaui.dev/docs/about-pages/about-page-10) ## Related [ TeamPeople as a grid of cards or a list with bios. ](https://apogee.avaui.dev/docs/sections/team)[ StatsHeadline numbers in a row or as cards. ](https://apogee.avaui.dev/docs/sections/stats)[ Page headerThe top of an application page; breadcrumbs, title, description, actions, tab links. ](https://apogee.avaui.dev/docs/sections/page-header)