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:
nastyapash
2024-09-16 18:43:11 +02:00
committed by GitHub
parent f0f3c98c0b
commit 09877ed06e
32 changed files with 1330 additions and 1 deletions
@@ -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';
@@ -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;
}
}
}
@@ -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;
}
}
}
@@ -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;
}
}
}
@@ -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);
}
}
}