Product List 37 block design & features
A two-column layout with a tall pinned hero card on the left and a list of new arrival rows on the right. The hero opens on a promotional image and headline; each row shows a photo, badges, collection, name, price and an add to bag button.
As a row crosses the middle of the viewport, the hero reveals that piece's photo with a vertical clip-path wipe, the caption slides up with its name and price, and the button changes to shop that piece. Scrolling back reverses the wipe direction. The active row stays at full opacity while the others dim, and a counter tracks progress. The promotion, title and products are props.
On phones the hero becomes a compact sticky strip at the top of the list with a shorter shop button. Built with shadcn/ui Button and Badge.