Product Detail 21 block design & features
The block is a sneaker product page built with shadcn/ui. A bento gallery of one large and four smaller photos runs across the top, with the product name, a short description, a bullet list of features and a set of tabs for design, materials and colorway underneath.
The purchase column on the right opens with a video thumbnail and a play button, then a large price, star rating and review count. Sizes are laid out in a bordered grid of EU sizes, with sold-out sizes struck through on a muted background, followed by a full-width quantity stepper and an add to basket button.
The tabs fade between the design, materials and colorway text in place, and the add to basket button crossfades to an "Added to basket" confirmation with a check for two seconds after it is pressed. Gallery images open in a PhotoSwipe lightbox. On mobile the gallery becomes a carousel and the purchase column stacks under the description.