diff --git a/qdrant-landing/content/about-us/about-us-engineering-culture.md b/qdrant-landing/content/about-us/about-us-engineering-culture.md
new file mode 100644
index 000000000..ce734b85c
--- /dev/null
+++ b/qdrant-landing/content/about-us/about-us-engineering-culture.md
@@ -0,0 +1,29 @@
+---
+title: Our Engineering Culture
+cards:
+- id: 0
+ name: Georgios Stefos
+ team: Cloud Features Team
+ testimonial: The engineering team at Qdrant is all about teamwork and problem-solving—there’s always someone willing to step up and help out, no matter the issue.
+- id: 1
+ name: Arthur Koziel
+ team: Cloud Resilience Team
+ testimonial: The engineering culture at Qdrant encourages me to own my work, explore the latest technologies, and continuously improve our systems.
+- id: 2
+ name: Moustafa Nawar
+ team: Cloud Resilience Team
+ testimonial: I value the open and transparent communication we have, great leadership, and none of this micromanagement garbage. Our team understands the importance of ownership.
+- id: 3
+ name: Dominic Page
+ team: Customer Support Team
+ testimonial: I love our engineering culture—the technology is cutting-edge, and we have a great mix of transparency and accountability, which fosters personal growth down here on Earth while our service is reaching for the stars.
+- id: 4
+ name: Nikhil Varma
+ team: Cloud Features Team
+ testimonial: People here are Trusting and Supportive—trusting you to do your job without micromanagement and supportive in guiding you through any challenges as a team.
+- id: 5
+ name: Mikheil Lomidze
+ team: Cloud Features Team
+ testimonial: If you ever wonder what a software engineer’s haven looks like, imagine a place where amazing people come together to build an extraordinary product using the coolest technologies.
+ sitemapExclude: true
+---
diff --git a/qdrant-landing/content/about-us/about-us-get-started.md b/qdrant-landing/content/about-us/about-us-get-started.md
new file mode 100644
index 000000000..74ab2a78e
--- /dev/null
+++ b/qdrant-landing/content/about-us/about-us-get-started.md
@@ -0,0 +1,9 @@
+---
+title: Join our team
+subtitle: Take a look at our open roles.
+seeOpenRoles:
+ text: Get Started
+ url: https://join.com/companies/qdrant
+ target: true
+image: /img/about-us/employee.svg
+---
diff --git a/qdrant-landing/content/about-us/about-us-resources.md b/qdrant-landing/content/about-us/about-us-resources.md
new file mode 100644
index 000000000..b93754ddb
--- /dev/null
+++ b/qdrant-landing/content/about-us/about-us-resources.md
@@ -0,0 +1,7 @@
+---
+title: Brand Resources
+seeOpenRoles:
+ text: View Brand Resources
+ url: /brand-resources
+image: /img/about-us/style-guide.svg
+---
diff --git a/qdrant-landing/content/about-us/about-us-values.md b/qdrant-landing/content/about-us/about-us-values.md
new file mode 100644
index 000000000..f65f6a739
--- /dev/null
+++ b/qdrant-landing/content/about-us/about-us-values.md
@@ -0,0 +1,33 @@
+---
+values:
+- id: 0
+ title: 10 Million Downloads
+ icon:
+ src: /img/about-us/rocket-logo.svg
+ alt: Rocket logo
+- id: 1
+ title: 23K GitHub Stars
+ icon:
+ src: /img/about-us/github-logo.svg
+ alt: github-logo
+ link: https://github.com/qdrant/qdrant
+ target: true
+- id: 2
+ title: Built in Rust
+ icon:
+ src: /img/about-us/rust-logo.svg
+ alt: rust-logo
+ link: /articles/why-rust
+- id: 3
+ title: 7.5k Members
+ icon:
+ src: /img/about-us/discord-logo.svg
+ alt: discord-logo
+ link: /community
+- id: 4
+ title: 75+ employees
+ icon:
+ src: /img/about-us/sparks-logo.svg
+ alt: sparks-logo
+sitemapExclude: true
+---
diff --git a/qdrant-landing/content/headless/carousel.md b/qdrant-landing/content/headless/carousel.md
index 4ea510385..2847042de 100644
--- a/qdrant-landing/content/headless/carousel.md
+++ b/qdrant-landing/content/headless/carousel.md
@@ -1,8 +1,24 @@
---
photoCards:
- id: 0
+ img: /img/carousel/qdrant-people-1.png
- id: 1
+ img: /img/carousel/qdrant-people-2.png
- id: 2
+ img: /img/carousel/qdrant-people-3.png
- id: 3
+ img: /img/carousel/qdrant-people-4.png
+ - id: 3
+ img: /img/carousel/qdrant-people-5.png
+ - id: 3
+ img: /img/carousel/qdrant-people-6.png
+ - id: 3
+ img: /img/carousel/qdrant-people-7.png
+ - id: 3
+ img: /img/carousel/qdrant-people-8.png
+ - id: 3
+ img: /img/carousel/qdrant-people-9.png
+ - id: 3
+ img: /img/carousel/qdrant-people-10.png
sitemapExclude: true
----
\ No newline at end of file
+---
diff --git a/qdrant-landing/content/headless/investors.md b/qdrant-landing/content/headless/investors.md
index ca602e49a..52300c953 100644
--- a/qdrant-landing/content/headless/investors.md
+++ b/qdrant-landing/content/headless/investors.md
@@ -1,13 +1,19 @@
---
- title: Our Investors
- investors:
- - id: 0
- logo: '/img/investors/spark-capital.svg'
- - id: 1
- logo: '/img/investors/unusual-ventures.svg'
- - id: 2
- logo: '/img/investors/42cap.svg'
- - id: 3
- logo: '/img/investors/ibb-ventures.svg'
- sitemapExclude: true
+title: Our Investors
+link1:
+ title: Read Our Series A Story
+ url: /blog/series-a-funding-round/
+link2:
+ title: Read About Our Seed Funding
+ url: /articles/seed-round/
+investors:
+- id: 0
+ logo: '/img/investors/spark-capital.svg'
+- id: 1
+ logo: '/img/investors/unusual-ventures.svg'
+- id: 2
+ logo: '/img/investors/42cap.svg'
+- id: 3
+ logo: '/img/investors/ibb-ventures.svg'
+sitemapExclude: true
---
diff --git a/qdrant-landing/content/headless/mission.md b/qdrant-landing/content/headless/mission.md
index 0fb93a0a7..3ef9dfaf0 100644
--- a/qdrant-landing/content/headless/mission.md
+++ b/qdrant-landing/content/headless/mission.md
@@ -1,7 +1,10 @@
---
-title: Building the most efficient, scalable, high-performance vector database on the market
-link:
- text: Our Mission
-# url: /
+cards:
+- id: 0
+ title: Our Vision
+ content: To be the global leader in vector search technology, driving the future of AI-powered data retrieval and analysis.
+- id: 1
+ title: Our Mission
+ content: To deliver cutting-edge vector search software, available as open-source and scalable cloud services, empowering developers and businesses to unlock the full potential of high-dimensional data.
sitemapExclude: true
----
\ No newline at end of file
+---
diff --git a/qdrant-landing/content/headless/open-roles.md b/qdrant-landing/content/headless/open-roles.md
deleted file mode 100644
index c796090fe..000000000
--- a/qdrant-landing/content/headless/open-roles.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-title: Want to build the technology for the next generation of AI applications with us?
-subtitle: Take a look at our open roles. We’re excited to hear from you.
-seeOpenRoles:
- text: See Open Roles
- url: https://qdrant.join.com/
----
\ No newline at end of file
diff --git a/qdrant-landing/content/headless/our-story.md b/qdrant-landing/content/headless/our-story.md
index 6a70dd212..6278bdab2 100644
--- a/qdrant-landing/content/headless/our-story.md
+++ b/qdrant-landing/content/headless/our-story.md
@@ -1,12 +1,18 @@
---
title: Our story
-subtitle: A paradigm shift is underway in the field of data management and information retrieval.
-content: Today, our world is increasingly dominated by complex, unstructured data like images, audio, video, and text. Traditional ways of retrieving data based on keyword matching are no longer sufficient. Vector databases are designed to handle complex high-dimensional data, unlocking the foundation for pivotal AI applications.
-extraTitle: Today Qdrant powers the most ambitious AI applications, from cutting-edge startups to large-scale enterprises.
-extraContent: We started Qdrant with the mission to build the most efficient, scalable, high-performance vector database on the market. Since then we have seen incredible user growth and support from our open-source community with thousands of users and millions of downloads.
-year: In 2021
-link:
- text: Join Our Team
- url: https://qdrant.join.com/
+subtitle: In 2021, André Zayarni and Andrey Vasnetsov collaborated on a project aimed at leveraging vector similarity search to build a matching engine for unstructured data objects.
+content: After exploring available options, including libraries like FAISS, it became clear that none of them met the requirements of features and scalability.
+image:
+ alt: Qdrant Team
+ src: /img/about-us/team.jpg
+extraContent1: As a result, Andrey decided to develop his own vision for a production-ready vector search engine from scratch. {{ .team }} {{ .testimonial }}
The first version was published on GitHub, quickly attracting significant interest from developers. The overwhelming feedback and questions from developers and startups confirmed that there was a shared need for such a tool.
+extraImage1:
+ alt: Team
+ src: /img/about-us/team2.jpg
+extraContent2: As the project gained traction, the decision was made to formally establish Qdrant and continue developing the vector search engine into its current form.
Today, Qdrant is the backbone of the most ambitious AI applications, powering everything from groundbreaking startups to enterprise-scale deployments with the best open-source vector database and enterprise-ready solutions.
+extraImage2:
+ alt: Team
+ src: /img/about-us/team3.jpg
+subContent: "Our team has grown to 75+ experts across 20+ countries, but our mission remains unchanged: building the most scalable, high-performance vector search engine to fuel the future of AI and machine learning."
sitemapExclude: true
----
\ No newline at end of file
+---
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/main.scss b/qdrant-landing/themes/qdrant-2024/assets/css/main.scss
index cacbeae6e..e06bec8bf 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/main.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/main.scss
@@ -121,3 +121,5 @@
@import 'partials/legal-tech-challengers';
@import 'partials/legal-tech-hero';
@import 'partials/hospitality-and-travel-get-contacted';
+@import 'partials/about-us-values';
+@import 'partials/about-us-engineering-culture';
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_about-us-engineering-culture.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_about-us-engineering-culture.scss
new file mode 100644
index 000000000..09a3112e2
--- /dev/null
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_about-us-engineering-culture.scss
@@ -0,0 +1,76 @@
+@use '../helpers/functions' as *;
+
+.about-us-engineering-culture {
+ padding-top: $spacer * 2;
+ background-color: $neutral-94;
+
+ &__title {
+ margin-bottom: $spacer * 4;
+ font-size: map-get($font-sizes, 3);
+ line-height: pxToRem(57);
+ text-align: center;
+ color: $neutral-20;
+ }
+
+ &__cards {
+ display: flex;
+ flex-direction: column;
+ flex-wrap: wrap;
+ gap: pxToRem(30);
+ }
+
+ &__card {
+ width: 100%;
+ min-height: auto;
+
+ &-name {
+ margin-bottom: 0;
+ font-size: map-get($font-sizes-text, 'md');
+ line-height: $spacer * 1.5;
+ color: $neutral-20;
+ }
+
+ &-team {
+ margin-bottom: $spacer * 1.5;
+ font-size: map-get($font-sizes-text, 'xs');
+ line-height: pxToRem(18);
+ color: $neutral-50;
+ }
+
+ &-testimonial {
+ margin-bottom: 0;
+ font-size: map-get($font-sizes-text, 'md');
+ line-height: $spacer * 1.5;
+ color: $neutral-40;
+ }
+ }
+
+ @include media-breakpoint-up(lg) {
+ &__cards {
+ height: pxToRem(630);
+ }
+
+ &__card {
+ width: calc(33% - pxToRem(20));
+
+ &:nth-of-type(1),
+ &:nth-of-type(5) {
+ margin-top: $spacer * 1.5;
+ }
+ }
+ }
+
+ @include media-breakpoint-up(xl) {
+ padding-top: $spacer * 2.5;
+
+ &__title {
+ margin-bottom: $spacer * 5;
+ font-size: map-get($font-sizes, 2);
+ line-height: pxToRem(67);
+ }
+
+ &__cards {
+ height: pxToRem(550);
+ }
+ }
+}
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_about-us-values.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_about-us-values.scss
new file mode 100644
index 000000000..ea1c294af
--- /dev/null
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_about-us-values.scss
@@ -0,0 +1,52 @@
+@use '../helpers/functions' as *;
+
+.about-us-values {
+ background-color: $neutral-94;
+
+ &__container {
+ display: flex;
+ justify-content: center;
+ position: relative;
+ padding-top: $spacer * 4;
+ padding-bottom: $spacer * 4;
+
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: pxToRem(1);
+ background-color: $neutral-90;
+ left: 0;
+ bottom: 0;
+ }
+ }
+
+ &__card {
+ padding: $spacer * 1.5 $spacer * 2.5;
+
+ &-logo {
+ height: $spacer * 3;
+ width: $spacer * 3;
+ margin-bottom: $spacer;
+ }
+
+ &-title {
+ margin-bottom: 0;
+ font-size: map-get($font-sizes-text, l);
+ line-height: pxToRem(27);
+ color: $neutral-30;
+ }
+ }
+
+ @include media-breakpoint-up(xl) {
+ &__container {
+ padding-top: $spacer * 5;
+ padding-bottom: $spacer * 5;
+ }
+
+ &__cards {
+ max-width: pxToRem(914);
+ }
+ }
+}
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_carousel.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_carousel.scss
index cee1dc1c9..a44067430 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_carousel.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_carousel.scss
@@ -1,45 +1,22 @@
@use '../helpers/functions' as *;
+@use '../mixins/marquee' as marquee;
.carousel {
- min-height: pxToRem(240);
+ padding-top: $spacer * 4;
background-color: $neutral-94;
- &__content {
- overflow-x: scroll;
- -ms-overflow-style: none; /* IE and Edge */
- scrollbar-width: none; /* Firefox */
- scroll-behavior: smooth;
+ .carousel__photos {
+ @include marquee.base(240px, 460px, 10, 10, 15px, transparent, false, 50s, none);
+
+ &__item {
+ border-radius: pxToRem(4);
+ overflow: hidden;
+ }
}
- &__content::-webkit-scrollbar {
- display: none;
- }
-
- &__cards {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: pxToRem(30);
-
- width: fit-content;
- }
-
- &__image {
- min-width: pxToRem(400);
- aspect-ratio: 5 / 3;
- height: 100%;
- background-position: center;
- background-size: contain;
- }
-
- @include media-breakpoint-up(xl) {
- padding-bottom: $spacer * 5;
- }
-
- @include media-breakpoint-up(xxl) {
- &__content {
- max-width: pxToRem(1102);
- margin: 0 auto;
+ @include media-breakpoint-up(md) {
+ .carousel__photos {
+ @include marquee.base(360px, 660px, 10, 10, 15px, transparent, false, 50s, none);
}
}
}
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_investors.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_investors.scss
index d41e21cb6..ac8881923 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_investors.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_investors.scss
@@ -2,7 +2,6 @@
.investors {
padding-top: $spacer * 4;
- padding-bottom: $spacer * 4;
background-color: $neutral-94;
position: relative;
@@ -11,20 +10,40 @@
line-height: pxToRem(48);
text-align: center;
margin-bottom: $spacer * 4;
+ color: $neutral-20;
+ }
+
+ &__links {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: pxToRem(30);
+ margin-bottom: $spacer * 4;
}
&__logos {
+ display: flex;
+ flex-direction: column;
position: relative;
row-gap: $spacer * 4;
z-index: 1;
}
&__logo {
- width: 100%;
- min-height: pxToRem(40);
- background-position: center;
- background-size: contain;
- background-repeat: no-repeat;
+ height: $spacer * 2.5;
+
+ &:nth-of-type(2) {
+ height: pxToRem(38);
+ }
+
+ &:nth-of-type(3) {
+ height: pxToRem(44);
+ }
+
+ &:nth-of-type(4) {
+ height: $spacer * 2;
+ }
}
&__overlay {
@@ -32,16 +51,22 @@
}
@include media-breakpoint-up(xl) {
- padding-top: $spacer * 7.5;
- padding-bottom: $spacer * 7.5;
+ padding-top: $spacer * 5;
&__title {
- font-size: map-get($font-sizes, 2);
- line-height: pxToRem(67);
+ font-size: map-get($font-sizes, 3);
+ line-height: pxToRem(58);
margin-bottom: $spacer * 2.5;
}
+ &__links {
+ flex-direction: row;
+ margin-bottom: pxToRem(-5);
+ }
+
&__logos {
+ flex-direction: row;
+ justify-content: space-between;
align-items: center;
min-height: pxToRem(240);
}
@@ -50,10 +75,13 @@
display: block;
position: absolute;
left: 0;
+ right: 0;
+ margin: auto;
width: 100%;
- height: pxToRem(240);
- bottom: $spacer * 7.5;
- background-image: url('../../img/grid.png');
+ max-width: pxToRem(1440);
+ height: pxToRem(322);
+ bottom: 0;
+ background-image: url('../../img/grid.svg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_leadership.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_leadership.scss
index 7c4762849..bee9597da 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_leadership.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_leadership.scss
@@ -7,11 +7,14 @@
&__title {
font-size: map-get($font-sizes, 4);
line-height: pxToRem(48);
+ text-align: center;
+ color: $neutral-20;
margin-bottom: $spacer * 2.5;
}
&__cards {
- row-gap: pxToRem(7);
+ max-width: pxToRem(882);
+ margin: 0 auto;
}
&__card {
@@ -25,9 +28,10 @@
&__card-image {
width: 100%;
- aspect-ratio: 0.96;
+ aspect-ratio: 1.09;
background-position: center;
- background-size: contain;
+ background-size: cover;
+ background-repeat: no-repeat;
border-radius: pxToRem(6);
}
@@ -49,10 +53,9 @@
}
@include media-breakpoint-up(xl) {
- padding-top: $spacer * 7.5;
+ padding-top: $spacer * 5;
&__title {
- text-align: center;
font-size: map-get($font-sizes, 2);
line-height: pxToRem(67);
margin-bottom: $spacer * 4;
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_mission.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_mission.scss
index 974eb2b6d..20a9d225e 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_mission.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_mission.scss
@@ -1,75 +1,56 @@
@use '../helpers/functions' as *;
.mission {
- padding-top: $spacer * 2.5;
- padding-bottom: $spacer * 4;
- text-align: center;
- position: relative;
background-color: $neutral-94;
+ position: relative;
- &__content {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- z-index: 1;
- }
-
- &__link {
- color: $neutral-94;
- padding: pxToRem(4) $spacer;
- font-size: $font-size-s;
- line-height: pxToRem(21);
- border-radius: 100px;
- background: linear-gradient($neutral-20, $neutral-10);
- display: flex;
- align-items: center;
- justify-content: center;
- width: fit-content;
- }
-
- &__logo {
- content: url('../../icons/logo.svg');
- min-width: pxToRem(14);
- height: pxToRem(16);
- padding-right: pxToRem(8);
- }
-
- &__title {
+ &__card {
+ justify-content: flex-start;
+ padding: $spacer * 2 $spacer * 2.5;
color: $neutral-20;
- text-align: center;
- font-size: map-get($font-sizes, 4);
- line-height: pxToRem(48);
- margin: $spacer * 1.5 0 0;
+
+ &-title {
+ margin-bottom: $spacer * 2.5;
+ font-size: map-get($font-sizes, 4);
+ line-height: pxToRem(50);
+ }
+
+ &-content {
+ margin-bottom: 0;
+ font-size: map-get($font-sizes-text, 'xl');
+ line-height: pxToRem(30);
+ }
}
- &__overlay {
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- height: 100%;
- width: 100%;
- background-image: url('../../img/mission-background-mobile.png');
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
+ &__container {
+ position: relative;
+ padding-top: $spacer * 4;
+ padding-bottom: $spacer * 4;
+
+ &:before,
+ &:after {
+ content: "";
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: pxToRem(1);
+ background-color: $neutral-90;
+ left: 0;
+ }
+
+ &:before {
+ top: 0;
+ }
+
+ &:after {
+ bottom: 0;
+ }
}
@include media-breakpoint-up(xl) {
- padding: pxToRem(160) 0;
-
- &__title {
- max-width: pxToRem(920);
- font-size: map-get($font-sizes, 2);
- line-height: pxToRem(67);
- }
-
- &__overlay {
- height: pxToRem(400);
- top: pxToRem(87);
- background-image: url('../../img/mission-background.png');
+ &__container {
+ padding-top: $spacer * 5;
+ padding-bottom: $spacer * 5;
}
}
}
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_open-roles.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_open-roles.scss
index 5f946349c..ed2f2aeb6 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_open-roles.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_open-roles.scss
@@ -3,8 +3,8 @@
.open-roles {
background-color: $neutral-94;
- padding-top: $spacer * 1.5;
- padding-bottom: $spacer * 2.5;
+ padding-top: $spacer * 4;
+ padding-bottom: $spacer * 4;
display: flex;
align-items: center;
@@ -64,10 +64,14 @@
text-align: center;
color: $neutral-80;
margin-top: $spacer;
- margin-bottom: $spacer * 1.5;
+ margin-bottom: 0;
z-index: 1;
}
+ &__button {
+ margin-top: $spacer * 1.5;
+ }
+
&__image {
width: 100%;
min-height: pxToRem(240);
@@ -77,14 +81,14 @@
}
@include media-breakpoint-up(xl) {
- padding-top: 0;
- padding-bottom: $spacer * 6.5;
+ padding-top: $spacer * 5;
+ padding-bottom: $spacer * 5;
&__content {
flex-direction: row;
+ justify-content: space-between;
- padding-top: pxToRem(30);
- padding-bottom: pxToRem(30);
+ padding-top: 0;
padding-left: $spacer * 4;
padding-right: 0;
}
@@ -104,6 +108,8 @@
&__image {
max-width: pxToRem(300);
+ min-height: auto;
+ height: pxToRem(210);
}
}
}
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_our-story.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_our-story.scss
index c264e2c28..d7248171d 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_our-story.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_our-story.scss
@@ -2,99 +2,148 @@
.our-story {
padding-top: $spacer * 4;
- padding-bottom: $spacer * 4;
background-color: $neutral-94;
+ position: relative;
- &__row {
- margin-bottom: $spacer * 2.5;
+ .container {
+ position: relative;
+ z-index: 1;
}
&__title {
+ margin-bottom: $spacer * 2.5;
font-size: map-get($font-sizes, 2);
line-height: pxToRem(67);
text-align: center;
color: $neutral-20;
- margin: 0;
}
&__subtitle {
- font-size: map-get($font-sizes, 6);
- line-height: pxToRem(34);
- margin-bottom: $spacer * 1.5;
- color: $neutral-20;
- }
-
- &__extra-title {
- font-size: map-get($font-sizes, 6);
- line-height: pxToRem(34);
- margin-bottom: $spacer * 1.5;
+ max-width: pxToRem(920);
+ margin: 0 auto $spacer * 2.5;
+ font-size: map-get($font-sizes, 5);
+ line-height: $spacer * 2.5;
+ text-align: center;
color: $neutral-20;
}
&__content {
+ max-width: pxToRem(730);
+ margin: 0 auto $spacer * 5;
+ font-size: map-get($font-sizes-text, 'xl');
+ line-height: pxToRem(30);
+ text-align: center;
color: $neutral-20;
- margin-bottom: $spacer * 2;
- font-size: map-get($font-sizes-text, 'l');
}
&__image {
- height: 100%;
- min-height: pxToRem(332);
- background-position: center;
- background-repeat: no-repeat;
- background-size: contain;
+ width: 100%;
+ margin-bottom: $spacer * 5;
}
- &__date {
- margin-bottom: $spacer * 1.5;
+ &__extra-block{
+ display: flex;
+ flex-direction: column;
+ gap: $spacer * 2;
+ margin-bottom: $spacer * 4;
}
- &__date::before {
- content: url('../../icons/outline/arrow-right.svg');
- display: inline-block;
- margin-right: $spacer;
+ &__extra-image {
+ max-width: pxToRem(440);
+ margin: 0 auto;
}
&__extra-content {
- color: $neutral-20;
- margin-bottom: $spacer * 1.5;
+ margin-bottom: 0;
font-size: map-get($font-sizes-text, 'xl');
+ color: $neutral-20;
+ }
+
+ &__sub-content {
+ position: relative;
+ margin: 0;
+ padding: $spacer * 4 0;
+ font-size: map-get($font-sizes, 6);
+ line-height: pxToRem(34);
+ color: $neutral-20;
+ text-align: center;
+
+ &:before {
+ content: "";
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: pxToRem(1);
+ background-color: $neutral-90;
+ left: 0;
+ top: 0;
+ }
+ }
+
+ &__overlay {
+ display: block;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ margin: auto;
+ height: pxToRem(500);
+ width: 100%;
+ max-width: pxToRem(1440);
+ background-image: url('../../img/mission-background-mobile.png');
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
}
@include media-breakpoint-up(xl) {
padding-top: $spacer * 5;
- padding-bottom: $spacer * 7.5;
-
- &__row {
- margin-bottom: $spacer * 5;
- }
-
- &__row--offsetted {
- margin-bottom: $spacer * 7.5;
- }
&__title {
font-size: pxToRem(80);
line-height: pxToRem(96);
+ margin-bottom: $spacer * 4;
}
&__subtitle {
- font-size: pxToRem(40);
- line-height: pxToRem(48);
- max-width: pxToRem(475);
- }
-
- &__content {
- max-width: pxToRem(475);
- font-size: map-get($font-sizes-text, 'xl');
+ font-size: map-get($font-sizes, 4);
+ line-height: pxToRem(50);
}
&__image {
- min-height: pxToRem(524);
+ margin-bottom: $spacer * 7.5;
}
- &__date {
- text-align: center;
+ &__extra-block{
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: $spacer * 6.5;
+
+ &:last-of-type {
+ flex-direction: row-reverse;
+ }
+ }
+
+ &__extra-image {
+ max-width: none;
+ width: pxToRem(400);
+ margin: 0;
+ }
+
+ &__extra-content {
+ width: pxToRem(400);
+ }
+
+ &__sub-content {
+ padding: $spacer * 5 0;
+ font-size: map-get($font-sizes, 5);
+ line-height: $spacer * 2.5;
+ }
+
+ &__overlay {
+ height: pxToRem(400);
+ background-image: url('../../img/mission-background.png');
}
}
}
diff --git a/qdrant-landing/themes/qdrant-2024/layouts/about-us/list.html b/qdrant-landing/themes/qdrant-2024/layouts/about-us/list.html
index 7e8a42c6d..c982237f1 100644
--- a/qdrant-landing/themes/qdrant-2024/layouts/about-us/list.html
+++ b/qdrant-landing/themes/qdrant-2024/layouts/about-us/list.html
@@ -1,10 +1,17 @@
{{ define "main" }}
{{ partial "site-header" . }}
- {{ partial "mission" . }}
{{ partial "our-story" . }}
+ {{ partial "mission" . }}
+ {{ partial "about-us-values" . }}
{{ partial "carousel" . }}
{{ partial "leadership" . }}
{{ partial "investors" . }}
- {{ partial "open-roles" . }}
+ {{ with (.Site.GetPage "/about-us/about-us-get-started") }}
+ {{ partial "open-roles" . }}
+ {{ end }}
+ {{ partial "about-us-engineering-culture" . }}
+ {{ with (.Site.GetPage "/about-us/about-us-resources") }}
+ {{ partial "open-roles" . }}
+ {{ end }}
{{ end }}
diff --git a/qdrant-landing/themes/qdrant-2024/layouts/partials/about-us-engineering-culture.html b/qdrant-landing/themes/qdrant-2024/layouts/partials/about-us-engineering-culture.html
new file mode 100644
index 000000000..65d973672
--- /dev/null
+++ b/qdrant-landing/themes/qdrant-2024/layouts/partials/about-us-engineering-culture.html
@@ -0,0 +1,16 @@
+{{ with (.Site.GetPage "/about-us/about-us-engineering-culture") }}
+ {{ .Params.title }}
+ {{ .name }}
+
+
{{ .title }}
+
+ {{ else }}
+
+
{{ .title }}
+
{{ .content }}
+{{ .Params.subtitle }}
- {{ .Params.seeOpenRoles.text }} -{{ .Params.content }}
-{{ .Params.extraContent1 | safeHTML }}
+{{ .Params.extraContent2 | safeHTML }}
+{{ .Params.extraContent }}
-