Product Detail 46 block design & features
A full-height studio photo fills the left side and a buy column with the name, price, description, color, quantity, add to cart and share links sits on the right. A narrow strip of a second room photo peeks in from the right edge of the studio shot. It uses shadcn/ui with plain buttons for the share row and quantity.
Dragging the strip pulls the room photo across like a sliding door and snaps it to closed, half or open. As it covers the studio shot, the studio photo drifts left and the room photo settles into place, which gives a light parallax. A thumbnail button in the corner toggles between the two views for keyboard and touch users. Both photos and the peek width are easy to swap.
On mobile the stage becomes a portrait frame above the buy column and the peek strip narrows to fit. With reduced motion, the panel jumps between positions without parallax.