diff --git a/package.json b/package.json
index c624ce8b..ee13fb96 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "@docusaurus/core": "3.4.0",
     "@docusaurus/preset-classic": "3.4.0",
     "@mdx-js/react": "^3.0.0",
+    "chaingpt-component": "^0.1.2",
     "clsx": "^2.0.0",
     "docusaurus-theme-search-typesense": "^0.20.0-0",
     "dotenv": "^16.4.5",
diff --git a/src/theme/ChainGPT/index.module.css b/src/theme/ChainGPT/index.module.css
new file mode 100644
index 00000000..21842f83
--- /dev/null
+++ b/src/theme/ChainGPT/index.module.css
@@ -0,0 +1,8 @@
+.chainGPTContainer {
+  position: fixed;
+  right: 18px;
+  bottom: 18px;
+  display: flex;
+  flex-direction: column;
+  align-items: end;
+}
diff --git a/src/theme/ChainGPT/index.tsx b/src/theme/ChainGPT/index.tsx
new file mode 100644
index 00000000..a56d23c4
--- /dev/null
+++ b/src/theme/ChainGPT/index.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import 'chaingpt-component/dist/index.css';
+import styles from "./index.module.css";
+import {ChatBoxButton} from 'chaingpt-component';
+
+export default function ChainGPT(): JSX.Element {
+  return (
+    <>
+      <div className={styles.chainGPTContainer}>
+        <ChatBoxButton
+          apiUri="/api/chaingpt"
+        />
+      </div>
+    </>
+  );
+}
diff --git a/src/theme/logo.tsx b/src/theme/logo.tsx
index edb0730f..5341770d 100644
--- a/src/theme/logo.tsx
+++ b/src/theme/logo.tsx
@@ -1,18 +1,24 @@
 import React from "react";
 import ThemedImage from "@theme/ThemedImage";
 import useBaseUrl from "@docusaurus/useBaseUrl";
+import ChainGPT from '@site/src/theme/ChainGPT';
 
 /**
  * Reference: https://docusaurus.io/docs/markdown-features/assets#themed-images
  */
 export default function Logo(): JSX.Element {
   return (
-    <ThemedImage
-      alt="aelf"
-      sources={{
-        light: useBaseUrl("/img/Logo.aelf.svg"),
-        dark: useBaseUrl("/img/Logo.aelf.white.svg"),
-      }}
-    />
+    <>
+      <ThemedImage
+        alt="aelf"
+        sources={{
+          light: useBaseUrl("/img/Logo.aelf.svg"),
+          dark: useBaseUrl("/img/Logo.aelf.white.svg"),
+        }}
+      />
+      <div>
+        <ChainGPT />
+      </div>
+    </>
   );
 }