diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index de0cf9b..911042e 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -124,19 +124,11 @@ const config: Config = {
         hideable: true,
       },
     },
-    announcementBar: {
-      id: "support_us",
-      content: "🐧 Jubi has just been born! Say hi to him~ 🎉</a> ",
-      backgroundColor: "#040D12",
-      textColor: "#78D6C6",
-      isCloseable: true,
-    },
     // announcementBar: {
-    //   id: 'support_us',
-    //   content:
-    //     '🐧 <a target="_blank" rel="noopener noreferrer" href="#">Jubi has just been born!</a> 🐧',
-    //   backgroundColor: '#040D12',
-    //   textColor: '#78D6C6',
+    //   id: "support_us",
+    //   content: "🐧 Jubi has just been born! Say hi to him~ 🎉</a> ",
+    //   backgroundColor: "#040D12",
+    //   textColor: "#78D6C6",
     //   isCloseable: true,
     // },
     image: "img/logo-small.png",
diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js
index fb4484d..a3af9b9 100644
--- a/src/theme/Footer/index.js
+++ b/src/theme/Footer/index.js
@@ -1,15 +1,15 @@
 import React from "react";
 import Footer from "@theme-original/Footer";
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import { ChatBot } from "../../components/chatbot/ChatBot";
+// import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+// import { ChatBot } from "../../components/chatbot/ChatBot";
 
 export default function FooterWrapper(props) {
-  const { siteConfig } = useDocusaurusContext();
+  // const { siteConfig } = useDocusaurusContext();
 
   return (
     <>
       {/* <Newsletter data={siteConfig.customFields.newsletter} /> */}
-      <ChatBot config={siteConfig.customFields.chatbot} />
+      {/* <ChatBot config={siteConfig.customFields.chatbot} /> */}
       <Footer {...props} />
     </>
   );