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

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.