diff --git a/docs/src/components/LandingPage/Hero.jsx b/docs/src/components/LandingPage/Hero.jsx
index c83adf73..8e087f79 100644
--- a/docs/src/components/LandingPage/Hero.jsx
+++ b/docs/src/components/LandingPage/Hero.jsx
@@ -52,7 +52,7 @@ const Hero = () => {
               >
                 <span class="relative z-10 block px-5 py-3 overflow-hidden font-medium leading-tight text-gray-800 transition-colors duration-300 ease-out border-2 border-gray-900 rounded-lg group-hover:text-white">
                   <span class="absolute inset-0 w-full h-full px-5 py-3 rounded-lg bg-gray-50"></span>
-                  <span class="absolute left-0 w-48 h-48 -ml-2 transition-all duration-300 origin-top-right -rotate-90 -translate-x-full translate-y-12 bg-gray-900 group-hover:-rotate-180 ease"></span>
+                  <span class="absolute left-0 w-52 h-48 -ml-2 transition-all duration-300 origin-top-right -rotate-90 -translate-x-full translate-y-12 bg-gray-900 group-hover:-rotate-180 ease"></span>
                   <span class="relative flex items-center justify-center">
                     {" "}
                     <Icon
diff --git a/docs/src/components/LandingPage/Introduction.jsx b/docs/src/components/LandingPage/Introduction.jsx
index d1f59a1d..b78c83ed 100644
--- a/docs/src/components/LandingPage/Introduction.jsx
+++ b/docs/src/components/LandingPage/Introduction.jsx
@@ -6,11 +6,11 @@ const Introduction = () => {
     <section className="mb-28 dark:text-white">
       <div className="introduction-container ">
         <div className="title-container w-full bg-[#EFEFEF] p-4 mb-12 flex flex-wrap dark:bg-[#242526]">
-          <div className="left-image-container px-24  w-full md:w-1/2 sm:w-1/3">
+          <div className="left-image-container px-32  w-full md:w-1/2 sm:w-1/3">
             <img
-              className="w-full -mt-8 h-64 object-contain  lg:h-64 md:h-96 dark:rounded-lg "
+              className="w-full  h-64 object-fill  lg:h-56 md:h-96 dark:rounded-lg "
               alt="Hippo4j System"
-              src={useBaseUrl("/img/introduction/t2.svg")}
+              src={useBaseUrl("/img/introduction/t.jpg")}
             />
             {/* <div className="introduction-title-image h-64 w-full img-div"></div> */}
           </div>
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index 6d1f8874..d8bccd75 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -224,6 +224,72 @@ div[class^="announcementBar_"] {
   }
 }
 
+@media (min-width: 1440px) {
+  .container {
+    max-width: var(--ifm-container-width-xl);
+  }
+}
+
+@media (max-width: 996px) {
+  .col {
+    --ifm-col-width: 100%;
+    flex-basis: var(--ifm-col-width);
+    margin-left: 0;
+  }
+
+  .footer {
+    --ifm-footer-padding-horizontal: 0;
+  }
+
+  .colorModeToggle_DEke,
+  .footer__link-separator,
+  .navbar__item,
+  .sidebar_re4s,
+  .tableOfContents_bqdL {
+    display: none;
+  }
+
+  .footer__col {
+    margin-bottom: calc(var(--ifm-spacing-vertical) * 3);
+  }
+
+  .footer__link-item {
+    display: block;
+  }
+
+  .hero {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .navbar > .container,
+  .navbar > .container-fluid {
+    padding: 0;
+  }
+
+  .navbar__toggle {
+    display: inherit;
+  }
+
+  .navbar__search-input {
+    width: 9rem;
+  }
+
+  .pills--block,
+  .tabs--block {
+    flex-direction: column;
+  }
+
+  .searchBox_ZlJk {
+    position: absolute;
+    right: var(--ifm-navbar-padding-horizontal);
+  }
+
+  .docItemContainer_F8PC {
+    padding: 0 0.3rem;
+  }
+}
+
 /* Custom */
 .bg-cousom {
   background-position: 50% 65%;
@@ -281,7 +347,7 @@ nav.menu {
 }
 
 div[class^="announcementBar_"] {
-  font-size: 14px;
+  font-size: 16px;
   background: none;
   background-color: #fafbfc;
   padding: 8px 0;
@@ -301,3 +367,16 @@ div[class^="announcementBar_"] a {
   margin: 0;
   line-height: 2;
 }
+
+.logo-img-container {
+  align-items: center;
+  background: #fff;
+  border: 1px solid #eaecef;
+  border-radius: 4px;
+  box-shadow: 0 1px 2px 0 #f8f9fa;
+  display: flex;
+  height: 80px;
+  justify-content: center;
+  margin: 5px;
+  min-width: 0;
+}
diff --git a/docs/src/pages/users.js b/docs/src/pages/users.js
index e625c267..c0bdebc4 100644
--- a/docs/src/pages/users.js
+++ b/docs/src/pages/users.js
@@ -12,22 +12,18 @@ function CompanyCards({ companies }) {
         .map((company) => (
           <div
             onClick={() => window.open(company.url)}
-            key={company.url}
-            // className="bg-white rounded-lg overflow-hidden shadow-sm transform cursor-pointer transition-all duration-500 hover:scale-110"
-            className="bg-white rounded-lg overflow-hidden shadow-sm transform cursor-pointer transition-all duration-500 hover:scale-110"
-            style={{ border: "1px solid #E5E7EB" }}
+            className="rounded-lg overflow-hidden  transform cursor-pointer transition-all duration-500 hover:scale-110"
+            // style={{ border: "1px solid #E5E7EB" }}
           >
-            <div className="flex dark:text-black items-center justify-center h-28">
-              <div
-                className="h-22 w-24 object-contain"
-                style={{ position: "relative" }}
-              >
-                <img
-                  src={useBaseUrl(company.logo)}
-                  alt={`${company.name}`}
-                  className="h-22 w-24 object-contain"
-                />
-              </div>
+            <div
+              className="h-20 logo-img-container p-1"
+              style={{ position: "relative" }}
+            >
+              <img
+                src={useBaseUrl(company.logo)}
+                alt={`${company.name}`}
+                className="max-h-[90%] max-w-[90%] h-auto object-contain"
+              />
             </div>
           </div>
         ))}
@@ -37,11 +33,11 @@ function CompanyCards({ companies }) {
 export default function OurUsers() {
   return (
     <Layout title="OurUsers" description="companies using our product">
-      <div className="max-w-screen-lg mx-auto dark:text-white">
+      <div className="w-[1200px] px-5 mx-auto dark:text-white">
         {/* text description*/}
-        <div className="max-w-screen-sm sm:mx-auto mx-10 text-center my-8 mt-16 ">
-          <div className="text-center mt-8">
-            <h2 className="text-3xl font-bold my-4">
+        <div className="max-w-screen-sm sm:mx-auto mx-10 text-center my-8 mt-14 mb-12 ">
+          <div className="text-center ">
+            <h2 className="text-3xl font-medium mb-7">
               <Translate
                 id="companyPage.title"
                 description="the title for the company page"
@@ -50,12 +46,12 @@ export default function OurUsers() {
               </Translate>
             </h2>
             <div
-              className="mx-auto h-1 bg-gradient-to-r from-green-400 to-blue-500 my-6"
+              className="mx-auto h-[0.215rem] bg-gradient-to-r from-green-400 to-blue-500 mb-6"
               style={{ width: "30%" }}
             ></div>
           </div>
-          <div className="flex flex-col items-center mx-auto">
-            <p className="text-lg leading-loose mb-2 max-w-1/2">
+          <div className="  mb-7 mx-auto">
+            <p className="text-lg leading-loose mb-2 ">
               <Translate
                 id="companyPage.descriptionText"
                 description="the description for the company page"
@@ -64,7 +60,7 @@ export default function OurUsers() {
                 This is our greatest motivation to move forward.
               </Translate>{" "}
             </p>
-            <p className="text-lg mb-4 max-w-1/2 leading-loose">
+            <p className="text-lg mb-5  leading-loose">
               <Translate
                 id="companyPage.questionText"
                 description="the text for the company question"
diff --git a/docs/static/img/introduction/t.jpg b/docs/static/img/introduction/t.jpg
new file mode 100644
index 00000000..2a4b0ddc
Binary files /dev/null and b/docs/static/img/introduction/t.jpg differ
diff --git a/docs/static/json/company_logo.json b/docs/static/json/company_logo.json
index 8f61fc5b..2996a37a 100644
--- a/docs/static/json/company_logo.json
+++ b/docs/static/json/company_logo.json
@@ -174,11 +174,7 @@
     "logo": "/img/company_logos/youdao.png",
     "url": "https://www.youdao.com"
   },
-  {
-    "name": "神州数码（西安）",
-    "logo": "/img/company_logos/digitalchina.png",
-    "url": "https://www.digitalchina.com"
-  },
+
   {
     "name": "广联达科技股份有限公司",
     "logo": "/img/company_logos/glodon.jpg",