From fe43e6a0fa5ec0928d8b30b7a4056873abe82e91 Mon Sep 17 00:00:00 2001
From: ThyeeZz <jialian.ji@zilliz.com>
Date: Wed, 4 Dec 2024 16:51:26 +0800
Subject: [PATCH] updat esubscribe button

---
 src/components/card/DemoCard.jsx           |  6 ++--
 src/components/footer/index.tsx            | 10 ++++--
 src/components/subscribe/index.module.less | 40 ++++++----------------
 src/components/subscribe/index.tsx         |  7 ++--
 src/http/submitEmail.ts                    |  2 +-
 src/pages/blog/index.tsx                   |  1 -
 src/pages/index.tsx                        |  1 -
 src/pages/milvus-demos/index.jsx           |  6 ----
 8 files changed, 24 insertions(+), 49 deletions(-)

diff --git a/src/components/card/DemoCard.jsx b/src/components/card/DemoCard.jsx
index 1390bb440..b375a413e 100644
--- a/src/components/card/DemoCard.jsx
+++ b/src/components/card/DemoCard.jsx
@@ -103,9 +103,9 @@ const DemoCard = ({
                   <path
                     d="M10.4668 6.85159C10.7334 7.05159 10.7334 7.45159 10.4668 7.65159L3.80009 12.6516C3.47047 12.8988 3.00009 12.6636 3.00009 12.2516V2.25159C3.00009 1.83956 3.47047 1.60437 3.80009 1.85159L10.4668 6.85159Z"
                     stroke="black"
-                    stroke-width="1.3"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
+                    strokeWidth="1.3"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
                   />
                 </svg>
               }
diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index ffcd7eb18..e7b20aa9c 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -15,6 +15,7 @@ import {
 import { RightTopArrowIcon } from '@/components/icons';
 import SocialMedias from '../socialMedias';
 import { LanguageEnum } from '../language-selector';
+import SubscribeNewsletter from '../subscribe';
 
 const footerJson = [
   {
@@ -99,12 +100,12 @@ const Footer = (props: Props) => {
             content
           )}
         >
-          <div className="flex  flex-col items-center max-phone:items-start sm:items-start lg:items-start shrink-0">
+          <div className="flex  flex-col items-center max-phone:items-start sm:items-start lg:items-start flex-shrink flex-grow-0 flex-[390px]">
             <img
               alt="Milvus logo"
               height="30"
               width="131"
-              src={'/images/milvus_logo.svg'}
+              src="/images/milvus_logo.svg"
               style={{
                 aspectRatio: '120/40',
                 objectFit: 'cover',
@@ -130,6 +131,9 @@ const Footer = (props: Props) => {
                 ]}
               />
             </div>
+            <div className="mt-[40px] w-full">
+              <SubscribeNewsletter />
+            </div>
             <div className="flex mt-[40px] space-x-[12px]">
               <SocialMedias />
             </div>
@@ -141,7 +145,7 @@ const Footer = (props: Props) => {
           </div>
           <div
             className={clsx(
-              'grid grid-cols-2 gap-8 text-sm sm:gap-x-0 flex-shrink-0 flex-grow-0 flex-[520px] max-tablet:flex-auto',
+              'grid grid-cols-2 gap-8 text-sm sm:gap-x-0 flex-shrink-0 flex-grow-0 flex-[420px] max-tablet:flex-auto',
               nav
             )}
           >
diff --git a/src/components/subscribe/index.module.less b/src/components/subscribe/index.module.less
index 8a67a5b3c..df386dc39 100644
--- a/src/components/subscribe/index.module.less
+++ b/src/components/subscribe/index.module.less
@@ -1,40 +1,21 @@
 @import (reference) '../../styles/global.module.less';
 
 .subscribeContainer {
-  display: flex;
-  gap: 90px;
-  justify-content: space-between;
-  padding: 50px;
-  border-radius: 16px;
-  border: 1px solid @color-black4;
   background: #fff;
+  width: 100%;
 
-  @media @tablet, @phone {
-    flex-direction: column;
-    padding: 30px;
-    gap: 24px;
-  }
-
-  .descriptionSection {
-    flex: 1;
-    h3 {
-      .heading3();
-      margin-bottom: 8px;
-      color: @color-black1;
-      max-width: 450px;
-    }
-
-    p {
-      .paragraph4-regular();
-      color: @color-black2;
-    }
+  .title {
+    .paragraph1-bold();
+    margin-bottom: 8px;
+    color: @color-black1;
   }
 }
+
 .subscribeSection {
-  flex: 0 0 520px;
   display: flex;
   align-items: flex-start;
   gap: 12px;
+  width: 100%;
 
   @media @tablet {
     max-width: 420px;
@@ -61,10 +42,7 @@
   .customInputContainer {
     border-radius: 10px;
     border: 1px solid @color-black3;
-    padding-left: 20px;
-    padding-right: 20px;
-    padding-top: 14px;
-    padding-bottom: 14px;
+    padding: 8px 16px;
     background-color: #fff;
 
     &:focus-within {
@@ -84,6 +62,8 @@
   }
 
   .customScribeButton {
+    .paragraph4();
+    padding: 9px 16px;
     border: none;
     @media @phone {
       width: 100%;
diff --git a/src/components/subscribe/index.tsx b/src/components/subscribe/index.tsx
index 2d5725444..af87cbb5e 100644
--- a/src/components/subscribe/index.tsx
+++ b/src/components/subscribe/index.tsx
@@ -65,10 +65,9 @@ const SubscribeNewsletter = (props: {
 
   return (
     <div className={classes.subscribeContainer}>
-      <div className={classes.descriptionSection}>
-        <h3>{t('home:subscribeSection.subscribe.title')}</h3>
-        <p>{t('home:subscribeSection.subscribe.desc')}</p>
-      </div>
+      <h3 className={classes.title}>
+        {t('home:subscribeSection.subscribe.title')}
+      </h3>
       <div className={classes.subscribeSection}>
         <div className={classes.inputWrapper}>
           <CustomInput
diff --git a/src/http/submitEmail.ts b/src/http/submitEmail.ts
index 731ec0d03..223594685 100644
--- a/src/http/submitEmail.ts
+++ b/src/http/submitEmail.ts
@@ -3,7 +3,7 @@ import axios from 'axios';
 const hubsportAxiosInstance = axios.create({
   timeout: 20000,
   baseURL:
-    'https://api.hsforms.com/submissions/v3/integration/submit/24054828/0e47e016-7656-429c-838b-93445e4c5242',
+    'https://app.hubspot.com/submissions/24054828/form/62189c92-f957-4834-9b90-596c8a00dff4/performance?redirectUrl=https%3A%2F%2Fapp.hubspot.com%2Fforms%2F24054828%3Fquery%3Dmilvus%2Bnew',
   headers: {
     'Content-Type': 'application/json; charset=utf-8',
   },
diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
index b235bb0e3..03bbd3bda 100644
--- a/src/pages/blog/index.tsx
+++ b/src/pages/blog/index.tsx
@@ -317,7 +317,6 @@ const BlogTemplate = (props: {
                 </PaginationItem>
               </PaginationContent>
             </Pagination>
-            <SubscribeNewsletter />
           </section>
         </div>
       </main>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 5e5d158ad..9e5a9ea3b 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -41,7 +41,6 @@ export default function Homepage(props: {
         <ProductionSection />
         <MeetupsSection />
         <VectorDatabaseSection />
-        <SubscribeSection />
       </main>
     </Layout>
   );
diff --git a/src/pages/milvus-demos/index.jsx b/src/pages/milvus-demos/index.jsx
index d15104ca2..76abd1f67 100644
--- a/src/pages/milvus-demos/index.jsx
+++ b/src/pages/milvus-demos/index.jsx
@@ -143,12 +143,6 @@ export default function MilvusDemos() {
             ))}
           </ul>
         </section>
-
-        <section
-          className={clsx(pageClasses.container, classes.subscribeContainer)}
-        >
-          <SubscribeNewsletter callback={handleOpenSnackbar} />
-        </section>
       </Layout>
       <CustomizedContentDialogs
         open={dialogConfig.open}