Merge pull request #1305 from qdrant/create-ai-agents-page

Created AI-Agents page
This commit is contained in:
David Myriel
2024-11-25 13:01:38 -08:00
committed by GitHub
44 changed files with 1285 additions and 43 deletions
@@ -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);
}
}
}
}
@@ -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;