Hero 79 - Full-viewport photo hero with headline band

Pro

An edge-to-edge photo hero with brand mark, oversized headline and subtitle, plus a ghost read-more control on wider layouts.

Shadcn Hero 79 block

Component data

ID
hero79
Access
pro
Created
Nov 28, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria

Hero 79 block design & features

Hero79 is a full-viewport hero built with shadcn/ui. A single photograph covers the entire section while a container stacks a small brand image at the top and a lower band that holds the headline, subtitle, and a trailing ghost-style button with a down arrow. The text block uses most of the horizontal width on wider layouts so the typographic scale reads as the focal point.

Contrast comes from large display type and a short supporting line under it, with the call to action kept light so it does not compete with the headline. The background image reads as environmental context rather than a framed card. Interaction is simple: the section is static apart from standard button hover behavior.

This is a cinematic, photography-led pattern with minimal chrome. It is more about one strong statement and atmosphere than about forms, badges, or layered cards. Complexity is low: you need a hero image, logo or mark, headline and subcopy, and optionally tune the read-more label.

On small screens the stacked layout keeps the same vertical order; the side-aligned read-more treatment only appears when horizontal space allows it in the component.