Banners1

1import { Button } from "@/ui/button";
2import { Boat, X } from "@mynaui/icons-react";
3 
4export default function Banner1() {
5  return (
6    <div className="bg-background border-b">
7      <div className="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between gap-2">
8        <div className="flex items-center gap-4">
9          <Boat className="size-5 stroke-2 shrink-0" />
10          <span className="font-medium text-sm">
11            🚀 Introducing our new AI-powered dashboard - Now available!
12          </span>
13          <Button variant="secondary" size="sm">
14            Learn More
15          </Button>
16        </div>
17        <Button variant="outline" className="size-8">
18          <X className="size-4 stroke-2" />
19          <span className="sr-only">Dismiss banner</span>
20        </Button>
21      </div>
22    </div>
23  );
24}