Product Detail 12 block design & features
The block shows a furniture product page built with shadcn/ui. The left column holds a small uppercase brand line, the product name, a sale price with a Sale badge and a short description, and the right column holds a large product photo.
Under the description is a row of round color swatches with the selected name beside the label, and out-of-stock colors are crossed through. A quantity stepper sits next to an outline add to cart button, with a solid buy now button below and an accordion of highlights, materials, delivery and returns.
The photo is a carousel with round previous and next buttons and a dot indicator, and clicking an image opens a PhotoSwipe lightbox. All product content lives in one data object at the top of the file. On mobile the carousel moves above the details.