diff --git a/qdrant-landing/content/ai-agents/_index.md b/qdrant-landing/content/ai-agents/_index.md new file mode 100644 index 000000000..b0c322979 --- /dev/null +++ b/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 +--- diff --git a/qdrant-landing/content/ai-agents/ai-agents-features.md b/qdrant-landing/content/ai-agents/ai-agents-features.md new file mode 100644 index 000000000..8ad78fce9 --- /dev/null +++ b/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 +--- diff --git a/qdrant-landing/content/ai-agents/ai-agents-get-started.md b/qdrant-landing/content/ai-agents/ai-agents-get-started.md new file mode 100644 index 000000000..7c0a6bfda --- /dev/null +++ b/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 +--- diff --git a/qdrant-landing/content/ai-agents/ai-agents-hero.md b/qdrant-landing/content/ai-agents/ai-agents-hero.md new file mode 100644 index 000000000..2c4ed42b1 --- /dev/null +++ b/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 +--- + diff --git a/qdrant-landing/content/ai-agents/ai-agents-integrations.md b/qdrant-landing/content/ai-agents/ai-agents-integrations.md new file mode 100644 index 000000000..e25fb98b4 --- /dev/null +++ b/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 +--- + diff --git a/qdrant-landing/content/ai-agents/ai-agents-use-cases.md b/qdrant-landing/content/ai-agents/ai-agents-use-cases.md new file mode 100644 index 000000000..665b2d40f --- /dev/null +++ b/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 +--- + diff --git a/qdrant-landing/content/ai-agents/ai-agents-video.md b/qdrant-landing/content/ai-agents/ai-agents-video.md new file mode 100644 index 000000000..de5c31105 --- /dev/null +++ b/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: | + +sitemapExclude: true +--- + diff --git a/qdrant-landing/content/ai-agents/ai-agents-webinar.md b/qdrant-landing/content/ai-agents/ai-agents-webinar.md new file mode 100644 index 000000000..86c525274 --- /dev/null +++ b/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 +--- + diff --git a/qdrant-landing/content/headless/menu.md b/qdrant-landing/content/headless/menu.md index 277e86c93..7fe603705 100644 --- a/qdrant-landing/content/headless/menu.md +++ b/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 diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/main.scss b/qdrant-landing/themes/qdrant-2024/assets/css/main.scss index f41fa0c61..9731f5d55 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/main.scss +++ b/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'; diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_ai-agents-get-started.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_ai-agents-get-started.scss new file mode 100644 index 000000000..efeaf87d3 --- /dev/null +++ b/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; + } + } +} diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_ai-agents-video.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_ai-agents-video.scss new file mode 100644 index 000000000..dfcfff965 --- /dev/null +++ b/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); + } + } +} diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_ai-agents-webinar.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_ai-agents-webinar.scss new file mode 100644 index 000000000..a50a3fae9 --- /dev/null +++ b/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; + } + } +} diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_tag.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_tag.scss new file mode 100644 index 000000000..c5b7f086d --- /dev/null +++ b/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; + } +} 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 6c12dac3f..63dc69ef7 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 @@ -21,7 +21,9 @@ display: flex; flex-direction: column; justify-content: flex-start; + margin: 0 auto; padding: $spacer * 2; + max-width: pxToRem(540); &-image { display: none; @@ -44,6 +46,24 @@ } } + &.ai-agents-use-cases { + .use-cases-vector-cases__card { + &-title { + font-size: pxToRem(20); + line-height: pxToRem(30); + } + + &-description { + font-size: $spacer; + line-height: $spacer * 1.5; + } + + &-link { + margin-top: auto; + } + } + } + @include media-breakpoint-up(xl) { padding-top: $spacer * 5; padding-bottom: $spacer * 5; @@ -70,5 +90,20 @@ } } } + + &.ai-agents-use-cases { + .use-cases-vector-cases__title { + font-size: $spacer * 3.5; + line-height: pxToRem(67); + } + + .use-cases-vector-cases__cards { + margin-bottom: $spacer * 5; + } + + .use-cases-vector-cases__card { + min-height: pxToRem(518); + } + } } } diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-features.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-features.scss index 1b9c3c118..61e958eb8 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-features.scss +++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-features.scss @@ -5,6 +5,15 @@ padding-bottom: $spacer * 4; background-color: $neutral-94; + &__feature-title { + max-width: pxToRem(730); + margin: $spacer * 3.5 auto; + text-align: center; + font-size: $spacer * 2; + line-height: pxToRem(38); + color: $neutral-20; + } + &__title { font-size: $spacer * 2; line-height: pxToRem(38); @@ -21,7 +30,48 @@ margin-bottom: $spacer * 2.5; } + &__cases { + &-image { + display: block; + width: 100%; + max-width: pxToRem(506); + margin: 0 auto $spacer * 2.5; + } + + &-title { + margin-bottom: $spacer; + font-size: $spacer * 2; + line-height: pxToRem(38); + color: $neutral-20; + } + + &-description { + margin-bottom: 0; + color: $neutral-30; + } + + &-item { + margin-top: $spacer * 2.5; + padding-left: $spacer * 1.5; + border-left: pxToRem(2) solid $neutral-80; + + &-title { + margin-bottom: $spacer * 0.5; + font-size: pxToRem(18); + line-height: pxToRem(27); + color: $neutral-20; + } + + &-description { + margin-bottom: 0; + color: $neutral-30; + } + } + } + &__card { + justify-content: flex-start; + &-icon { height: $spacer * 1.5; width: $spacer * 1.5; @@ -60,6 +110,12 @@ padding-top: $spacer * 7.5; padding-bottom: $spacer * 7.5; + &__feature-title { + margin: $spacer * 5 auto; + font-size: $spacer * 2.5; + line-height: pxToRem(50); + } + &__header { margin-bottom: $spacer * 5; } @@ -75,5 +131,17 @@ font-size: pxToRem(18); line-height: pxToRem(27); } + + &__cases { + &-image { + max-width: 94%; + margin: 0 auto 0 0; + } + + &-title { + font-size: $spacer * 3; + line-height: pxToRem(58); + } + } } } diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_retrieval-augmented-generation-integrations.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-integrations.scss similarity index 86% rename from qdrant-landing/themes/qdrant-2024/assets/css/partials/_retrieval-augmented-generation-integrations.scss rename to qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-integrations.scss index ebc4e54d6..a5b033965 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_retrieval-augmented-generation-integrations.scss +++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-integrations.scss @@ -1,6 +1,6 @@ @use '../helpers/functions' as *; -.retrieval-augmented-generation-integrations { +.use-cases-vector-integrations { position: relative; padding-top: $spacer * 4; padding-bottom: $spacer * 4; @@ -42,6 +42,11 @@ color: $neutral-70; } } + a.use-cases-vector-integrations__card:hover { + .use-cases-vector-integrations__card-title { + text-decoration: underline; + } + } @include media-breakpoint-up(xl) { padding-top: $spacer * 7.5; diff --git a/qdrant-landing/themes/qdrant-2024/layouts/ai-agents/list.html b/qdrant-landing/themes/qdrant-2024/layouts/ai-agents/list.html new file mode 100644 index 000000000..af008ebf9 --- /dev/null +++ b/qdrant-landing/themes/qdrant-2024/layouts/ai-agents/list.html @@ -0,0 +1,26 @@ +{{ define "main" }} + {{ partial "site-header" . }} + + {{ with (.Site.GetPage "/ai-agents/ai-agents-hero") }} + {{ partial "use-cases-vector-hero" . }} + {{ end }} + +
+ {{ partial "ai-agents-features" . }} + + {{ with (.Site.GetPage "/ai-agents/ai-agents-integrations") }} + {{ partial "use-cases-vector-integrations" (dict "context" . "class" "ai-agents-integrations") }} + {{ end }} + + {{ partial "ai-agents-webinar" . }} + + {{ with (.Site.GetPage "/ai-agents/ai-agents-use-cases") }} + {{ partial "use-cases-vector-cases" (dict "context" . "class" "ai-agents-use-cases") }} + {{ end }} + + {{ partial "ai-agents-video" . }} + + {{ with (.Site.GetPage "/ai-agents/ai-agents-get-started") }} + {{ partial "get-started-small" (dict "context" . "class" "ai-agents-get-started") }} + {{ end }} +{{ end }} diff --git a/qdrant-landing/themes/qdrant-2024/layouts/ai-agents/single.html b/qdrant-landing/themes/qdrant-2024/layouts/ai-agents/single.html new file mode 100644 index 000000000..806bcec80 --- /dev/null +++ b/qdrant-landing/themes/qdrant-2024/layouts/ai-agents/single.html @@ -0,0 +1 @@ +{{ define "main" }}{{ end }} diff --git a/qdrant-landing/themes/qdrant-2024/layouts/partials/ai-agents-features.html b/qdrant-landing/themes/qdrant-2024/layouts/partials/ai-agents-features.html new file mode 100644 index 000000000..09d24a0c3 --- /dev/null +++ b/qdrant-landing/themes/qdrant-2024/layouts/partials/ai-agents-features.html @@ -0,0 +1,42 @@ +{{ with (.Site.GetPage "/ai-agents/ai-agents-features") }} +{{ .Params.description }}
+ {{ range .Params.cases }} +{{ .description }}
+{{ .Params.description }}
+ {{ .Params.link.text }} +{{ .Params.description }}
+ {{ .Params.link.text }} +{{ .description }}
-{{ .Params.tag.title }}
+{{ .Params.description }}