fix hero pill

src/components/sections/hero.tsx

@@ -36,25 +36,29 @@ function HeroPill() {
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.8, ease }}
     >
-      <Button
-        variant={"outline"}
+      <Link
+        href={"/agents/explore"}
         className="flex w-auto items-center space-x-2 rounded-full bg-primary/20 px-2 py-1 ring-1 ring-accent whitespace-pre"
-        onClick={() => {
-          if (data && data.address) {
-            navigator.clipboard.writeText(data.address);
-            toast.info("Copied to clipboard!");
-          }
-        }}
+        // variant={"outline"}
+        // onClick={() => {
+        //   if (data && data.address) {
+        //     navigator.clipboard.writeText(data.address);
+        //     toast.info("Copied to clipboard!");
+        //   }
+        // }}
       >
         <div className="w-fit rounded-full bg-accent px-2 py-0.5 text-center text-xs font-medium text-primary sm:text-sm">
-          📣 Content Address :
+          📣 Announcement
         </div>
-        {isLoading && (
+        <p className="text-xs font-medium text-primary sm:text-sm pr-2">
+          Introducing beactio.ai
+        </p>
+        {/* {isLoading && (
           <div className="px-6 flex items-center">
             <Spinner />
           </div>
-        )}
-        {isError && (
+        )} */}
+        {/* {isError && (
           <p className="text-xs font-medium text-primary sm:text-sm">
             There is something wrong.
           </p>
@@ -63,8 +67,8 @@ function HeroPill() {
           <p className="text-xs font-medium text-primary sm:text-sm pr-1">
             {data?.address}
           </p>
-        )}
-      </Button>
+        )} */}
+      </Link>
     </motion.div>
   );
 }