Hero 268 block design & features
Hero268 is a contained inset-image hero built with Shadcn UI buttons where the media panel stays fully inside the container width without viewport breakout. The left column holds a muted framed stack with a bordered main image using top-weighted cropping and a square inset anchored outside the bottom-right corner of the photo.
Copy and buttons align in the right column with a display heading, muted paragraph, and paired primary and outline actions. Framing and inset placement mirror the left-bleed variant but keep all edges inside the content grid.
This is the grid-faithful option for layouts that disallow edge bleed. Complexity is moderate with two coordinated product images and concise marketing copy.
On narrow screens the layout stacks vertically with the media card leading.