Product Detail 17 block design & features
The block is a beauty product page built with shadcn/ui. A large edge-to-edge photo fills the left half with a column of small thumbnails overlaid on its left edge, while the right side opens with the product name, a struck-through and current price, category tags and a star rating.
A short description leads into ruled rows for best for, scent profile, targets and key ingredients. Two pill-shaped radio cards let the shopper choose between a one-time purchase and subscribe and save, followed by a quantity stepper, a rounded add to bag button and a round wishlist button.
Below the form, sections cover the product story, how to use it and an evening ritual. The thumbnails switch the main image and open a PhotoSwipe lightbox, and the photo column stays sticky on desktop. On mobile the thumbnails are hidden and the photo becomes a swipeable carousel above the details.