# Blog post pages > Whole article pages: a post header, the article, share links and more posts, between a header and a footer. URL: https://apogee.avaui.dev/docs/blog-post-pages Last updated: 2026-10-16 Whole article pages: a post header, the article, share links and more posts, between a header and a footer. Last updated October 16, 2026 Each example is a whole article page stacked from blocks: a header navigation, an article from [Content sections](https://apogee.avaui.dev/docs/content-sections) (its header holds the page’s `h1`), more posts from [Blog sections](https://apogee.avaui.dev/docs/blog-sections), and often a call to action or newsletter signup before the footer. Adding a page copies its blocks too. The page renders its own header, `
` and footer, so give it a layout without a `
`. ```sh npx @ava-ui/apogee add blog-post/blog-post-01 ``` ```astro --- // src/pages/blog-post.astro import Layout from '../layouts/Layout.astro' import Page from '../components/apogee/pages/blog-post/BlogPost01.astro' --- ``` [ ![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-01.light.webp)![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-01.dark.webp) Blog post 01A heading block over a photo carousel, the body, then the author and topics. Then more posts, a call to action with images, a newsletter signup and a footer. ](https://apogee.avaui.dev/docs/blog-post-pages/blog-post-01)[ ![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-02.light.webp)![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-02.dark.webp) Blog post 02A centred title over a wide photo, the body, then the author and share links. Then more posts, a newsletter signup on the brand colour and a footer on dark. ](https://apogee.avaui.dev/docs/blog-post-pages/blog-post-02)[ ![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-03.light.webp)![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-03.dark.webp) Blog post 03A place title beside a tall photo, the body, then share links. Then more posts on grey and a footer. ](https://apogee.avaui.dev/docs/blog-post-pages/blog-post-03)[ ![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-04.light.webp)![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-04.dark.webp) Blog post 04A banner on grey and a split header beside a wide photo, the body, then share links. Then more posts, a call to action with images, a newsletter signup and a footer. ](https://apogee.avaui.dev/docs/blog-post-pages/blog-post-04)[ ![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-05.light.webp)![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-05.dark.webp) Blog post 05A split header with a tall photo, then a table of contents and share links beside the body. Then more posts, a call to action card and a footer on dark. ](https://apogee.avaui.dev/docs/blog-post-pages/blog-post-05)[ ![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-06.light.webp)![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-06.dark.webp) Blog post 06A split header with a photo on a tinted panel, the body, then share links. Then more posts on grey and a footer on dark. ](https://apogee.avaui.dev/docs/blog-post-pages/blog-post-06)[ ![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-07.light.webp)![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-07.dark.webp) Blog post 07A header on the brand colour, a wide photo overlapping it, the body, then topics and share links. Then more posts, a newsletter signup on the brand colour and a footer. ](https://apogee.avaui.dev/docs/blog-post-pages/blog-post-07)[ ![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-08.light.webp)![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-08.dark.webp) Blog post 08A split header, then a sidebar with contents, contributors, a newsletter form and share links beside the body. Then more posts, a call to action with a screenshot, a newsletter signup on grey and a footer. ](https://apogee.avaui.dev/docs/blog-post-pages/blog-post-08)[ ![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-09.light.webp)![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-09.dark.webp) Blog post 09A header and wide photo, then the body beside a newsletter card (from lg). Then more posts and a footer on dark. ](https://apogee.avaui.dev/docs/blog-post-pages/blog-post-09)[ ![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-10.light.webp)![](https://apogee.avaui.dev/thumbs/blog-post-pages__blog-post-10.dark.webp) Blog post 10A banner on the brand colour and a centred header with the author over a wide photo, the body, then topics and share links. Then a newsletter signup on the brand colour, a call to action with customer logos and a footer on the brand colour. ](https://apogee.avaui.dev/docs/blog-post-pages/blog-post-10) ## Related [ Post headerThe top of an article; category, title, byline, date, reading time, cover image. ](https://apogee.avaui.dev/docs/sections/post-header)[ PostCardOne article in a blog list; image, a top line, title, summary and a footer, as plain, a card or with an overlay. ](https://apogee.avaui.dev/docs/post-card)[ ShareLinksWays to pass a page on; Copy link, the device's share sheet and email. ](https://apogee.avaui.dev/docs/share-links)