import type { IntegrationButton } from "./button-group";

type IntegrationGroup =
  | "ai-agent-frameworks"
  | "browser-automation"
  | "llm-app-development"
  | "observability"
  | "llm-code-execution"
  | "ui-and-ux"
  | "tool-management"
  | "real-time-voice"
  | "mcp-integration";

export const integrationButtons: Record<IntegrationGroup, IntegrationButton[]> =
  {
    "ai-agent-frameworks": [
      {
        title: "Agno",
        description:
          "Agno is a lightweight library for building Agents with memory, knowledge, tools and reasoning.",
        href: "/docs/agno",
        iconSrc: "/integrations/agno_black.svg",
        iconDarkSrc: "/integrations/agno_white.svg",
        color: "gray",
      },
      {
        title: "AutoGen",
        description:
          "AutoGen is a framework for building conversational AI systems that can operate autonomously or collaborate with humans and other agents.",
        href: "/docs/autogen",
        iconSrc: "/integrations/autogen.svg",
        color: "gray",
      },
      {
        title: "CrewAI",
        description:
          "CrewAI is a framework for orchestrating role-playing AI agents that work together to accomplish complex tasks.",
        href: "/docs/crewai",
        iconSrc: "/integrations/crewai.png",
        color: "gray",
      },
      {
        title: "xRx",
        description:
          "xRx is a reactive AI agent framework for building reliable and observable LLM agents with real-time feedback.",
        href: "/docs/xrx",
        iconSrc: "/integrations/xrx.png",
        color: "gray",
      },
    ],
    "browser-automation": [
      {
        title: "Anchor Browser",
        description:
          "Anchor Browser is a browser automation platform that allows you to automate workflows for web applications that lack APIs or have limited API coverage.",
        href: "/docs/anchorbrowser",
        iconSrc: "/integrations/anchorbrowser.png",
        color: "gray",
      },
    ],
    "llm-app-development": [
      {
        title: "LangChain",
        description:
          "LangChain is a framework for developing applications powered by language models through composability.",
        href: "/docs/langchain",
        iconSrc: "/integrations/langchain_black.png",
        iconDarkSrc: "/integrations/langchain_white.png",
        color: "gray",
      },
      {
        title: "LlamaIndex",
        description:
          "LlamaIndex is a data framework for building LLM applications with context augmentation over external data.",
        href: "/docs/llama-index",
        iconSrc: "/integrations/llamaindex_black.png",
        iconDarkSrc: "/integrations/llamaindex_white.png",
        color: "gray",
      },
      {
        title: "LiteLLM",
        description:
          "LiteLLM is a library that standardizes LLM API calls and provides robust tracking, fallbacks, and observability for LLM applications.",
        href: "/docs/litellm",
        iconSrc: "/integrations/litellm.png",
        color: "gray",
      },
      {
        title: "Vercel AI SDK",
        description:
          "Vercel AI SDK is a typescript library for building AI-powered applications in modern frontend frameworks.",
        href: "/docs/ai-sdk",
        iconSrc: "/vercel-integration.png",
        color: "gray",
      },
    ],
    observability: [
      {
        title: "Arize",
        description:
          "Arize is an observability platform for monitoring, troubleshooting, and explaining LLM applications.",
        href: "/docs/arize",
        iconSrc: "/integrations/arize_phoenix.png",
        color: "gray",
      },
      {
        title: "MLflow",
        description:
          "MLflow is an open-source platform for managing the end-to-end machine learning lifecycle, including experiment tracking and model deployment.",
        href: "/docs/mlflow",
        iconSrc: "/integrations/mlflow-white.svg",
        iconDarkSrc: "/integrations/mlflow-black.svg",
        color: "gray",
      },
    ],
    "llm-code-execution": [
      {
        title: "E2B",
        description:
          "E2B provides secure sandboxed environments for LLMs to execute code and use tools in a controlled manner.",
        href: "/docs/e2b",
        iconSrc: "/integrations/e2b_black.png",
        iconDarkSrc: "/integrations/e2b_white.png",
        color: "gray",
      },
    ],
    "ui-and-ux": [
      {
        title: "FlutterFlow",
        description:
          "FlutterFlow is a visual development platform for building high-quality, custom, cross-platform apps with AI capabilities.",
        href: "/docs/flutterflow",
        iconSrc: "/integrations/flutterflow_black.png",
        iconDarkSrc: "/integrations/flutterflow_white.png",
        color: "gray",
      },
      {
        title: "Gradio",
        description:
          "Gradio is a Python library for quickly creating customizable UI components for machine learning models and LLM applications.",
        href: "/docs/gradio",
        iconSrc: "/integrations/gradio.svg",
        color: "gray",
      },
    ],
    "tool-management": [
      {
        title: "Composio",
        description:
          "Composio is a platform for managing and integrating tools with LLMs and AI agents for seamless interaction with external applications.",
        href: "/docs/composio",
        iconSrc: "/integrations/composio_black.png",
        iconDarkSrc: "/integrations/composio_white.png",
        color: "gray",
      },
      {
        title: "JigsawStack",
        description:
          "JigsawStack is a powerful AI SDK that integrates into any backend, automating tasks using LLMs with features like Mixture-of-Agents approach.",
        href: "/docs/jigsawstack",
        iconSrc: "/integrations/jigsaw.svg",
        color: "gray",
      },
      {
        title: "Toolhouse",
        description:
          "Toolhouse is a tool management platform that helps developers organize, secure, and scale tool usage across AI agents.",
        href: "/docs/toolhouse",
        iconSrc: "/integrations/toolhouse.svg",
        color: "gray",
      },
    ],
    "real-time-voice": [
      {
        title: "LiveKit",
        description:
          "LiveKit provides text-to-speech and real-time communication features that complement Groq's speech recognition for end-to-end AI voice applications.",
        href: "/docs/livekit",
        iconSrc: "/integrations/livekit_white.svg",
        color: "gray",
      },
    ],
    "mcp-integration": [
      {
        title: "BrowserBase",
        description:
          "BrowserBase is a headless browser infrastructure that provides reliable, scalable browser automation for web scraping, testing, and AI applications.",
        href: "/docs/browserbase",
        iconSrc: "/browserbase.png",
        color: "gray",
      },
      {
        title: "BrowserUse",
        description:
          "BrowserUse is an open-source Python library for browser automation that enables AI agents to interact with web pages through natural language commands.",
        href: "/docs/browseruse",
        iconSrc: "/browseruse.svg",
        color: "gray",
      },
      {
        title: "Exa",
        description:
          "Exa is an AI-powered search API that provides high-quality, structured web data for LLMs and AI applications with semantic search capabilities.",
        href: "/docs/exa",
        iconSrc: "/exa-light.png",
        iconDarkSrc: "/exa-dark.png",
        color: "gray",
      },
      {
        title: "Firecrawl",
        description:
          "Firecrawl is a web scraping and crawling API that converts websites into clean, structured markdown or JSON data for LLM consumption.",
        href: "/docs/firecrawl",
        iconSrc: "/firecrawl.png",
        color: "gray",
      },
      {
        title: "HuggingFace",
        description:
          "HuggingFace is a leading AI platform providing access to pre-trained models, datasets, and tools for natural language processing and machine learning.",
        href: "/docs/huggingface",
        iconSrc: "/huggingface.png",
        color: "gray",
      },
      {
        title: "Parallel",
        description:
          "Parallel is an AI-powered tool for automating complex workflows and processes by executing multiple tasks simultaneously across different platforms.",
        href: "/docs/parallel",
        iconSrc: "/parallel.svg",
        color: "gray",
      },
      {
        title: "Tavily",
        description:
          "Tavily is a search API designed specifically for AI agents and LLMs, providing real-time web search capabilities with structured, accurate results.",
        href: "/docs/tavily",
        iconSrc: "/tavily.png",
        color: "gray",
      },
      {
        title: "Mastra",
        description:
          "Mastra is a comprehensive framework for building AI applications with integrated tools, workflows, and data processing capabilities.",
        href: "/docs/mastra",
        iconSrc: "/mastra.png",
        color: "gray",
      },
    ],
  };

---

## 🦜️🔗 LangChain + Groq