mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-02 01:18:30 +02:00
Add RAG Landing Page (#1168)
* Add RAG Landing Page * fix * fix form, image and links * fix * Content update * shortened file link * update links
This commit is contained in:
@@ -97,3 +97,9 @@
|
||||
@import 'partials/brand-resources-hero';
|
||||
@import 'partials/brand-resources-content';
|
||||
@import 'partials/subscribe';
|
||||
@import 'partials/rag-evaluation-guide-hero';
|
||||
@import 'partials/rag-evaluation-guide-form';
|
||||
@import 'partials/rag-evaluation-guide-about';
|
||||
@import 'partials/rag-evaluation-guide-integrations';
|
||||
@import 'partials/rag-evaluation-guide-kubernetes-clusters';
|
||||
@import 'partials/rag-evaluation-guide-features';
|
||||
|
||||
+97
@@ -0,0 +1,97 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.rag-evaluation-guide-about {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__preview img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
max-width: pxToRem(445);
|
||||
}
|
||||
|
||||
&__text {
|
||||
font-size: pxToRem(18);
|
||||
line-height: pxToRem(27);
|
||||
color: $neutral-30;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__subtitle {
|
||||
font-size: pxToRem(20);
|
||||
line-height: pxToRem(30);
|
||||
margin-bottom: $spacer * 0.5;
|
||||
}
|
||||
|
||||
&__listTitle {
|
||||
font-size: pxToRem(18);
|
||||
line-height: pxToRem(27);
|
||||
color: $neutral-30;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&__list {
|
||||
font-size: pxToRem(18);
|
||||
line-height: pxToRem(27);
|
||||
color: $neutral-30;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&__card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $spacer;
|
||||
|
||||
&-icon {
|
||||
height: $spacer * 1.5;
|
||||
width: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-bottom: 0;
|
||||
font-size: pxToRem(20);
|
||||
line-height: pxToRem(30);
|
||||
color: $neutral-30;
|
||||
}
|
||||
|
||||
&-description {
|
||||
margin-bottom: 0;
|
||||
font-size: pxToRem(18);
|
||||
line-height: pxToRem(27);
|
||||
color: $neutral-30;
|
||||
}
|
||||
}
|
||||
|
||||
&__button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: $spacer * 4;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 7.5;
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__preview img {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3;
|
||||
line-height: pxToRem(58);
|
||||
}
|
||||
|
||||
&__button {
|
||||
margin-top: $spacer * 5;
|
||||
}
|
||||
}
|
||||
}
|
||||
+74
@@ -0,0 +1,74 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.rag-evaluation-guide-features {
|
||||
padding-top: $spacer * 2.5;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2;
|
||||
line-height: $spacer * 2.5;
|
||||
text-align: center;
|
||||
color: $neutral-20;
|
||||
max-width: pxToRem(730);
|
||||
margin: 0 auto $spacer * 2.5;
|
||||
}
|
||||
|
||||
&__cards {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $spacer * 2;
|
||||
margin-bottom: $spacer * 4;
|
||||
}
|
||||
|
||||
&__card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $spacer;
|
||||
|
||||
&-icon {
|
||||
height: $spacer * 1.5;
|
||||
width: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&-description {
|
||||
margin-bottom: 0;
|
||||
font-size: pxToRem(18);
|
||||
line-height: pxToRem(27);
|
||||
color: $neutral-30;
|
||||
}
|
||||
}
|
||||
|
||||
&__button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-bottom: $spacer * 5;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 4;
|
||||
}
|
||||
|
||||
&__cards {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
gap: pxToRem(30);
|
||||
}
|
||||
|
||||
&__card {
|
||||
&:nth-of-type(1),
|
||||
&:nth-of-type(2) {
|
||||
width: calc(50% - 15px);
|
||||
}
|
||||
|
||||
&:nth-of-type(3),
|
||||
&:nth-of-type(4),
|
||||
&:nth-of-type(5) {
|
||||
width: calc((100% / 3) - 20px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.rag-evaluation-guide-form {
|
||||
padding-top: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__listTitle {
|
||||
font-size: pxToRem(20);
|
||||
line-height: pxToRem(30);
|
||||
margin-bottom: $spacer * 1.5;
|
||||
color: $neutral-30;
|
||||
}
|
||||
|
||||
&__list li {
|
||||
font-size: pxToRem(20);
|
||||
line-height: pxToRem(30);
|
||||
margin-bottom: 0;
|
||||
color: $neutral-30;
|
||||
}
|
||||
|
||||
&__block {
|
||||
margin-top: -$spacer * 3;
|
||||
padding-top: $spacer * 6;
|
||||
|
||||
.contact-form__title {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
form.hs-form>fieldset {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
form .hs-form-field {
|
||||
margin-bottom: pxToRem(20);
|
||||
}
|
||||
|
||||
form .hs_submit {
|
||||
width: auto;
|
||||
text-align: left;
|
||||
margin-top: pxToRem(12);
|
||||
margin-bottom: $spacer * 0.5;
|
||||
}
|
||||
|
||||
form.hs-form>fieldset.form-columns-2 {
|
||||
gap: 0
|
||||
}
|
||||
|
||||
fieldset:last-of-type {
|
||||
order: 1;
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 7.5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3;
|
||||
line-height: pxToRem(58);
|
||||
}
|
||||
|
||||
&__block {
|
||||
margin-top: -$spacer * 6;
|
||||
padding-top: $spacer * 6;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.rag-evaluation-guide-hero {
|
||||
background: url('/img/stars-pattern.png') $neutral-10;
|
||||
padding-top: $spacer * 2.5;
|
||||
padding-bottom: $spacer * 4;
|
||||
text-align: center;
|
||||
|
||||
&__label {
|
||||
color: $primary-50;
|
||||
font-size: pxToRem(20);
|
||||
line-height: pxToRem(30);
|
||||
font-weight: $font-weight-semibold;
|
||||
margin-bottom: $spacer * 0.5;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
color: $neutral-98;
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: pxToRem(18);
|
||||
line-height: pxToRem(27);
|
||||
margin-bottom: $spacer * 2;
|
||||
color: $neutral-70;
|
||||
}
|
||||
|
||||
&__buttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&__preview img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: pxToRem(536);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-bottom: $spacer * 7.5;
|
||||
text-align: left;
|
||||
|
||||
&__content {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 4;
|
||||
line-height: pxToRem(77);
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: $spacer * 1.5;
|
||||
line-height: pxToRem(34);
|
||||
}
|
||||
|
||||
&__buttons {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
&__preview img {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
+79
@@ -0,0 +1,79 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.rag-evaluation-guide-integrations {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-10;
|
||||
|
||||
&__reasons {
|
||||
margin-bottom: $spacer * 4;
|
||||
|
||||
&-card {
|
||||
max-width: pxToRem(350);
|
||||
margin: 0 auto;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
margin-bottom: $spacer * 2;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $neutral-70;
|
||||
font-size: $spacer * 1.5;
|
||||
line-height: pxToRem(34);
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__frameworks {
|
||||
&-card {
|
||||
max-width: pxToRem(350);
|
||||
margin: 0 auto;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
margin-bottom: $spacer * 2;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $neutral-70;
|
||||
font-size: pxToRem(18);
|
||||
line-height: pxToRem(27);
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
text-align: center;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
color: $neutral-98;
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: pxToRem(20);
|
||||
line-height: pxToRem(30);
|
||||
text-align: center;
|
||||
margin-bottom: $spacer * 5;
|
||||
color: $neutral-70;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 7.5;
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3;
|
||||
line-height: pxToRem(58);
|
||||
}
|
||||
|
||||
&__reasons {
|
||||
margin-bottom: $spacer * 7.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.rag-evaluation-guide-kubernetes-clusters {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 2.5;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2;
|
||||
line-height: $spacer * 2.5;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: pxToRem(20);
|
||||
line-height: pxToRem(30);
|
||||
margin-bottom: $spacer * 1.5;
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__preview img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
max-width: pxToRem(540);
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 5;
|
||||
|
||||
&__description {
|
||||
max-width: pxToRem(445);
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3;
|
||||
line-height: pxToRem(58);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user