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.
Last updated
Each example is a whole page stacked from blocks: a header navigation, an inner-page header, sections such as team, metrics and careers, 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, <main> and footer, so give it a layout without a <main>.
npx @ava-ui/apogee add about/about-page-01---
// src/pages/about.astro
import Layout from '../layouts/Layout.astro'
import Page from '../components/apogee/pages/about/AboutPage01.astro'
---
<Layout title="About">
<Page />
</Layout>
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.
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.
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.
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.
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.
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.
About page 07A split eyebrow, heading and line on the brand colour. Then contact cards, open positions, questions in an accordion and a footer.
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.
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.
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.