Heros Blocks
Hero blocks sit at the top of your page and make a strong first impression. These Payload CMS hero components include horizontal layouts, centered stacks, and full-background image variants with configurable eyebrow text, headlines, CTAs, and images.
3 blocks available — free to copy and paste.
When to Use Heros Blocks
Place a hero at the very top of your page, directly below the header. Heroes are your first impression — they should communicate your core value proposition in seconds. Use a horizontal split layout when you have a strong product image, a centered layout for text-heavy messaging, or a full-background variant for visual impact.
Best Practices
- Keep hero headlines under 10 words for maximum impact
- Always include at least one call-to-action button
- Use high-quality images that reinforce your message
- Test both with and without eyebrow text to see what resonates