Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

updat esubscribe button #1717

Merged
merged 1 commit into from
Dec 4, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/components/card/DemoCard.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
}
Expand Down
10 changes: 7 additions & 3 deletions src/components/footer/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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 = [
{
Expand Down Expand Up @@ -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',
Expand All @@ -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>
Expand All @@ -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
)}
>
Expand Down
40 changes: 10 additions & 30 deletions src/components/subscribe/index.module.less
Original file line number Diff line number Diff line change
@@ -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;
Expand All @@ -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 {
Expand All @@ -84,6 +62,8 @@
}

.customScribeButton {
.paragraph4();
padding: 9px 16px;
border: none;
@media @phone {
width: 100%;
Expand Down
7 changes: 3 additions & 4 deletions src/components/subscribe/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion src/http/submitEmail.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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',
},
Expand Down
1 change: 0 additions & 1 deletion src/pages/blog/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -317,7 +317,6 @@ const BlogTemplate = (props: {
</PaginationItem>
</PaginationContent>
</Pagination>
<SubscribeNewsletter />
</section>
</div>
</main>
Expand Down
1 change: 0 additions & 1 deletion src/pages/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,6 @@ export default function Homepage(props: {
<ProductionSection />
<MeetupsSection />
<VectorDatabaseSection />
<SubscribeSection />
</main>
</Layout>
);
Expand Down
6 changes: 0 additions & 6 deletions src/pages/milvus-demos/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -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}
Expand Down
Loading