Product Gallery 24 block design & features
A product image gallery with rounded square photos, built with shadcn/ui Carousel and PhotoSwipe. On wide screens the first photo spans two columns and stays pinned while the remaining photos stack in a column beside it.
Clicking any photo opens a fullscreen lightbox with arrow buttons, a close button and an image counter. On narrower desktop screens the photos fall into a simple two column grid.
On mobile the gallery becomes a swipe carousel with dot indicators underneath. The images and gallery ID are props.