fix CA

src/components/sections/footer.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import Link from "next/link";
 import Image from "next/image";
 
@@ -7,6 +9,8 @@ import { siteConfig } from "@/lib/config";
 import { buttonVariants } from "../ui/button";
 import { FaBook, FaDiscord } from "react-icons/fa";
 import { FaXTwitter } from "react-icons/fa6";
+import { useQuery } from "@tanstack/react-query";
+import axios, { AxiosError } from "axios";
 
 const headerLinks = [
   {
@@ -21,6 +25,18 @@ const headerLinks = [
 ];
 
 export default function Footer() {
+  const { data, isError, isLoading } = useQuery<
+    { id: string; address: string; project_name: string } | null,
+    AxiosError
+  >({
+    queryKey: ["content-address"],
+    queryFn: async () => {
+      const json = await axios.get("https://catools.dev3vds1.link/get/beactio");
+
+      return json.data;
+    },
+  });
+
   return (
     <footer>
       <div className="layout py-16 sm:px-10 px-5">
@@ -67,7 +83,7 @@ export default function Footer() {
               </li>
               <li>
                 <Link
-                  href="https://dexscreener.com/solana/e2kv9pdw2bpxkbsgh7k33hqnaxrucs31o7ewgopjp2cn"
+                  href={`https://dexscreener.com/solana/${data?.address}`}
                   target="blank"
                   className={buttonVariants({
                     variant: "outline",