Updated RAG and 404 pages (#1225)

qdrant-landing/content/headless/not-found.md

@@ -8,7 +8,7 @@ homeButton:
   link: /
   text: Go to Home
 supportButton:
-  link: https://qdrant.io/discord
+  link: https://discord.gg/qdrant
   text: Get Support
 sitemapExclude: True
 ---

qdrant-landing/content/retrieval-augmented-generation/retrieval-augmented-generation-guide.md

@@ -0,0 +1,15 @@
+---
+label: A comprehensive guide
+icon:
+  src: /icons/outline/guidebook-blue.svg
+  alt: Guidebook
+title: Best Practices in RAG Evaluation
+description: Learn how to assess, calibrate, and optimize your RAG applications for long-term success.
+getGuideButton: 
+  text: Get the Guide
+  url: "/rag/rag-evaluation-guide/"
+image:
+  src: /img/retrieval-augmented-generation-evaluation/guide-graphic.svg
+  alt: RAG guide
+sitemapExclude: true
+---

qdrant-landing/themes/qdrant-2024/assets/css/main.scss

@@ -62,6 +62,7 @@
 @import 'partials/case-study';
 @import 'partials/advanced-search-use-cases';
 @import 'partials/recommendations-api';
+@import 'partials/retrieval-augmented-generation-guide';
 @import 'partials/retrieval-augmented-generation-integrations';
 @import 'partials/retrieval-augmented-generation-evaluation';
 @import 'partials/data-analysis-anomaly-detection';

qdrant-landing/themes/qdrant-2024/assets/css/partials/_retrieval-augmented-generation-guide.scss

@@ -0,0 +1,88 @@
+@use '../helpers/functions' as *;
+
+.retrieval-augmented-generation-guide {
+  position: relative;
+  padding-top: $spacer * 4;
+  padding-bottom: $spacer * 4;
+  background-color: $neutral-10;
+  overflow: hidden;
+
+  &__content {
+    position: relative;
+    z-index: 1;
+  }
+
+  &__tag {
+    display: inline-flex;
+    align-items: center;
+    gap: $spacer * 0.5;
+    margin-bottom: $spacer * 2;
+    padding: calc($spacer / 4) $spacer;
+    border-radius: $spacer;
+    background-color: $neutral-20;
+
+    img {
+      width: $spacer;
+      height: $spacer;
+    }
+
+    p {
+      margin-bottom: 0;
+      font-size: pxToRem(14);
+      line-height: pxToRem(21);
+      font-weight: 400;
+      color: $neutral-90;
+    }
+  }
+
+  &__title {
+    margin-bottom: $spacer * 2;
+    font-size: $spacer * 2;
+    line-height: pxToRem(38);
+    color: $neutral-98;
+  }
+
+  &__description {
+    margin-bottom: $spacer * 2;
+    font-size: pxToRem(18);
+    line-height: pxToRem(27);
+    color: $neutral-70;
+  }
+
+  &__preview {
+    img {
+      display: block;
+      width: 100%;
+      max-width: pxToRem(540);
+      margin: $spacer * 2.5 auto 0 auto;
+    }
+  }
+
+  &__overlay-bottom {
+    left: -$spacer * 1.5;
+    bottom: -$spacer * 1.5;
+  }
+
+  @include media-breakpoint-up(xl) {
+    padding-top: $spacer * 7.5;
+    padding-bottom: $spacer * 7.5;
+
+    &__title {
+      max-width: pxToRem(445);
+      font-size: $spacer * 3;
+      line-height: pxToRem(58);
+    }
+
+    &__description {
+      max-width: pxToRem(445);
+      font-size: pxToRem(20);
+      line-height: pxToRem(30);
+    }
+
+    &__preview {
+      img {
+        margin: 0 0 0 auto;
+      }
+    }
+  }
+}

qdrant-landing/themes/qdrant-2024/layouts/partials/retrieval-augmented-generation-guide.html

@@ -0,0 +1,24 @@
+{{ with (.Site.GetPage "/retrieval-augmented-generation/retrieval-augmented-generation-guide") }}
+  <section class="retrieval-augmented-generation-guide">
+    <div class="container">
+      <div class="row align-items-lg-center">
+        <div class="retrieval-augmented-generation-guide__content col-12 col-lg-6">
+          <div class="retrieval-augmented-generation-guide__tag">
+            <img src="{{ .Params.icon.src }}" alt="{{ .Params.icon.alt }}">
+            <p>{{ .Params.label }}</p>
+          </div>
+          <h2 class="retrieval-augmented-generation-guide__title">{{ .Params.title }}</h2>
+          <p class="retrieval-augmented-generation-guide__description">{{ .Params.description }}</p>
+          <a href="{{ .Params.getGuideButton.url }}" class="button button_contained button_sm">
+            {{ .Params.getGuideButton.text }}
+          </a>
+        </div>
+
+        <div class="retrieval-augmented-generation-guide__preview col-12 col-lg-6">
+          <img src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
+        </div>
+      </div>
+    </div>
+    {{ partial "top-and-bottom-overlay" (dict "context" . "class" "retrieval-augmented-generation-guide") }}
+  </section>
+{{ end }}

qdrant-landing/themes/qdrant-2024/layouts/retrieval-augmented-generation/list.html

@@ -12,6 +12,7 @@
     {{ partial "use-cases-vector-cases" . }}
   {{ end }}
 
+  {{ partial "retrieval-augmented-generation-guide" . }}
 
   <!-- {{ with (.Site.GetPage "/headless/get-started-small-rocket") }}
     {{ partial "get-started-small" (dict "context" . "class" "use-cases-vector-get-started") }}

qdrant-landing/themes/qdrant-2024/static/icons/outline/guidebook-blue.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.33268 11.0999L5.99935 11.8333M5.99935 6.03325L3.33268 5.29992M5.99935 8.83325L3.33268 8.16659M12.666 11.0999L9.99935 11.8333M9.99935 6.03325L12.666 5.29992M9.99935 8.83325L12.666 8.16659M0.666016 1.83325L7.99935 3.83325L15.3327 1.83325V13.1666L7.99935 15.1666L0.666016 13.1666V1.83325Z" stroke="#2F6FF0" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>