From 4ec538e8eba9347846bed44b21ae476229f45b4f Mon Sep 17 00:00:00 2001 From: Shan-Weaviate <137914800+Shan-Weaviate@users.noreply.github.com> Date: Thu, 6 Feb 2025 15:16:15 +0000 Subject: [PATCH] Update --- .../Signup/Ebooks/V2/styles.module.scss | 353 +++++++++++------- src/components/Signup/Ebooks/v2.jsx | 77 ++-- static/img/site/database-ebook-cover.jpg | Bin 0 -> 156695 bytes 3 files changed, 269 insertions(+), 161 deletions(-) create mode 100644 static/img/site/database-ebook-cover.jpg diff --git a/src/components/Signup/Ebooks/V2/styles.module.scss b/src/components/Signup/Ebooks/V2/styles.module.scss index 0fb32c34a..4530a29c1 100644 --- a/src/components/Signup/Ebooks/V2/styles.module.scss +++ b/src/components/Signup/Ebooks/V2/styles.module.scss @@ -1,187 +1,145 @@ .demoContainer { margin: auto; - background: #131144; - - background-image: url('/img/site/ebook-bg-00.png'); background-size: cover; background-position-y: bottom; background-repeat: no-repeat; - height: 100vh; - - display: flex; - @media screen and (max-width: 1100px) { - flex-direction: column; - overflow: auto; - background-position-x: center; - } - - @media screen and (max-width: 780px) { + @media screen and (max-width: 900px) { background-size: cover; background-position-y: bottom; background-repeat: no-repeat; background-position-x: left; + height: auto; } } -.demoSideA { - flex: 1; - flex-basis: 50%; - padding: 3rem; +.demoTitle { display: flex; flex-direction: column; - justify-content: space-evenly; - - @media screen and (max-width: 1200px) { - flex-basis: 55%; - padding: 3rem; - gap: 20px; - } - - @media screen and (max-width: 900px) { - flex-basis: 100%; - } + gap: 10px; img { margin-bottom: 10px; } - h1 { - color: #61bd73; - font-family: 'Plus Jakarta Sans'; - font-size: 3rem; - font-style: normal; - font-weight: 700; - line-height: 140%; /* 4.2rem */ - - @media screen and (max-width: 1200px) { - width: 100%; - } + .demoLogo { + width: 10.43744rem; + height: 1.43244rem; + flex-shrink: 0; + background-image: url('/img/site/weaviate-logo-light-alpha.svg'); + background-size: cover; } +} - span { - color: #ddebf2; - font-family: 'Plus Jakarta Sans'; - font-size: 1.25rem; - font-style: normal; - font-weight: 400; - line-height: 160%; /* 2rem */ - } +.contentContainer { + max-width: 1060px; + margin: auto; + padding: 2rem; + display: flex; + flex-direction: column; + gap: 20px; +} +.content { + display: flex; + justify-content: center; + gap: 40px; - p { - margin-bottom: 20px; + @media screen and (max-width: 900px) { + flex-direction: column-reverse; + gap: 20px; + } +} - width: 85%; - color: #130c49; - font-family: 'Inter'; - font-size: 1rem; - font-style: normal; - font-weight: 400; - line-height: 160%; /* 1.6rem */ +.contentSideA { + display: flex; + flex-direction: column; + width: 100%; + align-items: center; - @media screen and (max-width: 850px) { - width: 100%; - } + @media screen and (max-width: 1100px) { + width: 70%; } - .demoLogo { - width: 10.43744rem; - height: 1.43244rem; - flex-shrink: 0; - background-image: url('/img/site/weaviate-logo-light-alpha.svg'); - background-size: cover; + @media screen and (max-width: 900px) { + width: 100%; } .smallText { font-size: 1rem; } - ul { - color: #ddebf2; + h3 { + font-size: 24px; + color: #fff; + } + + p { + font-size: 15px; + color: #fff; font-family: 'Plus Jakarta Sans'; - font-size: 1.5rem; - font-style: normal; - font-weight: 600; - line-height: 160%; /* 2.4rem */ - padding: 0; - list-style-position: outside; - display: flex; - flex-direction: column; - gap: 40px; + } - padding-left: 10px; + span { + color: #ffffff; + font-style: italic; + font-size: 1.1rem; } - li { - padding-left: 10px; - color: #ddebf2; - font-family: 'Inter'; - font-size: 1.25rem; - font-style: normal; - font-weight: 300; - line-height: 160%; /* 2rem */ - @media screen and (max-width: 1100px) { - width: 74%; - } + .reportImage { + background: url('/img/site/database-ebook-cover.jpg'); - @media screen and (max-width: 1060px) { - width: 60%; + background-size: contain; + background-position: center; + background-repeat: no-repeat; + height: 34rem; + width: 100%; + + @media screen and (max-width: 900px) { + background-size: contain; + background-position: center; + background-repeat: no-repeat; + height: 44rem; + width: 100%; + margin: 20px auto; } - @media screen and (max-width: 780px) { + @media screen and (max-width: 700px) { + background-size: contain; + background-position: center; + background-repeat: no-repeat; + height: 24rem; width: 100%; + margin: 20px auto; } } } -.demoSideB { - flex: 1; - flex-basis: 50%; - justify-content: center; - - padding: 3rem; +.contentSideB { display: flex; - align-items: center; - - @media screen and (max-width: 1200px) { - flex-basis: 45%; - } - - @media screen and (max-width: 900px) { - flex-basis: 100%; - } - - @media screen and (max-width: 1280px) { - background-size: 70%; - } + align-items: flex-start; + justify-content: center; + flex-direction: column; @media screen and (max-width: 780px) { - background-image: url('/img/site/ebook-bg-small.png'); - background-size: contain; - background-position-x: right; - background-position-y: bottom; - background-repeat: no-repeat; flex-direction: column; gap: 20px; - padding: 2rem; } - h2 { + h1 { color: #61bd73; font-family: 'Plus Jakarta Sans'; - font-size: 1.875rem; + font-size: 2rem; font-style: normal; font-weight: 600; - line-height: 140%; /* 2.625rem */ - margin: 0; + line-height: 140%; /* 3.5rem */ } p { color: #fff; font-family: 'Plus Jakarta Sans'; - font-size: 1.5rem; - font-style: italic; + font-size: 18px; + font-weight: 400; line-height: 140%; } @@ -207,13 +165,23 @@ } span { - color: rgba(255, 255, 255, 0.6); - text-align: center; + color: #ecf4f8; font-family: Inter; - font-size: 0.875rem; + font-size: 1rem; font-style: normal; font-weight: 400; - line-height: 150%; /* 1.3125rem */ + line-height: 140%; + text-transform: uppercase; + } + + .subTitle { + color: #ecf4f8; + font-family: 'Plus Jakarta Sans'; + text-transform: capitalize; + font-size: 1.25rem; + font-style: normal; + font-weight: 400; + line-height: 140%; /* 2.1rem */ } } @@ -237,6 +205,90 @@ } } +.contentBottom { + display: flex; + gap: 35px; + width: 100%; + flex-direction: row-reverse; + max-width: 1060px; + margin: 30px auto; + padding: 2rem; + + @media screen and (max-width: 1100px) { + flex-direction: column-reverse; + gap: 20px; + } + + .smallText { + font-size: 1rem; + } + + h3 { + color: #130c49; + font-family: 'Plus Jakarta Sans'; + font-size: 2.25rem; + font-style: normal; + font-weight: 600; + line-height: normal; + } + + p { + color: #130c49; + font-family: Inter; + font-size: 1.25rem; + font-style: normal; + font-weight: 400; + line-height: 160%; /* 2rem */ + } + + span { + color: #130c49; + font-family: 'Plus Jakarta Sans'; + font-size: 1.25rem; + font-style: normal; + font-weight: 700; + line-height: 157.33%; /* 1.96663rem */ + } + + .quoteContainer { + display: flex; + flex-direction: column; + justify-content: space-evenly; + border-radius: 1.25rem; + background: #f7f9fd; + max-width: 25.6875rem; + width: 100%; + + height: 30rem; + flex-shrink: 0; + filter: drop-shadow(0px 3px 5px rgba(79, 150, 172, 0.1)); + padding: 2rem; + + @media screen and (max-width: 1100px) { + max-width: 100%; + } + } + + .quote { + color: #130c49; + font-family: Inter; + font-size: 0.875rem; + font-style: normal; + font-weight: 400; + line-height: 157.33%; /* 1.37663rem */ + } + + ul, + li { + color: #130c49; + font-family: Inter; + font-size: 1.25rem; + font-style: normal; + font-weight: 500; + line-height: 160%; /* 2rem */ + } +} + .investorButton { margin-top: 25px; } @@ -309,17 +361,43 @@ } } +.footer { + display: flex; + justify-content: space-evenly; + margin: 10px 0px; + + .footerLinks { + display: flex; + flex-direction: row; + gap: 10px; + + a { + color: #ffffff; + } + } + + .footerIcon { + background: #262262; + border-radius: 50%; + height: 25px; + width: 25px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } +} + .ebookForm { color: #b5d2dc; background: #130c49; - padding: 20px; - border-radius: 1rem; + padding: 20px 0px; input[type='text'], - [type='email'] { + input[type='email'] { display: flex; color: #b5d2dc; - width: 100%; + width: 100% !important; height: 2.93694rem; justify-content: center; align-items: center; @@ -348,7 +426,8 @@ align-items: center; gap: 0.5rem; border-radius: 0.3125rem; - background: #fff; + + background: #61bd73; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.25); color: #130c49; @@ -376,24 +455,30 @@ font-size: 14px !important; text-align: left; font-style: normal; - margin: 20px 0px; + text-transform: capitalize; font-family: Inter; p { + margin-left: 24px; font-style: normal; color: #6e84a3; font-family: Inter; - font-size: 0.88106rem; + font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 157.33%; /* 1.38619rem */ } } + + fieldset { + @media screen and (max-width: 895px) { + max-width: 100%; + } + } } .formWrapper { max-height: 670px; overflow-y: auto; width: 100%; - padding: 10px; } diff --git a/src/components/Signup/Ebooks/v2.jsx b/src/components/Signup/Ebooks/v2.jsx index 8a5fc0503..4ff0ee3e7 100644 --- a/src/components/Signup/Ebooks/v2.jsx +++ b/src/components/Signup/Ebooks/v2.jsx @@ -22,36 +22,59 @@ export default function Introduction() { }, []); return ( -
+ Choosing the right database is crucial to the success of your AI + projects. This guide will help you understand the key differences + between AI-native and traditional databases, and provide practical + tips for powering scalable, cost-effective AI applications +
+B)lc7GWH>MyIrzpnf7$9^% NpTH~Gxo0dS d@!
z<@D}*?nC4fMe!fk{{W2s&V5!dq;;)to%}2J7m?NdnfbP-M`GWle?j_}a`~_8A1B)R
zf3W_Y{ZF~_->&}vB>hYKe|Ycn>T>*_1I~Sa>>o$sJ_GYE`_Fvi^vmMC_p|+v<-Y{!
z{Qm$A`rY%6ne-ifPD@TcCzJhv`TqdOdxtCb5!63geqr>EEjizTe#`xPwtTa*^*^rm
zAFKYX>-`_H{LA#uruS}p?BA?^GWze(r~O~-9fOhWeAC8cf5k-7GdYe(3_s!MGE`*i
ztJ#Vq5rP&qDg>8`QnLk(5w-%fcnJRh3}seu&Po#;-VAFvrT+jaLQcsXNF%gTL?bY3
zqfIzFXyXg2hHa2G6ZMDop#1$g-W226IJMS`j>tp5#lyUjaGMZ3iR(=b6Tiq6RWsob
z)9#%|dun}ncw_RyCMvGWJz{*`0
i{lWWOJWKm$EaL2@|C80d6#b5$Uio2fza}
zfnXJ#ceN2=(@^7Z$wwwe=dUH9-fJ2q*U-ae$`X7-BtfXY)4*=?QKdp_nL!2NUjxks
z5!M)cujbKTE9@7S!wUp!*X>i4S0z)`74S{5_13d7{{S?&v=uAw3&uJbO*3t8uXZ}9
z^V33e8sz}a6v`o^IrR(Hz=QoM d*DdfZ|QXv!~VnrmpUMxk#y`AG9QsA+9hT%2X
ztM~PihK<=2vv${GH%sxFqR`J3-woNfSyCQh{FR96>FWKh3S(Bo?d?|(1;q@9EKmEZ
z)q>-&8qL8>cz+&EwDLrXTitE3{_#x%^(
L9%o9gam#y+V)W@l|{91v
e4ZKD6B@TVuGVYVIk6I&EhK`wo)VaC{_S^rh=6*9-t|rR6@s2
zACmRmZoBbLb5mnwb|KW!PQvj_y>pV92_xK(Y6*7SOUQCs+Ch24vB{>~9g=Q6xbhp@u3M;P_08SoF0gtANs#T{gn
z{{W&XL}15st|yG%