Hero 1
This is the overview page for the Hero 1 layout block, including the Payload CMS config, component code, and some previews of possible variations.
Full Content Example
All fields filled in to highlight the block's full potential.
Payload Config
| Field Name | Type | Required | Localized | Description |
|---|---|---|---|---|
eyebrow | text | - | Yes | A short, optional heading above the main title. |
title | text | Yes | Yes | Main heading for the block. |
subtitle | text | - | Yes | Secondary heading under the main title. |
description | textarea | - | Yes | Longer body text or paragraph content. |
ctaPrimary | Link | - | Yes | Primary call-to-action button/link. |
ctaSecondary | Link | - | Yes | Secondary call-to-action button/link. |
image | upload | Yes | - | Image field referencing the media collection. |
textPlacement | select | - | - | Positions text left or right of the image. |
textAlignment | select | - | - | Aligns text within its column: start, center, or end. |
Variations
Below are some possible variations that showcase the flexibility of the layout block.