# Landing pages

> Whole landing pages: a hero, customer logos, features, quotes, pricing and calls to action, between a header and a footer.

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

Whole landing pages: a hero, customer logos, features, quotes, pricing and calls to action, between a header and a footer.

Last updated October 16, 2026

Each example is a whole product landing page stacked from blocks: a header navigation in the hero’s colour, a hero from [Hero sections](https://apogee.avaui.dev/docs/hero-sections) that holds the page’s `h1`, then customer logos, features, quotes, pricing, questions and calls to action, alternating between the page colour, grey bands, the brand colour and a dark 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 landing/landing-page-01
```

```astro
---
// src/pages/landing.astro
import Layout from '../layouts/Layout.astro'
import Page from '../components/apogee/pages/landing/LandingPage01.astro'
---

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

[

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

Landing page 01A centred heading and two buttons over a phone on small screens and a browser on wide ones, over a grid. Then customer logos, features with icons, customer quotes on grey, questions in an accordion, customer quotes, more posts and a footer.

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

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

Landing page 02A centred heading and two buttons over a cropped screenshot, on a tint with a dot grid on grey. Then customer logos, alternating feature rows, integrations on grey, figures, a call to action card, customer quotes, a call to action with a screenshot and a footer on dark.

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

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

Landing page 03A centred heading and email signup on a brand card, over a chart. Then integrations, figures, features under a screenshot, pricing plans, questions in an accordion, customer logos and a footer.

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

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

Landing page 04A centred heading and two buttons over two payment cards on a panel, over a fine grid. Then customer logos, features with icons on grey, pricing plans, customer quotes, a call to action with a screenshot and a footer.

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

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

Landing page 05A centred eyebrow, heading and two buttons over five fanned payment cards, on the brand colour. Then customer logos, features with icons, a call to action with a photo, feature tabs, pricing plans on grey, customer quotes on the brand colour and a footer on the brand colour.

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

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

Landing page 06A heading and two buttons over a wide panel of tilted payment cards. Then customer logos, feature tabs, a large screenshot, a call to action on grey, pricing plans, a call to action card on the brand colour and a footer.

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

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

Landing page 07A heading and email signup beside a cascade of payment cards on a panel. Then customer logos on grey, features beside a mockup, a call to action with images on grey, feature cards, pricing plans on grey, a newsletter signup, a call to action card on the brand colour and a footer on dark.

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

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

Landing page 08A centred eyebrow, heading and two buttons over two tilted payment cards, over a fine grid. Then features beside a mockup, pricing plans, features with icons on grey, feature tabs, integrations, customer logos, a call to action card on the brand colour and a footer on grey.

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

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

Landing page 09A heading, email signup and three points over a wide panel of payment cards, over a dot grid. Then customer logos, a large screenshot, customer quotes, a call to action card, feature tabs, pricing plans on grey, a newsletter signup on the brand colour and a footer.

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

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

Landing page 10A heading and two buttons beside two payment cards on a panel, on a tint with a dot grid on grey. Then customer logos, customer quotes, feature tabs, press mentions, more posts on grey, a call to action with customer logos, a newsletter signup on grey and a footer on dark.

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

![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-11.light.webp)![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-11.dark.webp)

Landing page 11A heading and two buttons beside four payment cards on a panel. Then features with icons, pricing plans, customer quotes, customer logos, a call to action with a screenshot and a footer on dark.

](https://apogee.avaui.dev/docs/landing-pages/landing-page-11)[

![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-12.light.webp)![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-12.dark.webp)

Landing page 12A heading, line and a text-me-a-link form beside a phone over a screenshot, over a dot grid. Then feature tabs, a call to action card, questions in an accordion, an app download call to action, a newsletter signup on grey and a footer.

](https://apogee.avaui.dev/docs/landing-pages/landing-page-12)[

![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-13.light.webp)![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-13.dark.webp)

Landing page 13A heading, line and app buttons beside a phone, over a dot grid. Then customer logos on grey, features beside a mockup, an app download call to action, pricing plans, a newsletter signup and a footer on the brand colour.

](https://apogee.avaui.dev/docs/landing-pages/landing-page-13)[

![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-14.light.webp)![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-14.dark.webp)

Landing page 14A centred heading, line and two buttons over a wide row of geometric shapes, over a dot grid. Then customer logos, a content section, customer quotes, figures, ways to get in touch, a newsletter signup and a footer on dark.

](https://apogee.avaui.dev/docs/landing-pages/landing-page-14)[

![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-15.light.webp)![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-15.dark.webp)

Landing page 15A large heading with an underlined phrase, a line and two buttons over a wide photo, on the brand colour. Then customer logos on the brand colour, features beside a photo, customer quotes on grey, figures, a contact form and a footer.

](https://apogee.avaui.dev/docs/landing-pages/landing-page-15)[

![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-16.light.webp)![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-16.dark.webp)

Landing page 16A large heading with an underlined phrase, a line and two buttons over a wide photo, over a dot grid. Then customer logos, feature tabs, customer quotes, features with icons, contact cards, a newsletter signup on grey and a footer.

](https://apogee.avaui.dev/docs/landing-pages/landing-page-16)[

![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-17.light.webp)![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-17.dark.webp)

Landing page 17A centred heading and two buttons over a video on a slanted band. Then customer logos, feature tabs, customer quotes, a call to action with a screenshot, more posts, a call to action with customer logos and a footer on dark.

](https://apogee.avaui.dev/docs/landing-pages/landing-page-17)[

![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-18.light.webp)![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-18.dark.webp)

Landing page 18A heading, line and email signup beside a portrait photo, over a dot grid. Then alternating feature rows, a call to action card, feature tabs, customer quotes, a call to action with a screenshot, a newsletter signup on grey and a footer on dark.

](https://apogee.avaui.dev/docs/landing-pages/landing-page-18)[

![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-19.light.webp)![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-19.dark.webp)

Landing page 19A heading, line and two buttons beside a workspace photo, over a dot grid on grey. Then customer logos on grey, integrations, a large screenshot, figures, a call to action card, customer quotes on grey, a call to action with a screenshot, a newsletter signup on grey and a footer on grey.

](https://apogee.avaui.dev/docs/landing-pages/landing-page-19)[

![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-20.light.webp)![](https://apogee.avaui.dev/thumbs/landing-pages__landing-page-20.dark.webp)

Landing page 20A heading, line and two buttons beside a photo with one large rounded corner. Then customer logos, feature tabs, figures, a call to action on grey, pricing plans, customer quotes, a call to action with images and a footer.

](https://apogee.avaui.dev/docs/landing-pages/landing-page-20)

## Related

[

HeroThe opening section — eyebrow, heading, description, actions and optional media, in three layouts.

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

FeaturesBenefits as a 3-up icon grid, alternating rows with media, or a list.

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

PricingPlan tiers side by side, with an optional monthly / annual switch.

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