Banners4

1import { Button } from "@/ui/button";
2import { Users, X } from "@mynaui/icons-react";
3 
4export default function Banners2() {
5  return (
6    <div className="bg-gradient-to-r from-pink-500 to-rose-500 text-white">
7      <div className="max-w-7xl mx-auto px-3 py-3 flex items-center justify-center text-left md:text-center gap-2">
8        <Users className="size-5 stroke-2 shrink-0" />
9        <span className="font-medium">
10          Follow us on social media for the latest updates and tips!
11        </span>
12        <Button variant="secondary" size="sm" className="ml-4">
13          Follow Us
14        </Button>
15        <Button variant="ghost" className="size-8">
16          <X className="size-4 stroke-2" />
17          <span className="sr-only">Dismiss banner</span>
18        </Button>
19      </div>
20    </div>
21  );
22}