From 831459ffb471372405ac65bb1635d55fe0cce343 Mon Sep 17 00:00:00 2001
From: nastyapash <38438810+nastyapash@users.noreply.github.com>
Date: Mon, 13 Apr 2026 16:56:24 +0300
Subject: [PATCH] Update recommendations page (#2270)

* update recommendations page

* update link in hero section
---
 .../content/recommendations/recommendations-hero.md  |  5 +++--
 .../assets/css/partials/_recommendations-api.scss    |  2 ++
 .../assets/css/partials/_use-cases-vector-cases.scss |  3 ++-
 .../assets/css/partials/_use-cases-vector-hero.scss  | 12 +++++++-----
 .../layouts/partials/use-cases-vector-hero.html      |  2 +-
 .../qdrant-2024/layouts/recommendations/list.html    |  4 +---
 6 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/qdrant-landing/content/recommendations/recommendations-hero.md b/qdrant-landing/content/recommendations/recommendations-hero.md
index 78e733235..cf346964c 100644
--- a/qdrant-landing/content/recommendations/recommendations-hero.md
+++ b/qdrant-landing/content/recommendations/recommendations-hero.md
@@ -5,10 +5,11 @@ startFree:
   text: Get Started
   url: https://cloud.qdrant.io/signup
 learnMore:
-  text: Contact Us
+  text: Learn More
   url: /contact-us/
 image:
-  src: /img/vectors/vector-1.svg
+  src: /img/home/horizontal-slider/recommendation-systems.png
+  webp: /img/home/horizontal-slider/recommendation-systems.webp
   alt: Recommendation systems
 sitemapExclude: true
 ---
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_recommendations-api.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_recommendations-api.scss
index de40cb382..2d015e331 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_recommendations-api.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_recommendations-api.scss
@@ -44,11 +44,13 @@
     }
 
     &__title {
+      max-width: pxToRem(445);
       font-size: $spacer * 3;
       line-height: pxToRem(57);
     }
 
     &__description {
+      max-width: pxToRem(445);
       font-size: pxToRem(20);
       line-height: pxToRem(30);
     }
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-cases.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-cases.scss
index bbf4f46ac..9b68861c3 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-cases.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-cases.scss
@@ -36,7 +36,8 @@
 
     &-title {
       margin-bottom: $spacer;
-      color: $neutral-40;
+      font-weight: 500;
+      color: $neutral-20;
     }
 
     &-description {
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-hero.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-hero.scss
index e06bd35f7..d22255ea2 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-hero.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-hero.scss
@@ -37,11 +37,14 @@
   }
 
   &__preview {
-    height: 0;
-    padding-bottom: 66%;
+    aspect-ratio: 540 / 400;
 
-    img {
+    &-img {
       width: 100%;
+      height: 100%;
+      background-size: contain;
+      background-position: center;
+      background-repeat: no-repeat;
     }
   }
 
@@ -78,8 +81,7 @@
 
   @include media-breakpoint-up(lg) {
     &__preview {
-      height: pxToRem(360);
-      padding-bottom: 0;
+      height: pxToRem(400);
     }
   }
 }
diff --git a/qdrant-landing/themes/qdrant-2024/layouts/partials/use-cases-vector-hero.html b/qdrant-landing/themes/qdrant-2024/layouts/partials/use-cases-vector-hero.html
index 0973b81aa..046693308 100644
--- a/qdrant-landing/themes/qdrant-2024/layouts/partials/use-cases-vector-hero.html
+++ b/qdrant-landing/themes/qdrant-2024/layouts/partials/use-cases-vector-hero.html
@@ -15,7 +15,7 @@
       </div>
 
       <div class="use-cases-vector-hero__preview col-12 col-lg-6">
-        <img src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
+        <div class="use-cases-vector-hero__preview-img" style="background-image: url('{{ .Params.image.src }}');{{ if .Params.image.webp }} background-image: image-set(url('{{ .Params.image.webp }}') type('image/webp'), url('{{ .Params.image.src }}') type('image/png'));{{ end }}"></div>
       </div>
     </div>
   </div>
diff --git a/qdrant-landing/themes/qdrant-2024/layouts/recommendations/list.html b/qdrant-landing/themes/qdrant-2024/layouts/recommendations/list.html
index 526369408..384df61d9 100644
--- a/qdrant-landing/themes/qdrant-2024/layouts/recommendations/list.html
+++ b/qdrant-landing/themes/qdrant-2024/layouts/recommendations/list.html
@@ -12,11 +12,9 @@
     {{ partial "use-cases-vector-cases" (dict "context" . "class" "recommendations-use-cases") }}
   {{ end }}
 
-
-  <!-- {{ with (.Site.GetPage "/headless/get-started-small-rocket") }}
+  {{ with (.Site.GetPage "/headless/get-started-small-rocket") }}
     {{ partial "get-started-small" (dict "context" . "class" "use-cases-vector-get-started") }}
   {{ end }}
-   -->
 
   {{ partial "get-started" . }}
 {{ end }}