Product Gallery 31 block design & features
A two-column product gallery made with Shadcn UI, pairing a large square room photo of a leather corner sofa with a close-up panel on the right. Round plus markers sit on the photo over the features worth pointing out: the leather, the seat cushions, the walnut legs and the reversible chaise. Selecting a marker shows a magnified crop of that exact spot in the panel, with the feature name, a sentence of description, previous and next buttons and a position counter underneath.
Visually it stays calm and photo-led. The markers are small translucent circles that turn solid when active, the close-up crossfades between crops cut from a larger copy of the same photo, and the copy below uses a modest heading over muted body text. Rounded corners, generous gaps and no extra borders keep the focus on the furniture.
It reads as an editorial, showroom-style way to explain craftsmanship rather than a standard image carousel, and it works best for products whose value lives in their details. Only one high-resolution photo is needed, with each callout defined by a title, description and its position on the image. On small screens the close-up panel stacks below the main photo.