Description of the Hero 267 block design & features
Hero267 is an inset-image hero built with shadcn/ui buttons using typed props for copy, images, and links. The left column is a muted framed stack where the primary image covers most of the panel and a smaller square inset sits toward the bottom-right corner, overlapping the field. The right column vertically centers headline, description, and paired arrow buttons.
Negative margin math breaks the media panel out to the left on large screens while rounding stays open toward the content side.
It reads as a refined product or editorial feature block. Complexity is moderate: you need both a wide hero crop and a square inset for balance.
Mobile stacks media first then copy; inset scaling tightens to keep proportions.