Hero 178 - Support hero with mono label and triple photo stack

Pro

Split hero pairing monospace category line, clamp-scale headline, essay copy, and three overlapping AspectRatio tiles staged along a square bleed.

Shadcn Hero 178 block

Component Data

  • ID:hero178
  • Access:pro
  • Created:Dec 16, 2024
  • Type:block

Hero 178 block design & features

Hero178 is a split hero built with shadcn/ui AspectRatio framing on the photography half. Text introduces Customer Support through monospace eyebrow, ultra clamp-scale headline split across intentional line breaks, and supporting essay about calm service operations. Imagery layers three rounded rectangles with distinct crops that hug the bottom edge of a square canvas to produce controlled overlap.

Neutral surfaces and hairline border below the section keep focus on typographic scale jumps.

Editorial support marketing closer to magazine spreads than compact SaaS modules.

Responsive grid stacks copy before imagery while absolute-positioned tiles rescale but keep overlap language.