Add AI Agents blocks (#1339)

qdrant-landing/content/headless/main/vectors.md

@@ -26,4 +26,10 @@ featureCards:
     link:
       text: Learn More
       url: /data-analysis-anomaly-detection/
----
+  - id: 4
+    title: AI Agents
+    content: Unlock the full potential of your AI agents with Qdrant’s powerful vector search and scalable infrastructure, allowing them to handle complex tasks, adapt in real time, and drive smarter, data-driven outcomes across any environment.
+    link:
+      text: Learn More
+      url: /ai-agents/
+---

qdrant-landing/content/use-cases/vectors-use-case.md

@@ -26,4 +26,10 @@ featureCards:
     link:
       text: Learn More
       url: /data-analysis-anomaly-detection/
----
+  - id: 4
+    title: AI Agents
+    content: Unlock the full potential of your AI agents with Qdrant’s powerful vector search and scalable infrastructure, allowing them to handle complex tasks, adapt in real time, and drive smarter, data-driven outcomes across any environment.
+    link:
+      text: Learn More
+      url: /ai-agents/
+---

qdrant-landing/themes/qdrant-2024/assets/css/partials/_vectors.scss

@@ -41,6 +41,13 @@
     display: flex;
     flex-direction: column;
     gap: $spacer * 5;
+
+    & > div:first-child {
+      .vectors__card-image {
+        height: pxToRem(256);
+        margin-bottom: -$spacer * 2;
+      }
+    }
   }
 
   &__card {
@@ -87,7 +94,10 @@
   }
 
   @include media-breakpoint-up(xl) {
+    padding-bottom: $spacer * 10;
+
     &__header {
+      padding-top: $spacer * 7.5;
       padding-bottom: $spacer * 7.5;
     }
 
@@ -105,6 +115,19 @@
 
     &__cards {
       gap: $spacer * 10;
+
+      & > div:first-child {
+        .vectors__card-image {
+          height: pxToRem(392);
+        }
+      }
+
+      & > div:last-of-type {
+        .vectors__card-title {
+          font-size: map-get($font-sizes, 2);
+          line-height: pxToRem(67);
+        }
+      }
     }
 
     &__card {
@@ -139,16 +162,6 @@
   }
 }
 
-.vectors__card:first-child {
-  .vectors__card-image {
-    height: pxToRem(256);
-
-    @include media-breakpoint-up(xl) {
-      height: pxToRem(392);
-    }
-  }
-}
-
 .vectors-use-case {
   .vectors__header {
     padding-top: $spacer * 2.5;