Shadcn UI Promo Banner Block
PromoBanner7 is a dynamic shadcn block designed to effectively display limited-time offers with a countdown and stock status. This eye-catching component prominently features a timer alongside a progress indicator to inform users of available stock and time remaining, ensuring engagement and urgency.
Delving deeper into its design, PromoBanner7 integrates an animated countdown timer and a visual progress bar to convey the stock percentage visually. The component employs shadcn ui tools to ensure a cohesive aesthetic, incorporating elements like the Zap icon for a striking “Flash Sale” label. This flexible component updates in real-time, adjusting the countdown and progress bar as time progresses, accentuating urgency. The ability to customize stock levels and the end time further enhances its adaptability, making PromoBanner7 a standout choice for showcasing time-sensitive promotions.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
| react | NPM |
progress @shadcn | Registry |