Hero 3
A full-background hero block for Payload CMS with image overlay control and dual CTA buttons. Ideal for bold landing page headers — free to copy and paste.
Preview
Hero 3 is a media-driven hero for pages that need stronger visual impact than text-only hero variants.
Dependencies: CMSLink, Media component, modified link field
Fields Reference
| Field | Type | Required | Localized | Description |
|---|---|---|---|---|
eyebrow | text | No | Yes | Small label above the heading |
title | text | Yes | Yes | Main hero heading |
description | textarea | No | Yes | Supporting paragraph text |
ctaPrimary | link | No | Depends on link field settings | Main call-to-action button/link |
ctaSecondary | link | No | Depends on link field settings | Optional secondary action |
backgroundImage | upload (media) | No | No | Optional full-bleed hero background |
overlay | select (none, light, medium, heavy) | No | No | Controls background overlay opacity |