update homepage

Signed-off-by: ryjiang <jiangruiyi@gmail.com>
milvus-io · Nov 5, 2024 · 5e18c1b · 5e18c1b
1 parent 1043c66
commit 5e18c1b
Show file tree

Hide file tree

Showing 7 changed files with 53 additions and 35 deletions.
diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
@@ -121,6 +121,12 @@ const Footer = (props: Props) => {
                     src="/images/blue-heart.png"
                     alt="Blue Heart Emoji"
                   />,
+                  <a
+                    href="https://zilliz.com/"
+                    target="_blank"
+                    rel="noreferrer"
+                    className="text-black2 hover:text-black2"
+                  ></a>,
                 ]}
               />
             </div>

diff --git a/src/i18n/en/home.json b/src/i18n/en/home.json
@@ -102,8 +102,8 @@
       ]
     },
     "cloud": {
-      "title": "Zilliz Cloud",
-      "advantage": "Fully managed with minimal operations",
+      "title": "Zilliz Cloud (fully managed Milvus)",
+      "advantage": "Hassle-free and 10x faster than Milvus",
       "features": [
         "Available in both serverless and dedicated cluster",
         "SaaS and BYOC options for different security and compliance requirements"
@@ -125,7 +125,7 @@
     }
   },
   "subscribeSection": {
-    "title": "Join the community of developers building GenAI apps with Milvus, now with over <0>25 million downloads</0>",
+    "title": "Join the community of developers building GenAI apps with Milvus, now with over <0>50 million downloads</0>",
     "subscribe": {
       "title": "Get Milvus Updates",
       "desc": "Subscribe to get updates on the latest Milvus releases, tutorials and training from Zilliz, the creator and key maintainer of Milvus.",

diff --git a/src/i18n/en/milvus.json b/src/i18n/en/milvus.json
@@ -944,7 +944,7 @@
     },
     "footnote": {
       "copyright": "Copyright © Milvus. {{year}} All rights reserved.",
-      "maintainer": "Made with Love <0></0> by the Devs from Zilliz"
+      "maintainer": "Made with Love <0></0> by the Devs from <1>Zilliz</1>"
     }
   },
   "status": {

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -5,7 +5,7 @@ import TryFreeSection, { AIToolsSection } from '@/parts/home/tryFreeSection';
 import LovedSection from '@/parts/home/lovedSection';
 import VectorDatabaseSection from '@/parts/home/vdbSection';
 import DeploySection from '@/parts/home/deploySection';
-import DevelopSection from '@/parts/home/developSection';
+import DevelopSection, { MeetupsSection } from '@/parts/home/developSection';
 import SubscribeSection from '@/parts/home/subscribeSection';
 import Layout from '@/components/layout/commonLayout';
 import { getMilvusStats } from '@/http/home';
@@ -36,9 +36,10 @@ export default function Homepage(props: {
         {/* <TryFreeSection /> */}
         <DeploySection />
         <AIToolsSection />
+        <DevelopSection />
         <LovedSection />
         <ProductionSection />
-        <DevelopSection />
+        <MeetupsSection />
         <VectorDatabaseSection />
         <SubscribeSection />
       </main>

diff --git a/src/parts/home/deploySection/index.module.less b/src/parts/home/deploySection/index.module.less
@@ -89,7 +89,10 @@
       margin-bottom: 12px;
 
       .dbName {
-        max-width: 320px;
+        max-width: 410px;
+        a {
+          color: @color-black1;
+        }
 
         @media @phone {
           max-width: 100%;

diff --git a/src/parts/home/deploySection/index.tsx b/src/parts/home/deploySection/index.tsx
@@ -107,7 +107,9 @@ export default function DeploySection() {
           className={clsx(classes.zillizCloud, cloudConfig.class)}
         >
           <div className="">
-            <h3 className={clsx(classes.dbName)}>{cloudConfig.title}</h3>
+            <h3 className={clsx(classes.dbName)}>
+              <a href="https://zilliz.com/cloud/">{cloudConfig.title}</a>
+            </h3>
             <div className={classes.dbContent}>
               <p className={classes.dbAdvantage}>{cloudConfig.advantage}</p>
               <ol className={classes.dbFeatures}>

diff --git a/src/parts/home/developSection/index.tsx b/src/parts/home/developSection/index.tsx
@@ -122,37 +122,43 @@ export default function DevelopSection(props: { showMeetup?: boolean }) {
           <RightArrow />
         </button>
       </div>
+    </section>
+  );
+}
 
-      {showMeetup && (
-        <div className={clsx(pageClasses.homeContainer)}>
-          <div className={classes.meetupBgContainer}>
-            <div className={classes.meetupWrapper}>
-              <div className={classes.contentWrapper}>
-                <img
-                  src="/images/home/meetup-logo.png"
-                  alt="Unstructured Data Meetups"
-                />
-                <div>
-                  <h3>{t('developSection.meetup.title')}</h3>
-                  <p>{t('developSection.meetup.desc')}</p>
-                </div>
-              </div>
+export const MeetupsSection = () => {
+  const { t } = useTranslation('home');
 
-              <CustomButton
-                href={MEETUP_UNSTRUCTURED_DATA_URL}
-                endIcon={<RightWholeArrow color="#fff" />}
-                variant="contained"
-                classes={{
-                  root: classes.rsvpButton,
-                  icon: classes.linkButtonIcon,
-                }}
-              >
-                {t('buttons.rsvp')}
-              </CustomButton>
+  return (
+    <section className={clsx(classes.sectionContainer)}>
+      <div className={clsx(pageClasses.homeContainer)}>
+        <div className={classes.meetupBgContainer}>
+          <div className={classes.meetupWrapper}>
+            <div className={classes.contentWrapper}>
+              <img
+                src="/images/home/meetup-logo.png"
+                alt="Unstructured Data Meetups"
+              />
+              <div>
+                <h3>{t('developSection.meetup.title')}</h3>
+                <p>{t('developSection.meetup.desc')}</p>
+              </div>
             </div>
+
+            <CustomButton
+              href={MEETUP_UNSTRUCTURED_DATA_URL}
+              endIcon={<RightWholeArrow color="#fff" />}
+              variant="contained"
+              classes={{
+                root: classes.rsvpButton,
+                icon: classes.linkButtonIcon,
+              }}
+            >
+              {t('buttons.rsvp')}
+            </CustomButton>
           </div>
         </div>
-      )}
+      </div>
     </section>
   );
-}
+};