Draft

developers/integrations/partners.md

@@ -0,0 +1,39 @@
+---
+title: Partners Integrations
+sidebar_position: 0
+image: og/integrations/home.jpg
+---
+
+Weaviate's integration ecosystem enables developers to build various applications leveraging Weaviate and another technology.
+
+All the notebooks and code examples are on [Weaviate Recipes](https://github.com/weaviate/recipes)!
+
+import CardsFilter from '/src/components/PartnersMarketplace/CardsFilter.jsx'
+
+<CardsFilter />
+
+## About the Categories
+The ecosystem is divided into these categories:
+
+* **Cloud Hyperscalers** - Large-scale computing and storage
+* **Compute Infrastructure** - Run and scale containerized applications
+* **Data Platforms** - Data ingestion and web scraping 
+* **LLM Frameworks** - Build generative AI applications
+* **Operations** - Tools for monitoring and analyzing generative AI workflows
+
+
+
+## List of Companies
+
+| Company Category | Companies |
+|------------------|-----------|
+| Cloud Hyperscalers | [AWS](/developers/integrations/cloud-hyperscalers/aws), [Google](/developers/integrations/cloud-hyperscalers/google)|
+| Compute Infrastructure | [Modal](/developers/integrations/compute-infrastructure/modal), [Replicate](/developers/integrations/compute-infrastructure/replicate) |
+| Data Platforms |[Aryn](/developers/integrations/data-platforms/aryn/), [Confluent Cloud](/developers/integrations/data-platforms/confluent-cloud), [Context Data](/developers/integrations/data-platforms/context-data/), [Databricks](/developers/integrations/data-platforms/databricks/), [Firecrawl](/developers/integrations/data-platforms/firecrawl), [Unstructured](/developers/integrations/data-platforms/unstructured) |
+| LLM Frameworks | [Composio](/developers/integrations/llm-frameworks/composio/), [DSPy](/developers/integrations/llm-frameworks/dspy/), [Haystack](/developers/integrations/llm-frameworks/haystack/), [LangChain](/developers/integrations/llm-frameworks/langchain/), [LlamaIndex](/developers/integrations/llm-frameworks/llamaindex/), [Semantic Kernel](/developers/integrations/llm-frameworks/semantic-kernel/) |
+| Operations | [Arize](/developers/integrations/operations/arize/), [Langtrace](/developers/integrations/operations/langtrace/), [LangWatch](/developers/integrations/operations/langwatch/), [Nomic](/developers/integrations/operations/nomic/), [Ragas](/developers/integrations/operations/ragas/), [Weights & Biases](/developers/integrations/operations/wandb/) |
+
+## Model Provider Integrations 
+Weaviate integrates with self-hosted and API-based embedding models from a range of providers.
+
+Refer to the [documentation page](/developers/weaviate/model-providers) to see the full list of model providers.

src/components/PartnersMarketplace/Card.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import Link from '@docusaurus/Link';
+import styles from './styles.module.scss';
+
+function Card({ name, image, link, description, tags }) {
+  return (
+    <div className={styles.card}>
+      <img src={image} alt={`${name} logo`} className={styles.cardImage} />
+      <div className={styles.cardContent}>
+        <h3 className={styles.cardTitle}>{name}</h3>
+        <p className={styles.cardDescription}>{description}</p>
+        <div className={styles.cardTags}>
+          {tags.map((tag) => (
+            <span key={tag} className={styles.cardTag}>
+              {tag}
+            </span>
+          ))}
+        </div>
+        <Link to={link} className={styles.cardLink}>
+          Learn More
+        </Link>
+      </div>
+    </div>
+  );
+}
+
+export default Card;

src/components/PartnersMarketplace/CardsFilter.jsx

@@ -0,0 +1,49 @@
+import React, { useState, useEffect } from 'react';
+import partners from '/data/partners.json';
+import Card from './Card.jsx';
+import styles from './styles.module.scss';
+
+function CardsFilter() {
+  const [searchQuery, setSearchQuery] = useState('');
+  const [filteredPartners, setFilteredPartners] = useState(partners);
+
+  // Function to handle search input changes
+  const handleSearch = (event) => {
+    const query = event.target.value.toLowerCase();
+    setSearchQuery(query);
+    setFilteredPartners(
+      partners.filter(
+        (partner) =>
+          partner.name.toLowerCase().includes(query) ||
+          partner.description.toLowerCase().includes(query) ||
+          partner.tags.some((tag) => tag.toLowerCase().includes(query))
+      )
+    );
+  };
+
+  return (
+    <div>
+      <input
+        type="text"
+        placeholder="Search Partners and Integrations"
+        value={searchQuery}
+        onChange={handleSearch}
+        className={styles.searchInput}
+      />
+      <div className={styles.cardsContainer}>
+        {filteredPartners.map((partner) => (
+          <Card
+            key={partner.name}
+            name={partner.name}
+            image={partner.image}
+            link={partner.link}
+            description={partner.description}
+            tags={partner.tags}
+          />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+export default CardsFilter;

src/components/PartnersMarketplace/styles.module.scss

@@ -0,0 +1,41 @@
+.cardsContainer {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+
+.card {
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  padding: 1rem;
+  width: 300px;
+}
+
+.cardImage {
+  width: 50px;
+  height: 50px;
+}
+
+.cardContent {
+  margin-top: 1rem;
+}
+
+.cardTags {
+  margin-top: 0.5rem;
+}
+
+.cardTag {
+  display: inline-block;
+  background-color: #f0f0f0;
+  padding: 0.25rem 0.5rem;
+  margin: 0.25rem 0.25rem 0.25rem 0rem;
+  border-radius: 4px;
+}
+
+.searchInput {
+  margin-bottom: 1rem;
+  padding: 0.5rem;
+  width: 100%;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+}

static/data/partners.json

@@ -0,0 +1,37 @@
+[
+  {
+    "name": "Confluent Cloud",
+    "image": "/img/site/confluent-logo-partners.svg",
+    "link": "/developers/integrations/data-platforms/confluent-cloud",
+    "description": "Confluent Cloud is a fully managed Apache Kafka service that offers real-time data streaming, seamless integration across major cloud providers, high performance, and robust security features.",
+    "tags": [
+      "popular",
+      "trending",
+      "integration",
+      "develop apps",
+      "analytics",
+      "model data"
+    ]
+  },
+  {
+    "name": "Amazon",
+    "image": "/img/site/aws-logo-partners.svg",
+    "link": "/developers/integrations/cloud-hyperscalers/aws",
+    "description": "AWS supports model provider integrations through SageMaker and Bedrock.",
+    "tags": ["integration", "trending", "HyperScalers"]
+  },
+  {
+    "name": "Google",
+    "image": "/img/site/gcp-icon-partners.svg",
+    "link": "/developers/integrations/cloud-hyperscalers/aws",
+    "description": "AWS supports model provider integrations through SageMaker and Bedrock.",
+    "tags": ["integration", "trending", "HyperScalers"]
+  },
+  {
+    "name": "Aryn",
+    "image": "/img/site/aryn-logo-partners.svg",
+    "link": "/developers/integrations/data-platforms/aryn",
+    "description": "Aryn is an AI powered ETL system for language model applications and vector databases.",
+    "tags": ["integration", "trending", "ETL"]
+  }
+]