add zilliz logo to milvus page

src/components/footer/index.tsx

@@ -18,6 +18,7 @@ import SocialMedias from '../socialMedias';
 import { LanguageEnum } from '@/types/localization';
 import SubscribeNewsletter from '../subscribe';
 import { useGlobalLocale } from '@/hooks/use-global-locale';
+import { Divider } from '@mui/material';
 
 type Props = {
   classes?: {
@@ -126,15 +127,23 @@ const Footer = (props: Props) => {
         >
           <div className="flex  flex-col items-center max-phone:items-start sm:items-start lg:items-start flex-shrink-0 flex-grow-0 flex-[390px]">
             <img
-              alt="Milvus logo"
-              height="30"
-              width="131"
-              src="/images/milvus_logo.svg"
-              style={{
-                aspectRatio: '120/40',
-                objectFit: 'cover',
-              }}
+              src="/images/layout/lf-ai-logo.svg"
+              alt="LF_AI"
+              className="h-[16px] w-[auto] mb-[10px]"
             />
+            <div className="flex items-center gap-[8px] ">
+              <img
+                alt="Milvus"
+                className="h-[40px] w-[auto] max-phone:h-[30px]"
+                src="/images/layout/milvus-logo.svg"
+              />
+              <span className="h-[40px] w-[1px] bg-black3"></span>
+              <img
+                src="/images/layout/zilliz-logo.svg"
+                alt="Zilliz"
+                className="h-[50px] w-[auto] max-phone:h-[40px]"
+              />
+            </div>
             <div className="flex items-center gap-[8px] mt-[12px] text-[14px] font-[400] leading-[1.5] text-black2 whitespace-nowrap flex-wrap">
               <Trans
                 t={t}

src/components/header/DescktopHeader.tsx

@@ -125,7 +125,7 @@ export default function DesktopHeader(props: Props) {
         )}
       >
         <div className="flex items-center gap-[40px] max-[1240px]:gap-[10px]">
-          <LogoSection lightMode={true} />
+          <LogoSection />
 
           <ul className="flex items-center list-none gap-[16px] max-[1080px]:gap-[10px]">
             {menuConfigs.map(config => {

src/components/header/Logos.jsx → src/components/header/Logos.tsx

@@ -5,19 +5,24 @@ import GitHubButton from '../githubButton';
 import { useState, useEffect } from 'react';
 import { getGithubStatics } from '@/http/milvus';
 import { useGlobalLocale } from '@/hooks/use-global-locale';
+import { ZILLIZ_OFFICIAL_WEBSITE } from '@/consts/externalLinks';
 
-export const LogoSection = props => {
-  const foundationLogo = '/images/lf_logo.png';
+export const LogoSection = (props: { equipment?: 'desktop' | 'tablet' }) => {
+  const { equipment = 'desktop' } = props;
   const { getLocalePath } = useGlobalLocale();
   return (
     <div className={classes.logoSection}>
       <Link href={getLocalePath('/')} className="inline-flex items-center">
-        <img src="/images/milvus_logo.svg" height={24} alt="milvus-logo" />
+        <img src="/images/layout/milvus-logo.svg" height={24} alt="Milvus" />
       </Link>
       <div className="w-[1px] h-[20px] bg-black3 mx-[8px]" />
-      <span className="inline-flex items-center justify-center">
-        <img src={foundationLogo} height={20} alt="LFAI" />
-      </span>
+      <a
+        href={ZILLIZ_OFFICIAL_WEBSITE}
+        target="_blank"
+        rel="noreferrer noopener"
+      >
+        <img src="/images/layout/zilliz-logo.svg" alt="Zilliz" height={30} />
+      </a>
     </div>
   );
 };

src/components/header/index.module.less

@@ -56,3 +56,8 @@
     margin-bottom: 24px;
   }
 }
+
+.zillizLogo {
+  height: 24px;
+  width: auto;
+}

src/components/header/mobileHeader.module.less

@@ -53,6 +53,13 @@
 
   .menuIconBtn {
     cursor: pointer;
+    padding: 0;
+    margin: 0;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 }