Shadcn UI Feature Block
This Shadcn UI block pairs a text column with a decorative media well on the opposite side. On medium screens and up the row reverses so the framed image sits on the left and the copy on the right. The text side uses a bold heading, paragraph, a vertical checklist with simple check icons, and an outline button linking outward with a chevron.
The media side is a fixed-height panel with a repeating cross pattern masked in primary-tinted color, a soft radial gradient toward the background, and horizontal and vertical linear scrims that feather into the page. The photo sits centered at a controlled width with rounded corners.
The aesthetic is structured and slightly editorial: strong typographic weight in the heading, muted list lines, and a busy but contained pattern behind the image so the section reads as product marketing rather than minimal wireframe.
On small screens the layout stacks in source order with copy before the media column, keeping the narrative first before users reach the visual.