Hero 270 block design & features
Hero270 is an inset hero built with shadcn/ui buttons where the left column holds a landscape-oriented main image with rounded border and a square inset overlapping the bottom-right corner without an extra card frame. Copy on the right includes a display heading, paragraph, and a single primary button with a sliding arrow hover animation. An optional byline string can sit beside the button for trust or pricing context.
A dotted radial motif fades into the top-right background behind the copy column for light texture. The main image uses a four-to-three aspect frame with top-weighted cropping.
It feels like a straightforward marketing split with one decorative field pattern and a polished CTA micro-interaction. Complexity is modest: two product images, one button, and optional byline text.
On smaller breakpoints the grid collapses so imagery leads visually while text follows below.