About this block
The BannerBlock is a compact, mid-page banner used to introduce a section, promote a related topic or carry a secondary call-to-action. Unlike the HeroBlock — which is always the first block on a page and full-screen width — the BannerBlock sits within the content flow and scales proportionally with the page layout.
It shares the same field set as the HeroBlock (heading, subtitle, intro, image, link, video) but is rendered at a smaller scale, making it ideal for mid-page use.
BannerBlock vs HeroBlock
| Feature | BannerBlock | HeroBlock |
|---|---|---|
| Position on page | Anywhere in content flow | Always first block |
| Visual scale | Compact / proportional | Full-width / full-bleed |
| Best for | Section introductions, secondary CTAs | Primary page hero |
Typical placement
- Mid-page section introductions
- Sidebar panels (inside a LayoutBlock column)
- Between long text sections to provide visual relief
