diff --git a/apps/web/i18n b/apps/web/i18n
index 09348e98..f4e34f23 160000
--- a/apps/web/i18n
+++ b/apps/web/i18n
@@ -1 +1 @@
-Subproject commit 09348e98c400f2cad23c06fdfc20da2495d42125
+Subproject commit f4e34f23010045297e3cfe58851e6f3eb771f92a
diff --git a/apps/web/public/images/home/WeChatQRCode.jpg b/apps/web/public/images/home/WeChatQRCode.jpg
new file mode 100644
index 00000000..41693235
Binary files /dev/null and b/apps/web/public/images/home/WeChatQRCode.jpg differ
diff --git a/apps/web/public/images/logos/WeChatAccount.svg b/apps/web/public/images/logos/WeChatAccount.svg
new file mode 100644
index 00000000..dcb65099
--- /dev/null
+++ b/apps/web/public/images/logos/WeChatAccount.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="25px" height="24px" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>logo-wechat</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="HOME" transform="translate(-1276.000000, -3411.000000)">
+            <g id="Group-17" transform="translate(0.000000, 3103.000000)">
+                <g id="Group-15" transform="translate(0.000000, 281.000000)">
+                    <g id="logo-wechat" transform="translate(1276.500000, 27.000000)">
+                        <rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
+                        <path d="M6.743532,6.92898026 C6.40128828,6.91879526 6.08050067,7.09198007 5.90630929,7.38097468 C5.73211791,7.66996938 5.73211791,8.02899185 5.90630929,8.31798646 C6.08050067,8.60698116 6.40128828,8.78016588 6.743532,8.76998087 C7.25099741,8.75487899 7.65439502,8.34721331 7.65439502,7.84948057 C7.65439502,7.35174792 7.25099741,6.94408215 6.743532,6.92898026 L6.743532,6.92898026 Z M11.7102281,6.92898026 C11.3679842,6.91879526 11.0471967,7.09198007 10.8730053,7.38097468 C10.6988139,7.66996938 10.6988139,8.02899185 10.8730053,8.31798646 C11.0471967,8.60698116 11.3679842,8.78016588 11.7102281,8.76998087 C12.2176935,8.75487899 12.6210911,8.34721331 12.6210911,7.84948057 C12.6210911,7.35174792 12.2176935,6.94408215 11.7102281,6.92898026 L11.7102281,6.92898026 Z M18.0314775,12.0169599 C17.6206439,12.0169599 17.2875975,12.3434684 17.2875975,12.746237 C17.2875975,13.1490056 17.6206439,13.4755141 18.0314775,13.4755141 C18.442311,13.4755141 18.7753574,13.1490056 18.7753574,12.746237 C18.7753574,12.3434684 18.442311,12.0169599 18.0314775,12.0169599 Z M19.6403341,18.249735 L20.1662398,20 L18.0695364,18.9722281 C17.4121542,19.1757473 16.7011433,19.2876829 15.9607233,19.2876829 C13.2498864,19.2876829 10.9455886,17.7986008 10.1861391,15.7617129 C9.84879821,15.8024168 9.50626744,15.8227687 9.15681685,15.8227687 C8.30958382,15.8241792 7.46712935,15.6983471 6.65876431,15.4496502 L4.17455133,16.6673733 L4.79906448,14.5948696 C3.09852036,13.5111299 2,11.8134407 2,9.91053632 C2,6.65422939 5.21425328,4 9.15508695,4 C12.8519972,4 15.9105547,6.33707868 16.2738449,9.31354671 C19.455229,9.4509222 22,11.6353614 22,14.2963748 C22.0017203,15.9024804 21.0744653,17.3372906 19.6403341,18.249735 L19.6403341,18.249735 Z M14.1477322,12.0169599 C13.8819695,12.0169599 13.6363946,12.1559594 13.5035132,12.3815984 C13.3706319,12.6072375 13.3706319,12.8852364 13.5035132,13.1108756 C13.6363946,13.3365147 13.8819695,13.4755141 14.1477322,13.4755141 C14.5585657,13.4755141 14.8916121,13.1490056 14.8916121,12.746237 C14.8916121,12.3434684 14.5585657,12.0169599 14.1477322,12.0169599 L14.1477322,12.0169599 Z" id="Shape" fill="#303138" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/apps/web/public/images/logos/twitter.svg b/apps/web/public/images/logos/twitter.svg
new file mode 100644
index 00000000..fa3a63b0
--- /dev/null
+++ b/apps/web/public/images/logos/twitter.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="25px" height="24px" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>logo-twitter</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="HOME" transform="translate(-1316.000000, -3411.000000)">
+            <g id="Group-17" transform="translate(0.000000, 3103.000000)">
+                <g id="Group-15" transform="translate(0.000000, 281.000000)">
+                    <g id="logo-twitter" transform="translate(1316.500000, 27.000000)">
+                        <rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
+                        <path d="M21.0072443,8.98654554 C20.9130371,15.9320696 16.3694326,20.6893961 9.58688171,20.9881451 C6.78984228,21.1133386 4.76348417,20.2301229 3,19.135 C5.06726765,19.4575332 7.63066173,18.6497665 9.00162905,17.5025437 C6.97527094,17.3098635 5.77553704,16.301608 5.2141701,14.679034 C5.79971086,14.7779855 6.41657544,14.7517435 6.97286142,14.636586 C5.14432007,14.0382431 3.83856707,12.9334939 3.77110037,10.6185923 C4.28422442,10.8469615 4.81913896,11.0616338 5.52979168,11.1039538 C4.16133865,10.3430642 3.14944293,7.56159289 4.30839824,5.72232408 C6.33939207,7.89843758 8.78244085,9.67421358 12.7939856,9.91443656 C11.7868304,5.70583643 17.492114,3.4236285 19.8799009,6.25223299 C20.8892823,6.06134494 21.710878,5.68699341 22.5012021,5.27953857 C22.1759163,6.25689254 21.549466,6.93990103 20.7858299,7.48629759 C21.6241089,7.37567162 22.3661116,7.17543886 23,6.86926529 C22.6068022,7.66768732 21.7469946,8.38367111 21.0072443,8.98654554 Z" id="Path" fill="#303138" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/apps/web/src/common/components/Copyright.tsx b/apps/web/src/common/components/Copyright.tsx
index 8442eeba..865ac631 100644
--- a/apps/web/src/common/components/Copyright.tsx
+++ b/apps/web/src/common/components/Copyright.tsx
@@ -1,13 +1,33 @@
 import React from 'react';
 import Link from 'next/link';
 import { Center } from '@common/components/Layout';
-import { AiFillGithub } from 'react-icons/ai';
-import { SiGitee } from 'react-icons/si';
+import Twitter from '@public/images/logos/twitter.svg';
+import WeChatAccount from '@public/images/logos/WeChatAccount.svg';
+import Tooltip from '@mui/material/Tooltip';
+import Image from 'next/image';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { useTranslation } from 'next-i18next';
 
 interface CopyrightProps {
   dark?: boolean;
 }
+const theme = createTheme({
+  components: {
+    MuiTooltip: {
+      styleOverrides: {
+        tooltip: {
+          backgroundColor: '#ffffff',
+        },
+        arrow: {
+          color: '#ffffff',
+        },
+      },
+    },
+  },
+});
 const Copyright = ({ dark = false }: CopyrightProps) => {
+  const { t } = useTranslation();
+
   return (
     <div className="h-[78px] w-full bg-gray-100 md:px-4">
       <Center className="flex h-full items-center justify-between">
@@ -17,20 +37,37 @@ const Copyright = ({ dark = false }: CopyrightProps) => {
           </p>
         </div>
         <div className="flex">
+          <ThemeProvider theme={theme}>
+            <Tooltip
+              sx={{ bgcolor: 'white' }}
+              title={
+                <>
+                  <Image
+                    width={200}
+                    height={200}
+                    src={'/images/home/WeChatQRCode.jpg'}
+                    unoptimized
+                    alt={''}
+                  />
+                  <div className="mb-1 w-48 text-center text-sm text-black">
+                    {t('home:scan_the_code_to_follow')}
+                  </div>
+                </>
+              }
+              arrow
+              placement="top"
+            >
+              <div>
+                <WeChatAccount className="h-6 w-6 cursor-pointer" />
+              </div>
+            </Tooltip>
+          </ThemeProvider>
           <Link
-            href="https://gitee.com/oss-compass"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <SiGitee className="mr-4 h-6 w-6 cursor-pointer text-[#c71c27]" />
-          </Link>
-          <Link
-            href="https://github.com/oss-compass"
-            passHref
+            href="https://twitter.com/OssCompass"
             target="_blank"
             rel="noopener noreferrer"
           >
-            <AiFillGithub className="h-6 w-6 cursor-pointer" />
+            <Twitter className="ml-4 h-6 w-6 cursor-pointer" />
           </Link>
         </div>
       </Center>