Product Detail 14 block design & features
The block is a fashion product page built with shadcn/ui. Four rounded photos form a grid on the left, and a sticky sidebar divided by hairlines sits on the right with a large product name, star rating with review count and a sale price.
The sidebar continues with rounded size pills, a row of round color swatches with the selected color named underneath, a quantity stepper beside the add to cart button, a description with a bullet list of features, and Facebook, X and Pinterest share links.
The feature list starts collapsed under a fade and a Show more button reveals the rest. Sold-out sizes and colors are dimmed and disabled, and photos open in a PhotoSwipe lightbox. On mobile the grid becomes a swipeable carousel with a slide counter and arrow buttons.