Product Detail 18 block design & features
The block is an apparel product page built with shadcn/ui. Two large photos sit above three smaller ones on the left, with a round wishlist button in the top right corner of the gallery, and the right column shows the product name, a red sale price with a discount badge and the original price.
Round color swatches carry the color name in a tooltip, with the selected name below. Size pills follow, where low-stock sizes show a clock icon and a tooltip, and the model's height and size sit above a Size guide link and a full-width add to cart button.
Size guide opens a side sheet with a measurements table, and Find stores near you opens a dialog with size and location fields. The wishlist heart fills red when selected. On mobile the photos become a carousel and the details move into a bottom drawer that snaps between heights.