Hero 185 - Split hero with bento photo grid

Pro

A two-column hero with badge, headline, description, twin buttons, and a two-by-two bento grid with one tall primary tile and two supporting photos.

Shadcn Hero 185 block

Component Data

  • ID:hero185
  • Access:pro
  • Created:Jan 23, 2025
  • Updated:Jun 8, 2026
  • Type:block

Hero 185 block design & features

Hero185 is a split hero built with shadcn/ui. The left column stacks an optional badge line, bold headline, supporting paragraph, and paired primary plus outline buttons with standard rounded styling. The right column uses a simple bento grid: one tall photo spans both rows while two landscape tiles stack in the remaining column.

Light surfaces, hairline borders, and rounded corners keep the layout orderly rather than editorially offset. Typography leads and imagery supports without duplicate copy blocks.

Structured product marketing with a regular grid instead of scattered frames. The bento proportions make the primary photo obvious at a glance.

Stacks to a single column on small screens with copy above the photo grid.