diff --git a/docs/website/docusaurus.config.js b/docs/website/docusaurus.config.js
index d5b0d89049d..581ceaccd11 100644
--- a/docs/website/docusaurus.config.js
+++ b/docs/website/docusaurus.config.js
@@ -1,6 +1,7 @@
 require('dotenv').config()
 
 const generateAlgoliKey = () => "ce5b8e1e4d0d35ff587caf75ac404df4"
+const isChinese = process.env.SEALOS_LANG === "zh-Hans"
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -59,6 +60,34 @@ const config = {
 
   themeConfig: { // @type {import('@docusaurus/preset-classic').ThemeConfig}
     metadata: [{ name: 'title', content: 'Sealos by 环界云' }],
+    ...(!isChinese && {
+      announcementBar: {
+        id: 'sealos_tip',
+        content: `
+        <div class="sealos-banner-box">
+          <div  >如果您是国内用户，请直接访问 👉 </div>
+          <div class="sealos-banner-btn" onclick="window.open('https://sealos.run', '_blank');">
+            国内官网
+          </div>
+            <svg 
+            onclick="handleBannerClose()"
+            width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <g clip-path="url(#clip0_1145_366)">
+              <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22Z" fill="white" fill-opacity="0.16"/>
+              <path d="M12 21.75C6.61507 21.75 2.25 17.3849 2.25 12C2.25 6.61507 6.61507 2.25 12 2.25C17.3849 2.25 21.75 6.61507 21.75 12C21.75 17.3849 17.3849 21.75 12 21.75Z" stroke="white" stroke-opacity="0.1" stroke-width="0.5"/>
+              <path d="M9.17184 7.75696L11.9998 10.586L14.8278 7.75696L16.2428 9.17196L13.4138 12L16.2428 14.828L14.8278 16.243L11.9998 13.414L9.17184 16.243L7.75684 14.828L10.5858 12L7.75684 9.17196L9.17184 7.75696Z" fill="white"/>
+              </g>
+              <defs>
+              <clipPath id="clip0_1145_366">
+              <rect width="24" height="24" fill="white"/>
+              </clipPath>
+              </defs>
+            </svg>
+        </div>
+      `,
+        isCloseable: true,
+      }
+    }),
     algolia: {
       // Algolia 提供的应用 ID
       appId: "SLTSB7B9Y0",
diff --git a/docs/website/src/components/NavBanner/index.scss b/docs/website/src/components/NavBanner/index.scss
deleted file mode 100644
index 429e3e47459..00000000000
--- a/docs/website/src/components/NavBanner/index.scss
+++ /dev/null
@@ -1,195 +0,0 @@
-.sealos-banner-box {
-  position: fixed;
-  top: 0;
-  background: linear-gradient(
-    90deg,
-    rgba(20, 46, 78, 0.3) 0%,
-    rgba(33, 115, 160, 0.3) 50%,
-    rgba(20, 46, 78, 0.3) 100%
-  );
-  backdrop-filter: blur(187px);
-  width: 100%;
-  height: 48px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  color: #fff;
-  font-family: PingFang SC;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  letter-spacing: 0.16px;
-  z-index: 99;
-  flex-shrink: 0;
-
-  svg {
-    position: absolute;
-    right: 9rem;
-    cursor: pointer;
-  }
-}
-
-.sealos-banner-btn {
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 8px;
-  background: rgba(0, 0, 0, 0.2);
-  padding: 0 14px;
-  margin-left: 24px;
-  position: relative;
-  height: 32px;
-  font-size: 16px;
-  svg {
-    position: absolute;
-    right: -8px;
-    bottom: -8px;
-  }
-}
-
-.sealos-banner-container {
-  width: 590px;
-  height: 444px;
-  border-radius: 16px;
-  background: #0e1a28;
-  box-shadow: 0px 8px 29px 0px rgba(187, 196, 206, 0.25);
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 99;
-  .title {
-    height: 64px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 16px 16px 0px 0px;
-    background: rgba(122, 207, 255, 0.1);
-
-    .txt {
-      color: #fff;
-      font-family: Karmilla;
-      font-size: 24px;
-      font-style: normal;
-      font-weight: 700;
-      line-height: 140%;
-      margin-left: 8px;
-    }
-
-    .sealos-banner-btn-close {
-      cursor: pointer;
-      fill: #fff;
-      width: 32px;
-      height: 32px;
-      position: absolute;
-      right: 20px;
-      // margin-left: auto;
-    }
-  }
-}
-
-.sealos-banner-body {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 0 117px;
-
-  color: #fff;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 140%;
-  letter-spacing: 0.28px;
-
-  .banner-title {
-    font-size: 28px;
-    margin-top: 76px;
-    margin-bottom: 30px;
-  }
-
-  .banner__subtitle {
-    font-size: 18px;
-  }
-}
-
-.btn {
-  cursor: pointer;
-  border-radius: 64px;
-  background: #479ceb;
-  display: flex;
-  padding: 12px 16px;
-  justify-content: center;
-  align-items: center;
-  margin-top: 46px;
-  width: 100%;
-}
-
-.btn-cancel {
-  cursor: pointer;
-  margin-top: 20px;
-  color: rgba(255, 255, 255, 0.9);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px;
-}
-
-.sealos-banner-modal {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  background: rgba(0, 0, 0, 0.48);
-  z-index: 99;
-}
-
-@media screen and (max-width: 1000px) {
-  .sealos-banner-box {
-    font-size: 12px;
-    font-weight: 500;
-
-    svg {
-      position: absolute;
-      right: 1rem;
-    }
-  }
-
-  .sealos-banner-btn {
-    font-size: 12px;
-    font-weight: 500;
-    padding: 0 8px;
-  }
-
-  .sealos-banner-container {
-    width: 90%;
-
-    .title {
-      svg {
-        width: 36px;
-        height: 36px;
-      }
-
-      .txt {
-        font-size: 18px;
-      }
-    }
-  }
-
-  .sealos-banner-body {
-    padding: 0 12px;
-    .banner-title {
-      font-size: 20px;
-    }
-
-    .banner__subtitle {
-      font-size: 14px;
-    }
-  }
-
-  .btn {
-    font-size: 14px;
-  }
-}
diff --git a/docs/website/src/components/NavBanner/index.tsx b/docs/website/src/components/NavBanner/index.tsx
deleted file mode 100644
index 2d3098b66f5..00000000000
--- a/docs/website/src/components/NavBanner/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import Translate from '@docusaurus/Translate';
-import React, { useEffect, useState } from 'react';
-import CloseIcon from '@site/static/icons/close.svg';
-import './index.scss';
-
-export default function NavBanner({
-  isBannerVisible = false,
-  setIsBannerVisible
-}: {
-  isBannerVisible: boolean;
-  setIsBannerVisible: React.Dispatch<React.SetStateAction<boolean>>;
-}) {
-  const closeBanner = () => {
-    localStorage.setItem('bannerCloseTimestamp', Date.now().toString());
-    setIsBannerVisible(false);
-  };
-
-  const goDetail = () => {
-    window.open(`https://sealos.run`);
-  };
-
-  useEffect(() => {
-    const lastCloseTimestamp = +localStorage.getItem('bannerCloseTimestamp');
-    if (
-      window.location.hostname === 'sealos.io' &&
-      (!lastCloseTimestamp || Date.now() - lastCloseTimestamp > 7 * 24 * 60 * 60 * 1000)
-    ) {
-      setIsBannerVisible(true);
-    } else {
-      setIsBannerVisible(false);
-    }
-  }, []);
-
-  return (
-    <>
-      {isBannerVisible && (
-        <div className="sealos-banner-box">
-          <Translate>如果您是国内用户，请直接访问 👉 </Translate>
-          <div className="sealos-banner-btn" onClick={goDetail}>
-            国内官网
-          </div>
-          <CloseIcon onClick={closeBanner} />
-        </div>
-      )}
-    </>
-  );
-}
diff --git a/docs/website/src/components/_Banner/index.scss b/docs/website/src/components/_Banner/index.scss
deleted file mode 100644
index 1bba583c14c..00000000000
--- a/docs/website/src/components/_Banner/index.scss
+++ /dev/null
@@ -1,177 +0,0 @@
-.sealos-banner-box {
-  position: fixed;
-  background: linear-gradient(
-    90deg,
-    rgba(20, 46, 78, 0.3) 0%,
-    rgba(33, 115, 160, 0.3) 50%,
-    rgba(20, 46, 78, 0.3) 100%
-  );
-  backdrop-filter: blur(187px);
-  width: 100%;
-  height: 48px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  color: #fff;
-  font-family: PingFang SC;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  letter-spacing: 0.16px;
-  z-index: 99;
-  flex-shrink: 0;
-}
-
-.sealos-banner-btn {
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 8px;
-  background: rgba(0, 0, 0, 0.2);
-  padding: 0 14px;
-  margin-left: 24px;
-  position: relative;
-  width: 120px;
-  height: 32px;
-  svg {
-    position: absolute;
-    right: -8px;
-    bottom: -8px;
-  }
-}
-
-.sealos-banner-container {
-  width: 590px;
-  height: 444px;
-  border-radius: 16px;
-  background: #0e1a28;
-  box-shadow: 0px 8px 29px 0px rgba(187, 196, 206, 0.25);
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 99;
-  .title {
-    height: 64px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 16px 16px 0px 0px;
-    background: rgba(122, 207, 255, 0.1);
-
-    .txt {
-      color: #fff;
-      font-family: Karmilla;
-      font-size: 24px;
-      font-style: normal;
-      font-weight: 700;
-      line-height: 140%;
-      margin-left: 8px;
-    }
-
-    .sealos-banner-btn-close {
-      cursor: pointer;
-      fill: #fff;
-      width: 32px;
-      height: 32px;
-      position: absolute;
-      right: 20px;
-      // margin-left: auto;
-    }
-  }
-}
-
-.sealos-banner-body {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 0 117px;
-
-  color: #fff;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 140%;
-  letter-spacing: 0.28px;
-
-  .banner-title {
-    font-size: 28px;
-    margin-top: 76px;
-    margin-bottom: 30px;
-  }
-
-  .banner__subtitle {
-    font-size: 18px;
-  }
-}
-
-.btn {
-  cursor: pointer;
-  border-radius: 64px;
-  background: #479ceb;
-  display: flex;
-  padding: 12px 16px;
-  justify-content: center;
-  align-items: center;
-  margin-top: 46px;
-  width: 100%;
-}
-
-.btn-cancel {
-  cursor: pointer;
-  margin-top: 20px;
-  color: rgba(255, 255, 255, 0.9);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px;
-}
-
-.sealos-banner-modal {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  background: rgba(0, 0, 0, 0.48);
-  z-index: 99;
-}
-
-@media screen and (max-width: 1000px) {
-  .sealos-banner-box {
-    font-size: 12px;
-    font-weight: 500;
-  }
-
-  .sealos-banner-container {
-    width: 90%;
-
-    .title {
-      svg {
-        width: 36px;
-        height: 36px;
-      }
-
-      .txt {
-        font-size: 18px;
-      }
-    }
-  }
-
-  .sealos-banner-body {
-    padding: 0 12px;
-    .banner-title {
-      font-size: 20px;
-    }
-
-    .banner__subtitle {
-      font-size: 14px;
-    }
-  }
-
-  .btn {
-    font-size: 14px;
-  }
-}
diff --git a/docs/website/src/components/_Banner/index.tsx b/docs/website/src/components/_Banner/index.tsx
deleted file mode 100644
index 03fb5b12edc..00000000000
--- a/docs/website/src/components/_Banner/index.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import Translate from '@docusaurus/Translate';
-import DrawIcon from '@site/static/icons/draw.svg';
-import LogoIcon from '@site/static/icons/sealos.svg';
-import React, { useEffect, useState } from 'react';
-import './index.scss';
-import useWindow from '@site/src/hooks/useWindow';
-
-export default function Banner() {
-  const [isBannerVisible, setIsBannerVisible] = useState(false);
-  const { cloudUrl, bd_vid } = useWindow();
-
-  const closeBanner = () => {
-    setIsBannerVisible(false);
-  };
-
-  const goDetailFeishu = () => {
-    window.open(`https://fael3z0zfze.feishu.cn/docx/N6C0dl2szoxeX8xtIcAcKSXRn8e`, '_blank');
-  };
-
-  useEffect(() => {
-    // Get the last display timestamp from localStorage
-    const lastDisplayTimestamp = localStorage.getItem('bannerLastDisplay');
-    const today = new Date().toLocaleDateString();
-
-    // Check if the banner has not been displayed today
-    if (!lastDisplayTimestamp || lastDisplayTimestamp !== today) {
-      setIsBannerVisible(true);
-      // Store the current date in localStorage
-      localStorage.setItem('bannerLastDisplay', today);
-    }
-  }, []);
-
-  return (
-    <>
-      <div className="sealos-banner-box">
-        <Translate>🎉 10.24 双十一双节降临！充值优惠限时开启，多充多送还有精美周边！</Translate>
-        <div className="sealos-banner-btn" onClick={goDetailFeishu}>
-          活动详情
-          <DrawIcon />
-        </div>
-      </div>
-      {isBannerVisible && <div className="sealos-banner-modal"></div>}
-      {isBannerVisible && (
-        <div className="sealos-banner-container">
-          <div className="title">
-            <LogoIcon width={'42px'} height={'42px'} />
-            <span className="txt">Sealos</span>
-            <svg
-              fill="#FFF"
-              className="sealos-banner-btn-close"
-              onClick={closeBanner}
-              xmlns="http://www.w3.org/2000/svg"
-              width="32"
-              height="33"
-              viewBox="0 0 32 33"
-            >
-              <path d="M16.3536 18.1531L16.0001 17.7995L15.6465 18.1531L9.11318 24.6864C8.97166 24.8279 8.79211 24.9066 8.5334 24.9066C8.27469 24.9066 8.09513 24.8279 7.95362 24.6864C7.8121 24.5449 7.7334 24.3653 7.7334 24.1066C7.7334 23.8479 7.8121 23.6684 7.95362 23.5268L14.487 16.9935L14.8405 16.64L14.487 16.2864L7.95362 9.75307C7.8121 9.61156 7.7334 9.43201 7.7334 9.17329C7.7334 8.91458 7.8121 8.73502 7.95362 8.59351C8.09513 8.452 8.27468 8.37329 8.5334 8.37329C8.79211 8.37329 8.97166 8.452 9.11318 8.59351L15.6465 15.1268L16.0001 15.4804L16.3536 15.1268L22.887 8.59351C23.0285 8.452 23.208 8.37329 23.4667 8.37329C23.7254 8.37329 23.905 8.452 24.0465 8.59351C24.188 8.73503 24.2667 8.91458 24.2667 9.17329C24.2667 9.432 24.188 9.61156 24.0465 9.75307L17.5132 16.2864L17.1596 16.64L17.5132 16.9935L24.0465 23.5268C24.188 23.6684 24.2667 23.8479 24.2667 24.1066C24.2667 24.3653 24.188 24.5449 24.0465 24.6864C23.905 24.8279 23.7254 24.9066 23.4667 24.9066C23.208 24.9066 23.0285 24.8279 22.887 24.6864L16.3536 18.1531Z" />
-            </svg>
-          </div>
-          <div className="sealos-banner-body">
-            <div className="banner-title">🎉 10.24 双十一双节降临！</div>
-            <div className="banner-subtitle">充值优惠限时开启</div>
-            <div className="banner-subtitle">多充多送还有精美周边！</div>
-            <div
-              className="btn"
-              onClick={() => {
-                window.open(
-                  `${cloudUrl}/?bd_vid=${bd_vid}&openapp=system-costcenter?openRecharge=true`,
-                  '_blank'
-                );
-                closeBanner();
-              }}
-            >
-              立即参加
-            </div>
-            <div className="btn-cancel" onClick={closeBanner}>
-              我再想想
-            </div>
-          </div>
-        </div>
-      )}
-    </>
-  );
-}
diff --git a/docs/website/src/css/custom.scss b/docs/website/src/css/custom.scss
index 3be0b9662e7..07bb3ca384d 100644
--- a/docs/website/src/css/custom.scss
+++ b/docs/website/src/css/custom.scss
@@ -120,3 +120,70 @@ div.kernel-arch h3::before {
 [data-theme='dark'] img[src$='#gh-light-mode-only'] {
   display: none;
 }
+
+.sealos-banner-box {
+  background: linear-gradient(
+    90deg,
+    rgba(20, 46, 78, 0.3) 0%,
+    rgba(33, 115, 160, 0.3) 50%,
+    rgba(20, 46, 78, 0.3) 100%
+  );
+  backdrop-filter: blur(187px);
+  width: 100%;
+  height: 48px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  color: #fff;
+  font-family: PingFang SC;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+  z-index: 99;
+  flex-shrink: 0;
+
+  svg {
+    position: absolute;
+    right: 9rem;
+    cursor: pointer;
+  }
+}
+
+.sealos-banner-btn {
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8px;
+  background: rgba(0, 0, 0, 0.2);
+  padding: 0 14px;
+  margin-left: 24px;
+  position: relative;
+  height: 32px;
+  font-size: 16px;
+  svg {
+    position: absolute;
+    right: -8px;
+    bottom: -8px;
+  }
+}
+
+@media screen and (max-width: 1000px) {
+  .sealos-banner-box {
+    font-size: 12px;
+    font-weight: 500;
+
+    svg {
+      position: absolute;
+      right: 1rem;
+    }
+  }
+
+  .sealos-banner-btn {
+    font-size: 12px;
+    font-weight: 500;
+    padding: 0 8px;
+  }
+}
diff --git a/docs/website/src/pages/components/Header/index.tsx b/docs/website/src/pages/components/Header/index.tsx
index 25dc0e0297d..d85e2a66ae1 100644
--- a/docs/website/src/pages/components/Header/index.tsx
+++ b/docs/website/src/pages/components/Header/index.tsx
@@ -3,7 +3,6 @@ import Translate from '@docusaurus/Translate';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useIsBrowser from '@docusaurus/useIsBrowser';
 import useWindow from '@site/src/hooks/useWindow';
-import NavBanner from '@site/src/components/NavBanner';
 import GithubIcon from '@site/static/icons/github.svg';
 import MeunIcon from '@site/static/icons/meun.svg';
 import LogoIcon from '@site/static/icons/sealos.svg';
@@ -48,7 +47,6 @@ const HomeHeader = ({ isPc }: { isPc: boolean }) => {
   const [stars, setStars] = useState(10000);
   const isBrowser = useIsBrowser();
   const { cloudUrl, bd_vid } = useWindow();
-  const [isBannerVisible, setIsBannerVisible] = useState(false);
 
   const {
     i18n: { currentLocale, defaultLocale }
@@ -96,16 +94,7 @@ const HomeHeader = ({ isPc }: { isPc: boolean }) => {
           src={require('@site/static/img/bg-header.png').default}
           alt="community"
         />
-        <NavBanner isBannerVisible={isBannerVisible} setIsBannerVisible={setIsBannerVisible} />
-        <nav
-          style={
-            isBannerVisible
-              ? {
-                  marginTop: '48px'
-                }
-              : {}
-          }
-        >
+        <nav>
           <div className="left">
             <MeunIcon width={'24px'} height={'24px'} onClick={() => openSideBar()} />
             <LogoIcon width={'42px'} height={'42px'} />
@@ -165,16 +154,7 @@ const HomeHeader = ({ isPc }: { isPc: boolean }) => {
         src={require('@site/static/img/bg-header.png').default}
         alt="community"
       />
-      <NavBanner isBannerVisible={isBannerVisible} setIsBannerVisible={setIsBannerVisible} />
-      <nav
-        style={
-          isBannerVisible
-            ? {
-                marginTop: '48px'
-              }
-            : {}
-        }
-      >
+      <nav>
         <div className="left">
           <div
             className="sealos_home_header_title"
diff --git a/docs/website/src/pages/index.scss b/docs/website/src/pages/index.scss
index c4e13e49e8a..a21d4dd8f73 100644
--- a/docs/website/src/pages/index.scss
+++ b/docs/website/src/pages/index.scss
@@ -60,3 +60,24 @@
     }
   }
 }
+
+div[role='banner'] {
+  background: linear-gradient(
+    90deg,
+    rgba(20, 46, 78, 0.3) 0%,
+    rgba(33, 115, 160, 0.3) 50%,
+    rgba(20, 46, 78, 0.3) 100%
+  );
+  backdrop-filter: blur(187px);
+  border: none;
+  height: 48px;
+}
+
+div[role='banner'] > div:first-child {
+  display: none;
+}
+
+div[role='banner'] button {
+  position: absolute;
+  opacity: 0;
+}
diff --git a/docs/website/src/pages/self-hosting/header/index.tsx b/docs/website/src/pages/self-hosting/header/index.tsx
index 5a6cba99ce2..90ba69df3f3 100644
--- a/docs/website/src/pages/self-hosting/header/index.tsx
+++ b/docs/website/src/pages/self-hosting/header/index.tsx
@@ -3,7 +3,6 @@ import Translate from '@docusaurus/Translate';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useIsBrowser from '@docusaurus/useIsBrowser';
 import useWindow from '@site/src/hooks/useWindow';
-import NavBanner from '@site/src/components/NavBanner';
 import GithubIcon from '@site/static/icons/github.svg';
 import MeunIcon from '@site/static/icons/meun.svg';
 import LogoIcon from '@site/static/icons/sealos.svg';
@@ -47,7 +46,6 @@ const HomeHeader = ({ isPc }: { isPc: boolean }) => {
   const [stars, setStars] = useState(10000);
   const isBrowser = useIsBrowser();
   const { cloudUrl, bd_vid } = useWindow();
-  const [isBannerVisible, setIsBannerVisible] = useState(false);
 
   const {
     i18n: { currentLocale, defaultLocale }
@@ -89,16 +87,7 @@ const HomeHeader = ({ isPc }: { isPc: boolean }) => {
   if (!isPc) {
     return (
       <div className="sealo_price_header">
-        <NavBanner isBannerVisible={isBannerVisible} setIsBannerVisible={setIsBannerVisible} />
-        <nav
-          style={
-            isBannerVisible
-              ? {
-                  marginTop: '48px'
-                }
-              : {}
-          }
-        >
+        <nav>
           <div className="left">
             <MeunIcon width={'24px'} height={'24px'} onClick={() => openSideBar()} />
             <LogoIcon width={'42px'} height={'42px'} />
@@ -117,16 +106,7 @@ const HomeHeader = ({ isPc }: { isPc: boolean }) => {
 
   return (
     <div className="sealo_price_header">
-      <NavBanner isBannerVisible={isBannerVisible} setIsBannerVisible={setIsBannerVisible} />
-      <nav
-        style={
-          isBannerVisible
-            ? {
-                marginTop: '48px'
-              }
-            : {}
-        }
-      >
+      <nav>
         <div className="left">
           <div
             className="sealos_home_header_title"
diff --git a/docs/website/static/global.js b/docs/website/static/global.js
index 71abcf5303c..b248325e744 100644
--- a/docs/website/static/global.js
+++ b/docs/website/static/global.js
@@ -1,5 +1,5 @@
 document.addEventListener("DOMContentLoaded", function () {
-  console.log('Handle a tag interception')
+  console.log('Handle a tag interception', 111)
   const parentElement = document.body
   parentElement.addEventListener("click", function (event) {
     if (event.target.tagName === "A") {
@@ -19,4 +19,26 @@ document.addEventListener("DOMContentLoaded", function () {
       }
     }
   })
+
+  if (window.location.hostname === 'sealos.run') {
+    const baiduSubmitUrl = 'https://htr4n1.laf.run/baidu-sealos?urls=https://sealos.run'
+    fetch(baiduSubmitUrl)
+      .then(response => response.json())
+      .then(data => {
+        const responseBody = JSON.parse(data.body)
+        console.log(responseBody)
+      })
+      .catch(error => {
+        console.error('请求失败，但这可能是因为达到提交上限:', error)
+      })
+  }
+
 })
+
+function handleBannerClose () {
+  const closeButton = document.querySelector('.clean-btn')
+  console.log(closeButton)
+  if (closeButton) {
+    closeButton.click()
+  }
+}
\ No newline at end of file