Shadcn UI Ecommerce Hero Block
EcommerceHero6 is a split layout built with Shadcn UI: on large screens a wide hero panel spans two columns with a background photo, dark overlay, headline, and primary CTA, while a third column holds a vertical autoplay carousel of product cards. Each card shows the product image, name, optional collection line, price with sale support, Quick View, and share icons. Below the large breakpoint the carousel becomes horizontal so the same cards read in a row.
The hero side is photographic and minimal in UI chrome; the product column is dense with small type and icon actions. Cards use standard elevated surfaces against the page background. Autoplay keeps the rail moving without user input.
Moderate to high complexity: many products in one block plus hero art and collection metadata. The orientation switch between vertical and horizontal carousel is the main responsive twist. You need a strong hero image, a short headline, and a full set of product images and prices.
Mobile stacks the hero block and carousel so the story reads top to bottom.