Merge pull request #1305 from qdrant/create-ai-agents-page

Created AI-Agents page

qdrant-landing/content/ai-agents/_index.md

@@ -0,0 +1,11 @@
+---
+title: "AI Agents"
+description: "AI Agents"
+build:
+  render: always
+cascade:
+- build:
+    list: local
+    publishResources: false
+    render: never
+---

qdrant-landing/content/ai-agents/ai-agents-features.md

@@ -0,0 +1,62 @@
+---
+image: 
+  src: /img/ai-agents-dashboard-cloud.png
+  alt: Dashboard cloud
+title: AI Agents with Qdrant
+description: AI agents powered by Qdrant leverage advanced vector search to access and retrieve high-dimensional data in real-time, enabling intelligent, Agentic-RAG driven, multi-step decision-making across dynamic environments.
+cases:
+- id: 0
+  title: Multimodal Data Handling
+  description: Qdrant enables AI agents to process and retrieve high-dimensional vectors from diverse data types (text, images, audio), supporting more comprehensive decision-making in multimodal environments.
+- id: 1
+  title: Adaptive Learning
+  description: Qdrant supports continuous learning by enabling efficient vector retrieval and updates, allowing agents to learn and evolve based on real-time interactions and new data points.
+featuresTitle: Qdrant equips AI agents to adapt, learn, and collaborate efficiently.
+features:
+- id: 0
+  icon: 
+    src: /icons/outline/precision-blue.svg
+    alt: Precision
+  title: Contextual Precision
+  description: Qdrant’s hybrid search combines semantic vector search, lexical search, and metadata filtering, enabling AI Agents to retrieve highly relevant and contextually precise information. This enhances decision-making by allowing agents to leverage both meaning-based and keyword-based strategies, ensuring accuracy and relevance for complex queries in dynamic environments.
+  link:
+    text: Hybrid Search
+    url: /articles/hybrid-search/
+- id: 1
+  icon:
+    src: /icons/outline/multitenancy-blue.svg
+    alt: Multitenancy
+  title: Multi-Agent Systems
+  description: Qdrant’s scalability and multitenancy ensures that multiple agents can collaborate in distributed systems, enabling seamless coordination and communication - key for Agentic RAG workflows.
+  link:
+    text: Multitenancy
+    url: /articles/multitenancy/
+- id: 2
+  icon:
+    src: /icons/outline/time-blue.svg
+    alt: Time
+  title: Real Time Decision Making
+  description: Qdrant’s real-time, advanced vector search enables AI agents to act instantly on live data, which is crucial for time-sensitive, autonomous decision-making.
+  link:
+    text: HNSW
+    url: /articles/filtrable-hnsw/
+- id: 3
+  icon:
+    src: /icons/outline/server-rack-blue.svg
+    alt: Server rack
+  title: Optimized CPU Performance for Embedding Processing
+  description: Qdrant’s architecture is optimized for high-throughput embedding processing, minimizing CPU load and preventing performance bottlenecks. This enables AI agents in Agentic RAG workflows to execute complex, multi-step tasks efficiently, ensuring smooth operation even at scale.
+  link:
+    text: Distributed Deployment
+    url: /documentation/guides/distributed_deployment/
+- id: 4
+  icon:
+    src: /icons/outline/speedometer-blue.svg
+    alt: Speedometer
+  title: Semantic Cache for Rapid Query Handling
+  description: Qdrant enhances AI agent efficiency with semantic caching, which preserves results of queries based on semantic equivalence rather than exact matches. This method reduces query processing times and system load by reusing previously computed answers, essential for high-throughput AI applications.
+  link:
+    text: Semantic Cache
+    url: /articles/semantic-cache-ai-data-retrieval/
+sitemapExclude: true
+---

qdrant-landing/content/ai-agents/ai-agents-get-started.md

@@ -0,0 +1,11 @@
+---
+title: Building AI agents?
+description: Apply for the Qdrant for Startups program to access a 20% discount to Qdrant Cloud, our managed cloud service, perks from Hugging Face, LlamaIndex, and Airbyte, and much more.
+button:
+  url: /qdrant-for-startups/
+  text: Apply Now
+image:
+  src: /img/ai-agent.svg
+  alt: AI agent
+sitemapExclude: true
+---

qdrant-landing/content/ai-agents/ai-agents-hero.md

@@ -0,0 +1,15 @@
+---
+title: AI Agents
+description: 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.
+startFree:
+  text: Get Started
+  url: https://cloud.qdrant.io/
+learnMore:
+  text: Learn More
+  url: "#ai-agents"
+image:
+  src: /img/vectors/vector-4.svg
+  alt: AI agents chat
+sitemapExclude: true
+---
+

qdrant-landing/content/ai-agents/ai-agents-integrations.md

@@ -0,0 +1,34 @@
+---
+title: Qdrant integrates with the leading AI Agent frameworks
+integrations:
+- id: 0
+  icon:
+    src: /img/integrations/integration-lang-graph.svg
+    alt: LangGraph logo
+  title: LangGraph
+  description: Framework for managing multi-LLM workflows with structured graphs for AI agents.
+  url: /documentation/frameworks/langgraph/
+- id: 1
+  icon:
+    src: /img/integrations/integration-open-ai.svg
+    alt: Open AI logo
+  title: Swarm
+  description: Decentralized platform enabling collaboration among AI agents for task completion.
+  url: /documentation/frameworks/swarm/
+- id: 2
+  icon:
+    src: /img/integrations/integration-crew-ai.svg
+    alt: Crew AI logo
+  title: CrewAI
+  description: Team-based AI agent collaboration system orchestrating multi-agent workflows efficiently.
+  url: /documentation/frameworks/crewai/
+- id: 3
+  icon:
+    src: /img/integrations/integration-auto-gen.svg
+    alt: AutoGen logo
+  title: AutoGen
+  description: Automation tool for generating AI agent workflows and automating complex tasks.
+  url: /documentation/frameworks/autogen/
+sitemapExclude: true
+---
+

qdrant-landing/content/ai-agents/ai-agents-use-cases.md

@@ -0,0 +1,48 @@
+---
+title: Learn how to get started with Qdrant for your AI Agent use case
+features:
+- id: 0
+  image:
+    src: /img/ai-agents-use-cases/comparing-ai-agent-frameworks.svg
+    srcMobile: /img/ai-agents-use-cases/comparing-ai-agent-frameworks.svg
+    alt: Comparing AI agent frameworks
+  title: "Comparing AI Agent Frameworks: LangGraph, CrewAI, Swarm, and AutoGen"
+  description: This guide offers a comparison of key AI agent frameworks, highlighting their strengths and ideal use cases for developers.
+  link:
+    text: View Guide
+    url: /articles/agentic-rag/
+- id: 1
+  image:
+    src: /img/ai-agents-use-cases/open-ai-agents.svg
+    srcMobile: /img/ai-agents-use-cases/open-ai-agents.svg
+    alt: Open AI agents
+  title: Building OpenAI Swarm Agents with Qdrant
+  description: Learn how to build OpenAI Swarm agents using Qdrant for fast, scalable vector search and real-time actions.
+  link:
+    text: Read the Docs
+    url: /documentation/frameworks/swarm/
+- id: 2
+  image:
+    src: /img/ai-agents-use-cases/ai-scheduler.svg
+    srcMobile: /img/ai-agents-use-cases/ai-scheduler.svg
+    alt: AI scheduler
+  title: Building an AI Scheduler with Zoom, CrewAI, and Qdrant
+  description: Learn how to build an AI meeting scheduler with Zoom, LlamaIndex, and Qdrant, featuring a hands-on RAG recommendation engine code sample.
+  link:
+    text: View Tutorial
+    url: /documentation/agentic-rag-crewai-zoom/
+caseStudy:
+  logo:
+    src: /img/ai-agents-use-cases/customer-logo.svg
+    alt: Logo
+  title: "QA.tech Case Study: AI Agents for Web Testing"
+  description: QA.tech enhanced web app testing by deploying AI agents that mimic user interactions. To handle high-speed actions and make real-time decisions, they integrated Qdrant for scalable vector search, allowing for faster and more efficient data proc...
+  link:
+    text: Read Case Study
+    url: /blog/case-study-qatech/
+  image:
+    src: /img/ai-agents-use-cases/case-study.png
+    alt: Preview
+sitemapExclude: true
+---
+

qdrant-landing/content/ai-agents/ai-agents-video.md

@@ -0,0 +1,16 @@
+---
+tag: 
+  title: On-demand Webinar
+  icon: 
+    src: /icons/outline/training-purple.svg
+    alt: Training
+title: Building AI Agents for personalized recommendations with Qdrant and n8n
+description: Learn in this video how to build an AI-powered recommendation system using Qdrant and n8n. It demonstrates how an AI agent retrieves data from Qdrant's vector database and leverages a large language model (LLM) to generate personalized recommendations based on user inputs.
+link:
+  text: Watch Now
+  url: https://www.youtube.com/watch?v=O5mT8M7rqQQ
+youtube: |
+  <iframe src="https://www.youtube.com/embed/O5mT8M7rqQQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+sitemapExclude: true
+---
+

qdrant-landing/content/ai-agents/ai-agents-webinar.md

@@ -0,0 +1,17 @@
+---
+tag: 
+  title: On-demand Webinar
+  icon: 
+    src: /icons/outline/training-purple.svg
+    alt: Training
+title: Building Agents with LlamaIndex & Qdrant
+description: Ready to build more advanced AI agents? Watch this webinar to learn how to use LlamaIndex and Qdrant to create intelligent agents capable of handling complex, multi-modal queries in RAG-enabled systems.
+link:
+  text: Watch Now
+  url: https://www.youtube.com/watch?v=3mWIFsooibQ
+image:
+  src: /img/ai-agents-webinar.svg
+  alt: AI agents webinar
+sitemapExclude: true
+---
+

qdrant-landing/content/headless/menu.md

@@ -49,6 +49,10 @@ menuItems:
         name: Data Analysis & Anomaly Detection
         icon: data-analysis-anomaly-detection.svg
         url: /data-analysis-anomaly-detection/
+      - id: subMenu-1-4
+        name: AI Agents
+        icon: ai-agents.svg
+        url: /ai-agents/
 #      - id: subMenu-1-4
 #        name: Qdrant for Startups
 #        icon: qdrant-for-startups.svg

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

@@ -60,11 +60,11 @@
 @import 'partials/use-cases-vector-get-started';
 @import 'partials/use-cases-vector-features';
 @import 'partials/use-cases-vector-cases';
+@import 'partials/use-cases-vector-integrations';
 @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';
 @import 'partials/share-buttons';
@@ -107,3 +107,7 @@
 @import 'partials/rag-evaluation-guide-features';
 @import 'partials/progress-bar';
 @import 'partials/table-of-contents';
+@import 'partials/ai-agents-webinar';
+@import 'partials/ai-agents-get-started';
+@import 'partials/ai-agents-video';
+@import 'partials/tag';

qdrant-landing/themes/qdrant-2024/assets/css/partials/_ai-agents-get-started.scss

@@ -0,0 +1,30 @@
+@use '../mixins/get-started-small' as get-started-small;
+
+.ai-agents-get-started {
+  @include get-started-small.base(
+    $spacer * 5,
+    $spacer * 4,
+    $spacer * 3.5,
+    $spacer * 2.5,
+    $neutral-94,
+    url('/img/stars-pattern.png') $neutral-10,
+    url('/img/stars-pattern.png') $neutral-10
+  );
+
+  @include media-breakpoint-up(lg) {
+    &__title,
+    &__description,
+    .button {
+      margin-left: $spacer * 4;
+    }
+
+    &__text {
+      padding-top: $spacer * 2.5;
+      padding-bottom: $spacer * 2.5;
+    }
+
+    &__image {
+      align-self: center;
+    }
+  }
+}

qdrant-landing/themes/qdrant-2024/assets/css/partials/_ai-agents-video.scss

@@ -0,0 +1,48 @@
+@use '../helpers/functions' as *;
+
+.ai-agents-video {
+  padding-top: $spacer * 4;
+  padding-bottom: $spacer * 4;
+  background-color: $neutral-94;
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: pxToRem(920);
+    margin: 0 auto;
+    gap: $spacer * 1.5;
+    text-align: center;
+  }
+
+  &__title {
+    margin-bottom: 0;
+    font-size: $spacer * 2;
+    line-height: pxToRem(40);
+    color: $neutral-20;
+  }
+
+  &__description {
+    margin-bottom: 0;
+    color: $neutral-20;
+  }
+
+  .video {
+    max-width: none;
+    margin-top: $spacer * 3;
+
+    iframe {
+      max-width: none;
+    }
+  }
+
+  @include media-breakpoint-up(lg) {
+    padding-top: $spacer * 7.5;
+    padding-bottom: $spacer * 7.5;
+
+    &__title {
+      font-size: $spacer * 2.5;
+      line-height: pxToRem(50);
+    }
+  }
+}

qdrant-landing/themes/qdrant-2024/assets/css/partials/_ai-agents-webinar.scss

@@ -0,0 +1,41 @@
+@use '../helpers/functions' as *;
+
+.ai-agents-webinar {
+  padding-top: $spacer * 4;
+  padding-bottom: $spacer * 4;
+  background-color: $neutral-94;
+
+  .tag {
+    margin-bottom: $spacer * 1.5;
+  }
+
+  &__title {
+    margin-bottom: $spacer * 1.5;
+    font-size: $spacer * 2;
+    line-height: pxToRem(40);
+    color: $neutral-20;
+  }
+
+  &__description {
+    margin-bottom: $spacer * 1.5;
+    font-size: pxToRem(18);
+    line-height: pxToRem(27);
+    color: $neutral-20;
+  }
+
+  &__image {
+    display: block;
+    width: 100%;
+    max-width: pxToRem(580);
+    margin: $spacer * 2.5 -1% -7% -4%;
+  }
+
+  @include media-breakpoint-up(lg) {
+    padding-top: $spacer * 7.5;
+    padding-bottom: $spacer * 7.5;
+
+    &__image {
+      margin-top: 0;
+    }
+  }
+}

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

@@ -0,0 +1,21 @@
+@use '../helpers/functions' as *;
+
+.tag {
+  display: flex;
+  align-items: center;
+  gap: pxToRem(12);
+  width: fit-content;
+  padding: $spacer * 0.5 $spacer;
+  background-color: $secondary-violet-30;
+  border-radius: $spacer * 2.5;
+
+  &_image {
+    height: $spacer;
+    width: $spacer;
+  }
+
+  &_title {
+    color: $secondary-violet-90;
+    margin-bottom: 0;
+  }
+}