mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-08 04:18:32 +02:00
Merge pull request #1305 from qdrant/create-ai-agents-page
Created AI-Agents page
This commit is contained in:
@@ -0,0 +1,30 @@
|
||||
@use '../mixins/get-started-small' as get-started-small;
|
||||
|
||||
.ai-agents-get-started {
|
||||
@include get-started-small.base(
|
||||
$spacer * 5,
|
||||
$spacer * 4,
|
||||
$spacer * 3.5,
|
||||
$spacer * 2.5,
|
||||
$neutral-94,
|
||||
url('/img/stars-pattern.png') $neutral-10,
|
||||
url('/img/stars-pattern.png') $neutral-10
|
||||
);
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
&__title,
|
||||
&__description,
|
||||
.button {
|
||||
margin-left: $spacer * 4;
|
||||
}
|
||||
|
||||
&__text {
|
||||
padding-top: $spacer * 2.5;
|
||||
padding-bottom: $spacer * 2.5;
|
||||
}
|
||||
|
||||
&__image {
|
||||
align-self: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.ai-agents-video {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
max-width: pxToRem(920);
|
||||
margin: 0 auto;
|
||||
gap: $spacer * 1.5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__title {
|
||||
margin-bottom: 0;
|
||||
font-size: $spacer * 2;
|
||||
line-height: pxToRem(40);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin-bottom: 0;
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
.video {
|
||||
max-width: none;
|
||||
margin-top: $spacer * 3;
|
||||
|
||||
iframe {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 7.5;
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: pxToRem(50);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.ai-agents-webinar {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
.tag {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: $spacer * 2;
|
||||
line-height: pxToRem(40);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: pxToRem(18);
|
||||
line-height: pxToRem(27);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: pxToRem(580);
|
||||
margin: $spacer * 2.5 -1% -7% -4%;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 7.5;
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__image {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.tag {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: pxToRem(12);
|
||||
width: fit-content;
|
||||
padding: $spacer * 0.5 $spacer;
|
||||
background-color: $secondary-violet-30;
|
||||
border-radius: $spacer * 2.5;
|
||||
|
||||
&_image {
|
||||
height: $spacer;
|
||||
width: $spacer;
|
||||
}
|
||||
|
||||
&_title {
|
||||
color: $secondary-violet-90;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@@ -21,7 +21,9 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
margin: 0 auto;
|
||||
padding: $spacer * 2;
|
||||
max-width: pxToRem(540);
|
||||
|
||||
&-image {
|
||||
display: none;
|
||||
@@ -44,6 +46,24 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.ai-agents-use-cases {
|
||||
.use-cases-vector-cases__card {
|
||||
&-title {
|
||||
font-size: pxToRem(20);
|
||||
line-height: pxToRem(30);
|
||||
}
|
||||
|
||||
&-description {
|
||||
font-size: $spacer;
|
||||
line-height: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&-link {
|
||||
margin-top: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-top: $spacer * 5;
|
||||
padding-bottom: $spacer * 5;
|
||||
@@ -70,5 +90,20 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.ai-agents-use-cases {
|
||||
.use-cases-vector-cases__title {
|
||||
font-size: $spacer * 3.5;
|
||||
line-height: pxToRem(67);
|
||||
}
|
||||
|
||||
.use-cases-vector-cases__cards {
|
||||
margin-bottom: $spacer * 5;
|
||||
}
|
||||
|
||||
.use-cases-vector-cases__card {
|
||||
min-height: pxToRem(518);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,6 +5,15 @@
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__feature-title {
|
||||
max-width: pxToRem(730);
|
||||
margin: $spacer * 3.5 auto;
|
||||
text-align: center;
|
||||
font-size: $spacer * 2;
|
||||
line-height: pxToRem(38);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2;
|
||||
line-height: pxToRem(38);
|
||||
@@ -21,7 +30,48 @@
|
||||
margin-bottom: $spacer * 2.5;
|
||||
}
|
||||
|
||||
&__cases {
|
||||
&-image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: pxToRem(506);
|
||||
margin: 0 auto $spacer * 2.5;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-bottom: $spacer;
|
||||
font-size: $spacer * 2;
|
||||
line-height: pxToRem(38);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&-description {
|
||||
margin-bottom: 0;
|
||||
color: $neutral-30;
|
||||
}
|
||||
|
||||
&-item {
|
||||
margin-top: $spacer * 2.5;
|
||||
padding-left: $spacer * 1.5;
|
||||
border-left: pxToRem(2) solid $neutral-80;
|
||||
|
||||
&-title {
|
||||
margin-bottom: $spacer * 0.5;
|
||||
font-size: pxToRem(18);
|
||||
line-height: pxToRem(27);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&-description {
|
||||
margin-bottom: 0;
|
||||
color: $neutral-30;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__card {
|
||||
justify-content: flex-start;
|
||||
|
||||
&-icon {
|
||||
height: $spacer * 1.5;
|
||||
width: $spacer * 1.5;
|
||||
@@ -60,6 +110,12 @@
|
||||
padding-top: $spacer * 7.5;
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__feature-title {
|
||||
margin: $spacer * 5 auto;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: pxToRem(50);
|
||||
}
|
||||
|
||||
&__header {
|
||||
margin-bottom: $spacer * 5;
|
||||
}
|
||||
@@ -75,5 +131,17 @@
|
||||
font-size: pxToRem(18);
|
||||
line-height: pxToRem(27);
|
||||
}
|
||||
|
||||
&__cases {
|
||||
&-image {
|
||||
max-width: 94%;
|
||||
margin: 0 auto 0 0;
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-size: $spacer * 3;
|
||||
line-height: pxToRem(58);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+6
-1
@@ -1,6 +1,6 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.retrieval-augmented-generation-integrations {
|
||||
.use-cases-vector-integrations {
|
||||
position: relative;
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
@@ -42,6 +42,11 @@
|
||||
color: $neutral-70;
|
||||
}
|
||||
}
|
||||
a.use-cases-vector-integrations__card:hover {
|
||||
.use-cases-vector-integrations__card-title {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-top: $spacer * 7.5;
|
||||
Reference in New Issue
Block a user