# FAQ pages

> Whole help pages: a header with search or buttons, questions in a grid or an accordion, then more ways to get help, between a header and a footer.

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

Whole help pages: a header with search or buttons, questions in a grid or an accordion, then more ways to get help, between a header and a footer.

Last updated October 16, 2026

Each example is a whole help page stacked from blocks: a header navigation, a page header from [Header sections](https://apogee.avaui.dev/docs/header-sections) (often with a search field) that holds the page’s `h1`, questions from [FAQ sections](https://apogee.avaui.dev/docs/faq-sections), then a call to action, the team or a newsletter signup before the footer. Accordion questions are native disclosures and work without JS. 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 faq/faq-page-01
```

```astro
---
// src/pages/faq.astro
import Layout from '../layouts/Layout.astro'
import Page from '../components/apogee/pages/faq/FaqPage01.astro'
---

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

[

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

FAQ page 01A centred heading, line and search field. Then questions in a grid, a call to action with a screenshot and a footer.

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

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

FAQ page 02A centred heading, line and search field. Then questions in a grid on grey, the team, a newsletter signup on grey, customer quotes and a footer on dark.

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

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

FAQ page 03A split heading, line and two buttons on grey. Then questions in a grid, features beside a photo, a call to action on grey and a footer.

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

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

FAQ page 04A centred eyebrow, heading and line. Then questions in a grid, a content section, customer quotes and a footer.

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

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

FAQ page 05A centred heading, line and two buttons. Then questions in an accordion, integrations, a newsletter signup on grey and a footer.

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

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

FAQ page 06A centred heading, line and search field on dark. Then questions in an accordion, a call to action card, a call to action with images, a newsletter signup and a footer.

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

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

FAQ page 07A left-aligned eyebrow, heading and line. Then questions in an accordion, a newsletter signup on the brand colour, a content section and a footer.

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

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

FAQ page 08A split heading, line and search field on the brand colour. Then questions in an accordion, a call to action card on the brand colour, features beside a photo and a footer on the brand colour.

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

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

FAQ page 09A centred heading, line and search field on grey. Then questions in a grid, a call to action with a screenshot and a footer on grey.

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

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

FAQ page 10A centred heading, line and search field. Then questions in an accordion, a content section, a call to action with a photo and a footer on grey.

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

## Related

[

FAQQuestions and answers as an accordion or a two-column list. Zero JS.

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

AccordionA stack of collapsible disclosure panels; expand one to read it, collapse it to reclaim space.

](https://apogee.avaui.dev/docs/accordion)