fix: banner text

src/components/Banner.js

@@ -1,4 +1,5 @@
 import { XMarkIcon } from "@heroicons/react/20/solid";
+import Link from "next/link";
 
 export default function Banner() {
   return (
@@ -29,23 +30,23 @@ export default function Banner() {
       </div>
       <div className="flex flex-wrap items-center gap-x-4 gap-y-2">
         <p className="text-sm leading-6 text-gray-900">
-          <strong className="font-semibold">A big thank you to</strong>
+          <strong className="font-semibold">Attention</strong>
           <svg
             viewBox="0 0 2 2"
             aria-hidden="true"
             className="mx-2 inline h-0.5 w-0.5 fill-current"
           >
             <circle r={1} cx={1} cy={1} />
           </svg>
-          Flagsmith for sponsoring this project
+          A big thank you to Flagsmith for sponsoring this project
         </p>
-        <a
+        <Link
           href="https://www.flagsmith.com"
           target="_blank"
           className="flex-none rounded-full bg-gray-900 px-3.5 py-1 text-sm font-semibold text-white shadow-sm hover:bg-gray-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900"
         >
           Visit their website <span aria-hidden="true">&rarr;</span>
-        </a>
+        </Link>
       </div>
       <div className="flex flex-1 justify-end">
         {/* <button