Deals 1 block design & features
Deals1 is an ecommerce deals block built with shadcn/ui, centered on a gift icon trigger that opens a full-height sheet of exclusive offers. The sheet header shows a section title and a secondary close control, with a scrollable list of deal rows below. Each row pairs a product image with a title, short description, and a primary shop button, alternating image placement on odd rows for a zigzag layout.
The sheet uses a muted item surface on a neutral page background, with rounded image panels and compact text spacing inside each row. Ghost icon trigger, secondary close button, and standard primary CTAs keep the chrome minimal. The panel opens by default in the preview, emphasizing the promotional content over the trigger.
This is a moderate-complexity promotional pattern focused on visual deal cards rather than pricing logic. The alternating image rows give it a catalog feel compared to a simple text list. Content-driven: you need several product or promo images plus headline, body copy, and link labels for each offer.
On smaller screens the sheet stays full width while each deal row stacks image above text when the alternating layout wraps.