AnnouncementBar

Top-of-page promo banner with localStorage-persisted dismissal.

components/announcement-bar.tsxPeer deps: lucide-react

Live preview

Usage

import { AnnouncementBar } from "@/components/announcement-bar";

// In your root layout or homepage
<AnnouncementBar
  id="launch-sale-2026"
  message="Launch sale — 25% off everything through Sunday."
  cta={{ label: "Shop now", href: "/products" }}
/>