Marigold CTA Banner
An attention-grabbing ecommerce promotional banner with marigold yellow-orange accents and bold Syne typography.
Features
- Large promotional headline — "Up to 60% Off" with gradient text effect
- Prominent CTA button with gradient background and hover shadow animation
- Urgency badge showing countdown timer
- Decorative dot grid pattern background
- Diagonal stripe elements for visual energy
- Feature highlight cards (2,000+ Items, 48 Hours Left, New Arrivals)
- Flash deal code strip with copy button
- Syne display typography for distinctive headings
- Full light/dark mode support with WCAG AA contrast compliance
Dependencies
lucide-react for icons (ArrowRight, ShoppingBag, Sparkles, Timer, Zap)- Shadcn UI components: Button, Badge, Separator
Customization
- Discount Amount: Change the headline percentage and messaging
- Colors: Adjust marigold palette (
#FF8C00, #FFA726) to match your brand
- Typography: Swap Syne for another display font
- CTA Text: Modify button text for different campaigns
- Flash Deal: Update the promo code and terms
