Deals 3 block design & features
Deals3 is an ecommerce promotional banner built with shadcn/ui, anchored as a bottom sheet that sits above the page edge. A compact trigger button labeled with the discount offer expands through a collapsible panel to reveal a headline, supporting description, subscribe CTA link, and a secondary terms button. Minimize and close controls sit in the top corner of the expanded state.
The sheet uses a solid primary background with primary-foreground text, giving the promo a high-contrast strip feel against the page. The collapsed trigger spans the bar width; expanded content slides down with a short animation. Secondary and default buttons split the main action from legal copy.
This is a simple, focused newsletter incentive pattern common on storefronts. The collapsible bottom bar is the distinctive hook compared to centered modals or side panels. Low complexity with copy-only content requirements: trigger label, headline, description, and CTA text.
The bar stays bottom-aligned on all breakpoints, with the expanded panel width capped on larger screens so it reads as a floating promo chip rather than a full-width takeover.