Sale Sections

This Shadcn sale section block builds urgency with a countdown timer and a strong "shop now" call-to-action. Features a dramatic dark background with a large headline such as "Flash Sale! 33 % off!", a sub-headline urging urgency, a countdown timer showing days, hours, minutes and seconds, and a bright "Shop now" button.

This Shadcn sale section block keeps the same countdown structure but changes the visual treatment for different campaign styles. A variation of the two-column layout where the countdown boxes have different shapes or placements and the overall section may use a lighter or gradient background.

This Shadcn sale section block highlights deal categories in a carousel so users can browse offers quickly. Includes a heading like "Best deals for you" above a horizontally scrollable row of product placeholders. Each card displays a discount badge (e.g., "50 % off"), and arrow buttons on either side let you scroll through categories; a "View all" link may appear beneath.

This Shadcn sale section block uses a two-column layout with large countdown boxes to make the deadline impossible to miss. Arranges the sale call-to-action in two columns: the left side contains promotional text ("Flash Sale! 33 % off!") and a button, while the right side shows large boxes indicating the remaining days, hours, minutes and seconds until the sale ends.

This Shadcn sale section block keeps the classic two-column “offer + timer” layout but renders the countdown as four large cards for days, hours, minutes and seconds. The left column holds the sale headline, supporting copy and call-to-action button, while the right column displays the live-updating number boxes so the deadline feels prominent.