Banners

1export default function Example() {
2  return (
3    <>
4      <div className="flex w-full flex-wrap items-center justify-between bg-gradient-to-r from-violet-500 to-purple-100 px-4 py-2 text-center text-sm font-medium text-white md:px-14">
5        <p>Build Faster with Responsive Tailwind CSS Templates</p>
6        <a
7          href="https://prebuiltui.com"
8          className="ml-3 flex items-center gap-1 rounded-lg bg-violet-50 px-3 py-1 text-violet-600 transition hover:bg-slate-100 active:scale-95">
9          Explore now
10          <svg
11            width="14"
12            height="14"
13            viewBox="0 0 14 14"
14            fill="none"
15            xmlns="http://www.w3.org/2000/svg">
16            <path
17              d="M2.91797 7H11.0846"
18              stroke="currentColor"
19              strokeWidth="1.5"
20              strokeLinecap="round"
21              strokeLinejoin="round"
22            />
23            <path
24              d="M7 2.9165L11.0833 6.99984L7 11.0832"
25              stroke="currentColor"
26              strokeWidth="1.5"
27              strokeLinecap="round"
28              strokeLinejoin="round"
29            />
30          </svg>
31        </a>
32      </div>
33 
34      {/* fake content */}
35      <div className="h-60"></div>
36    </>
37  );
38}