Hero 1 Horizontal
This is the overview page for Hero 1 Horizontal 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.