Product List 12 block design & features
A short heading with round previous and next buttons sits above a carousel of wide slides, built from shadcn/ui Carousel and Button. Each slide pairs a large rounded product photo with a text column holding the category, a big product name, the price, a short description clamped to three lines and an Add to Cart button.
Sale prices show in a highlight color. The carousel moves one slide at a time with the header arrows, and the products, prices, descriptions and images come from a data constant at the top of the file.
On phones each slide stacks the photo above the text, the heading centers, and the arrows move below the carousel with a slide counter between them.