All components
ProductGallery
Full PDP image gallery — main + thumbnails + hover-zoom + lightbox + keyboard nav.
components/product-gallery.tsxPeer deps:
lucide-reactLive preview
Usage
import { ProductGallery } from "@/components/product-gallery";
<ProductGallery
title={product.name}
images={product.images.map((img) => ({ url: img.url, alt: img.alt }))}
imageFit={product.image_fit ?? "contain"}
/>