Two-tiered product grid with hover effects

This component displays a responsive grid of products with two tiers. The top tier shows a preview of each product with an image, title, short description, and price. The bottom tier reveals more details on hover including a full bleed product image and lowered opacity overlay effect.