Product Detail 20 block design & features
The block is a fashion product page built with shadcn/ui. Photos are arranged in a two-column grid on the left, and the column on the right carries the product name, a struck-through and sale price, a recommendation percentage and a star rating with a review link.
Round color swatches include a two-tone option split diagonally, with the chosen color named in the label, then rounded size pills where sold-out sizes are struck through. An add to cart button sits beside a square wishlist button, followed by underlined links for delivery, guarantee and returns, and an accordion for description, features and fabric.
Images open in a PhotoSwipe lightbox. On mobile the name and price move above a swipeable carousel with dot indicators, and the options follow below.