Hero 165 - Split hero with tri-image lattice and large headline

Pro

A two-column hero with an aspect-ratio lattice of three rounded photo panels opposite an oversized headline and supporting copy, without buttons in the default markup.

Shadcn Hero 165 block

Component data

ID
hero165
Access
pro
Created
Dec 16, 2024
Updated
Jun 8, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Hero 165 block design & features

Hero165 is a typographic-forward split hero built with shadcn/ui. One side wraps an intricate grid inside a master aspect-ratio frame: three rounded tiles with muted backgrounds and percentage-based gutters so the collage feels editorial. The other side pairs a very large sans heading with a second supporting line at a slightly smaller scale, with no CTA in the stock component so the story stays visual.

Whitespace and grid math dominate the look; animation is absent. Muted panel backgrounds behind crops add separation without heavy borders.

Reads more design-studio or brand refresh than dense product UI. Elaboration comes from supplying art-directed photography that aligns to the lattice slots.

The lattice and copy stack vertically on mobile with imagery leading or following depending on reading order.