Gallery 33 block design & features
The block lays out product cards in a responsive grid that moves from one column on mobile to two on medium screens and three on large. Each card sits on a lightly muted surface with extra-large rounded corners and contains a product image wrapped in the Aceternity Lens component, a title and price pair, an arrow-link button, and a heart icon positioned in the top-right corner.
The Lens component provides a magnifying-glass effect that follows the cursor over each image, creating a zoomed circular viewport while the rest of the image remains at normal scale. Cards manage hover state so only one lens is active at a time. The arrow link renders as a circular icon button with a muted background that darkens on hover, while the heart icon uses a semi-transparent background overlay.
Visually the layout is clean and commerce-oriented, with the lens zoom serving as the main interactive flourish. The rounded card containers, generous padding, and small tracking-tight text create a polished, modern product-browsing feel built on Shadcn UI foundations.