Hero 1
A horizontal split hero block for Payload CMS with image and text side by side. Includes eyebrow, headline, subtitle, dual CTAs, and configurable text placement — free to copy and paste into your Next.js project.
Preview
Hero 1 is a horizontal split layout with text content on one side and an image on the other. It supports eyebrow text, a headline, subtitle, description, dual CTAs, and configurable text/image placement.
Dependencies: CMSLink, Media component, modified link field
Fields Reference
| 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. |