Hero 270

Pro

Inset-image hero with media on the left and left-aligned copy on the right — same treatment as Hero159 (aspect-4/3 main image, optional inset, animated CTA) with a top-right dot grid.

Shadcn UI Hero Block

Hero270 matches Hero159 (same HeroInsetImageProps, main aspect-4/3 image, optional square inset, hover CTA) but puts media in the left column and copy on the right on medium screens and up. The text column is left-aligned within that column (max-w-lg, text-left, items-start, no justify-between). The inset sits bottom-right on the main image so it sits near the copy column. The dot grid accent stays top-right (as on Hero159). On small screens the image stacks first, then the heading and actions.