Hero 269 - Contained inset-image hero with copy left

Pro

A two-column hero with headline and dual CTAs on the left and muted framed main image with inset thumbnail on the right, all inside the container.

Shadcn Hero 269 block

Component Data

  • ID:hero269
  • Access:pro
  • Created:Apr 1, 2026
  • Updated:Jun 9, 2026
  • Type:block

Hero 269 block design & features

Hero269 swaps column order so copy leads the read path on the left while the framed media card sits on the right, all within the container bounds. The text column opens with a display heading, paragraph, and paired Shadcn UI buttons before visitors reach the photograph.

The media card top-weighted crops the main image inside a muted bordered frame. The inset square hangs outside the bottom-left corner of the main photo, opposite the corner treatment used when media sits on the left.

The block suits pitches where narrative copy should come first. Complexity remains moderate with two linked product images and standard dual-button actions.

Mobile stacks copy above the media card to preserve reading order.