top-banner-generator

# Components: Top Banner (Announcement Bar) Guides top announcement bar and sticky banner design for conversion. Top banners answer visitor questions in ~3 seconds (trust, discount, free shipping, urgency) and can increase coupon redemption by 30-50% when used well. **When invoking**: On **first use**, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output. ## Initial Assessment **Check for project context first:** If `.claude/project-context.md` or `.cursor/project-context.md` exists, read it for offers, messaging, and Section 12 (Visual Identity). Identify: 1. **Goal**: Lead capture, promo, urgency, trust, free shipping 2. **Placement**: Above header (sticky) or below; dismissible or persistent 3. **Audience**: All visitors vs segmented (geo, returning, cart abandoners) ## Best Practices ### Use Cases | Use | Example | |-----|---------| | **Lead capture** | Newsletter, lead magnet, demo request | | **Promo** | Discount code, flash sale, free shipping threshold | | **Urgency** | Limited-time offer, countdown | | **Trust** | Guarantee, security, shipping info | | **Launch** | Product launch, event, cross-sell | ### Discount Banner Types | Discount Type | Banner Example | Related | |---------------|----------------|---------| | **Annual discount** | "Save 20% with annual billing" | discount-marketing-strategy | | **Student/educa...