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..fbd51d876 100644 --- a/src/components/Signup/Ebooks/v2.jsx +++ b/src/components/Signup/Ebooks/v2.jsx @@ -22,36 +22,61 @@ export default function Introduction() { }, []); return ( -
-
-
- EBOOK -

- Choosing the Right Database For AIĀ  -

- - -
-
-
-
-
-
+ <> +
+
+
+
+
+
+
+
+
+
+ EBOOK +

+ Choosing the Right Database For AI +

+ + A guide to help you choose the right database for your AI + applications. + +
+
+
+
+
+
+
-
+
+
+

About the guide

+

+ Deciding which vector storage technology to use requires + understanding more about how LLMs and similar algorithms work as + well as what the different capabilities are of vector storage + technologies. This guide hopes to walk you through this decision as + well as inform you enough to choose the best technology for your + application. +

+

+
    +
  • A comparison of AI-native and traditional databases.
  • +
  • + Key considerations for powering scalable, cost-effective AI + applications.{' '} +
  • +
  • + Practical tips for indexing, hybrid search, and seamless + integration with AI models. +
  • +
+
+
+ ); } diff --git a/static/img/site/database-ebook-cover.jpg b/static/img/site/database-ebook-cover.jpg new file mode 100644 index 000000000..034de6161 Binary files /dev/null and b/static/img/site/database-ebook-cover.jpg differ