Deals 7 block design & features
Deals7 is an ecommerce offers widget built with shadcn/ui, fixed to the bottom-left corner with a rounded bell button and a badge for the number of active deals. Tapping it opens a dialog positioned directly above the trigger, with a primary-colored header carrying an emoji headline and category subtitle, followed by a scrollable list of linked offer rows. Each row pairs a small product thumbnail with two-line promo copy.
The outlined floating trigger contrasts with a primary header band and outline item rows below. A sticky bottom fade hints at more content when the list scrolls. The dialog anchors from the trigger corner rather than centering on screen, which keeps the offers panel tied to the entry control.
This is a moderate-complexity notification-style deals list suited to persistent storefront promos. The anchored placement and bell icon make it feel closer to an alerts feed than a modal coupon. Content-driven: several product thumbnails and short promo sentences with links are required to fill the list.
The dialog height caps relative to the viewport so it does not cover the full screen, and the trigger offset keeps both controls reachable on mobile.