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.

Description of the Hero 269 block design & features

Hero269 swaps column order from Hero268 while using the same inset-image props and shadcn/ui buttons. Text starts the read order with display heading, paragraph, and paired links before the framed media card that top-left crops the hero image and bottom-left insets the smaller square.

Framing mirrors the opposite corner treatments used when media was on the left.

The block suits stories where you want visitors to read the pitch before they reach the photograph. Complexity remains moderate with two linked images and shared typography tokens.

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