Gallery 15 block design & features
A heading and two round shadcn/ui Button arrows sit above a full-width Carousel. Each carousel card is a linked item containing two stacked images at 3:4 aspect ratio inside a rounded-2xl container, a Badge with an outline variant pinned to the top-left corner, a title, and a price line. The default image cross-fades to a hover image on mouse-over using opacity transitions. A thin progress bar centered beneath the carousel tracks the current scroll position.
The cards lean on large photographic surfaces with minimal text below. The outline badge floats over the image on a background-colored pill, and the 500ms opacity crossfade between the two images creates a smooth reveal effect. The progress indicator is a narrow 2px rail with a sliding segment sized proportionally to the total item count.
Overall the treatment is commercial and product-oriented, using rounded corners, generous horizontal padding, and restrained typography to keep the focus on imagery and pricing details.
