> ## Documentation Index
> Fetch the complete documentation index at: https://docs.barndoor.ai/llms.txt
> Use this file to discover all available pages before exploring further.

#  

export default function ServersLayout() {
  function Card({href, children}) {
    return <a href={href} style={{
      display: "block",
      padding: "18px",
      borderRadius: "12px",
      border: "1px solid #e5e7eb",
      textDecoration: "none",
      color: "inherit",
      background: "white",
      transition: "box-shadow 0.15s ease"
    }} onMouseEnter={e => e.currentTarget.style.boxShadow = "0 6px 18px rgba(0,0,0,0.08)"} onMouseLeave={e => e.currentTarget.style.boxShadow = "none"}>
        {children}
      </a>;
  }
  function CardGroup({children}) {
    return <div style={{
      display: "grid",
      gridTemplateColumns: "repeat(auto-fill, minmax(260px, 1fr))",
      gap: "22px",
      marginTop: "1.25rem"
    }}>
        {children}
      </div>;
  }
  function ServerCard({href, logoSrc, logoAlt, title, description}) {
    return <Card href={href}>
        <div style={{
      display: "flex",
      alignItems: "center",
      gap: "0.8rem",
      marginBottom: "0.9rem"
    }}>
          <img src={logoSrc} alt={logoAlt} style={{
      width: "34px",
      height: "34px",
      objectFit: "contain",
      borderRadius: "0px"
    }} />
          <h3 style={{
      margin: 0,
      fontSize: "1rem",
      fontWeight: 600
    }}>
            {title}
          </h3>
        </div>
        <p style={{
      margin: 0,
      fontSize: "0.9rem",
      color: "#444"
    }}>
          {description}
        </p>
      </Card>;
  }
  const SECTIONS_DATA = [{
    title: "Project & Task Management",
    id: "project-and-task-management",
    cards: [{
      href: "/mcp-servers/aha",
      logoSrc: "https://images.barndoor.ai/icons/servers/aha.svg",
      logoAlt: "Aha! logo",
      title: "Aha!",
      description: "Manage products, roadmaps, releases, features, ideas, initiatives, and epics in Aha!."
    }, {
      href: "/mcp-servers/asana",
      logoSrc: "https://images.barndoor.ai/icons/servers/asana.svg",
      logoAlt: "Asana logo",
      title: "Asana",
      description: "Task and project management integration to track deliverables and milestones."
    }, {
      href: "/mcp-servers/atlassian",
      logoSrc: "https://images.barndoor.ai/icons/servers/atlassian.svg",
      logoAlt: "Atlassian logo",
      title: "Atlassian",
      description: "Connects to Jira and Confluence for agile project tracking and documentation."
    }, {
      href: "/mcp-servers/basecamp",
      logoSrc: "https://images.barndoor.ai/icons/servers/basecamp.svg",
      logoAlt: "Basecamp logo",
      title: "Basecamp",
      description: "Manage projects, messages, todos, and schedules in Basecamp via AI tools."
    }, {
      href: "/mcp-servers/linear",
      logoSrc: "https://images.barndoor.ai/icons/servers/linear.svg",
      logoAlt: "Linear logo",
      title: "Linear",
      description: "Project management platform for engineering teams to plan sprints, manage tasks, and collaborate."
    }, {
      href: "/mcp-servers/monday",
      logoSrc: "https://images.barndoor.ai/icons/servers/monday.svg",
      logoAlt: "Monday logo",
      title: "Monday",
      description: "Syncs tasks, projects, and automations from Monday.com."
    }]
  }, {
    title: "Communication & Collaboration",
    id: "communication-and-collaboration",
    cards: [{
      href: "/mcp-servers/fireflies",
      logoSrc: "https://images.barndoor.ai/icons/servers/fireflies.svg",
      logoAlt: "Fireflies.ai logo",
      title: "Fireflies.ai",
      description: "Official connector to query Fireflies meeting transcripts, summaries, users, contacts, and teams via MCP."
    }, {
      href: "/mcp-servers/freshdesk",
      logoSrc: "https://images.barndoor.ai/icons/servers/freshdesk.svg",
      logoAlt: "Freshdesk logo",
      title: "Freshdesk",
      description: "Manage support tickets, contacts, companies, and agent workflows in Freshdesk."
    }, {
      href: "/mcp-servers/granola",
      logoSrc: "https://images.barndoor.ai/icons/servers/granola.svg",
      logoAlt: "Granola logo",
      title: "Granola",
      description: "Official connector to query Granola meeting notes, lists, transcripts, and structured meeting context via MCP."
    }, {
      href: "/mcp-servers/intercom",
      logoSrc: "https://images.barndoor.ai/icons/servers/intercom.svg",
      logoAlt: "Intercom logo",
      title: "Intercom",
      description: "Connects to Intercom for customer messaging and chat automation."
    }, {
      href: "/mcp-servers/otter",
      logoSrc: "https://images.barndoor.ai/icons/servers/otter.svg",
      logoAlt: "Otter logo",
      title: "Otter",
      description: "Search and fetch Otter meeting conversations and transcripts via MCP."
    }, {
      href: "/mcp-servers/service_now",
      logoSrc: "https://images.barndoor.ai/icons/servers/servicenow.svg",
      logoAlt: "ServiceNow logo",
      title: "ServiceNow",
      description: "Automation and workflows for enterprise service management."
    }, {
      href: "/mcp-servers/slack",
      logoSrc: "https://images.barndoor.ai/icons/servers/slack.svg",
      logoAlt: "Slack logo",
      title: "Slack",
      description: "Core Slack integration for workspace communication and automation."
    }, {
      href: "/mcp-servers/zendesk",
      logoSrc: "https://images.barndoor.ai/icons/servers/zendesk.svg",
      logoAlt: "Zendesk logo",
      title: "Zendesk",
      description: "Customer support integration for handling tickets and service requests."
    }, {
      href: "/mcp-servers/zoom",
      logoSrc: "https://images.barndoor.ai/icons/servers/zoom.svg",
      logoAlt: "Zoom logo",
      title: "Zoom",
      description: "Video conferencing and meeting integration with Zoom."
    }]
  }, {
    title: "File & Document Management",
    id: "file-and-document-management",
    cards: [{
      href: "/mcp-servers/box",
      logoSrc: "https://images.barndoor.ai/icons/servers/box.svg",
      logoAlt: "Box logo",
      title: "Box",
      description: "Secure file storage and document access integration. Official Box MCP endpoint for enterprise-level file syncing."
    }, {
      href: "/mcp-servers/dropbox",
      logoSrc: "https://images.barndoor.ai/icons/servers/dropbox.svg",
      logoAlt: "Dropbox logo",
      title: "Dropbox",
      description: "Store, share, and manage files and folders in Dropbox."
    }, {
      href: "/mcp-servers/excalidraw",
      logoSrc: "https://images.barndoor.ai/icons/servers/excalidraw.svg",
      logoAlt: "Excalidraw logo",
      title: "Excalidraw",
      description: "Create, search, and edit collaborative whiteboard scenes and collections in Excalidraw+."
    }, {
      href: "/mcp-servers/figma",
      logoSrc: "https://images.barndoor.ai/icons/servers/figma.svg",
      logoAlt: "Figma logo",
      title: "Figma",
      description: "Official connector to access Figma designs, extract design context, and generate code from design files."
    }, {
      href: "/mcp-servers/google_drive",
      logoSrc: "https://images.barndoor.ai/icons/servers/gdrive.svg",
      logoAlt: "Google Drive logo",
      title: "Google Drive",
      description: "Enables document storage and syncing with Google Drive."
    }, {
      href: "/mcp-servers/notion",
      logoSrc: "https://images.barndoor.ai/icons/servers/notion.svg",
      logoAlt: "Notion logo",
      title: "Notion",
      description: "Connects to Notion for syncing pages, databases, and documentation."
    }]
  }, {
    title: "Data, Analytics & Code Quality",
    id: "data-analytics-and-code-quality",
    cards: [{
      href: "/mcp-servers/airtable",
      logoSrc: "https://images.barndoor.ai/icons/servers/airtable.svg",
      logoAlt: "Airtable logo",
      title: "Airtable",
      description: "Official connector to access and modify Airtable bases, tables, fields, and records via AI tools."
    }, {
      href: "/mcp-servers/amplitude",
      logoSrc: "https://images.barndoor.ai/icons/servers/amplitude.svg",
      logoAlt: "Amplitude logo",
      title: "Amplitude",
      description: "Official connector to analyze product analytics, experiments, dashboards, charts, and user behavior via Amplitude AI tools."
    }, {
      href: "/mcp-servers/bigquery",
      logoSrc: "https://images.barndoor.ai/icons/servers/bigquery.svg",
      logoAlt: "BigQuery logo",
      title: "BigQuery",
      description: "Official Google Cloud managed remote MCP connector for BigQuery. Run SQL queries, explore datasets and tables, and get data insights through AI tools."
    }, {
      href: "/mcp-servers/hex",
      logoSrc: "https://images.barndoor.ai/icons/servers/hex.svg",
      logoAlt: "Hex logo",
      title: "Hex",
      description: "Search Hex projects and run data analysis threads in your Hex workspace via AI tools."
    }, {
      href: "/mcp-servers/langfuse",
      logoSrc: "https://images.barndoor.ai/icons/servers/langfuse.svg",
      logoAlt: "Langfuse logo",
      title: "Langfuse",
      description: "Manage prompts, scores, observations, datasets, and annotation queues in Langfuse."
    }, {
      href: "/mcp-servers/snowflake",
      logoSrc: "https://images.barndoor.ai/icons/servers/snowflake.svg",
      logoAlt: "Snowflake logo",
      title: "Snowflake",
      description: "Connects to Snowflake for data warehousing and analytics, including Snowflake Cortex."
    }, {
      href: "/mcp-servers/sonar_qube",
      logoSrc: "/images/mcp/sonarqube.png",
      logoAlt: "SonarQube logo",
      title: "SonarQube",
      description: "Monitors code quality and performs security analysis for repositories."
    }, {
      href: "/mcp-servers/statsig",
      logoSrc: "https://images.barndoor.ai/icons/servers/statsig.svg",
      logoAlt: "Statsig logo",
      title: "Statsig",
      description: "Official Statsig MCP for feature gates, experiments, dynamic configs, layers, segments, metrics, and audit logs."
    }]
  }, {
    title: "DevOps & Infrastructure",
    id: "devops-and-infrastructure",
    cards: [{
      href: "/mcp-servers/buildkite",
      logoSrc: "https://images.barndoor.ai/icons/servers/buildkite.svg",
      logoAlt: "Buildkite logo",
      title: "Buildkite",
      description: "Official connector to monitor pipelines, builds, jobs, logs, artifacts, and test runs in Buildkite via MCP."
    }, {
      href: "/mcp-servers/cloudflare",
      logoSrc: "https://images.barndoor.ai/icons/servers/cloudflare.svg",
      logoAlt: "Cloudflare logo",
      title: "Cloudflare",
      description: "Official Cloudflare API remote MCP connector for Cloudflare account, zone, and product APIs through code mode."
    }, {
      href: "/mcp-servers/cloudflare_dns_analytics",
      logoSrc: "https://images.barndoor.ai/icons/servers/cloudflare.svg",
      logoAlt: "Cloudflare DNS Analytics logo",
      title: "Cloudflare DNS Analytics",
      description: "Official Cloudflare remote MCP connector for DNS management, analytics, zone details, and settings."
    }, {
      href: "/mcp-servers/datadog",
      logoSrc: "https://images.barndoor.ai/icons/servers/datadog.svg",
      logoAlt: "Datadog logo",
      title: "Datadog",
      description: "Monitor infrastructure, logs, metrics, APM traces, and manage alerts with Datadog observability platform."
    }, {
      href: "/mcp-servers/finch",
      logoSrc: "https://images.barndoor.ai/icons/servers/finch.svg",
      logoAlt: "Finch logo",
      title: "Finch",
      description: "Lightweight automation and webhook MCP for secure internal integrations."
    }, {
      href: "/mcp-servers/grafana",
      logoSrc: "https://images.barndoor.ai/icons/servers/grafana.svg",
      logoAlt: "Grafana logo",
      title: "Grafana",
      description: "Monitor and visualize metrics, logs, and application data. Manage dashboards, datasources, alerts, and teams."
    }, {
      href: "/mcp-servers/harness",
      logoSrc: "https://images.barndoor.ai/icons/servers/harness.svg",
      logoAlt: "Harness logo",
      title: "Harness",
      description: "Integrates with Harness CI/CD pipelines for deployment automation and monitoring."
    }, {
      href: "/mcp-servers/sentry",
      logoSrc: "https://images.barndoor.ai/icons/servers/sentry.svg",
      logoAlt: "Sentry logo",
      title: "Sentry",
      description: "Investigate Sentry issues, events, projects, teams, and releases via AI tools."
    }, {
      href: "/mcp-servers/supabase",
      logoSrc: "https://images.barndoor.ai/icons/servers/supabase.svg",
      logoAlt: "Supabase logo",
      title: "Supabase",
      description: "Official connector for project management, database operations, branching, edge functions, and docs search in Supabase."
    }]
  }, {
    title: "CRM, Sales & Marketing",
    id: "crm-sales-and-marketing",
    cards: [{
      href: "/mcp-servers/ahrefs",
      logoSrc: "https://images.barndoor.ai/icons/servers/ahrefs.svg",
      logoAlt: "Ahrefs logo",
      title: "Ahrefs",
      description: "Official connector to access Ahrefs SEO and marketing data through its hosted MCP server."
    }, {
      href: "/mcp-servers/apollo",
      logoSrc: "https://images.barndoor.ai/icons/servers/apollo.svg",
      logoAlt: "Apollo logo",
      title: "Apollo",
      description: "Search prospects, enrich person or company data, and inspect sales engagement resources in Apollo."
    }, {
      href: "/mcp-servers/attio",
      logoSrc: "https://images.barndoor.ai/icons/servers/attio.svg",
      logoAlt: "Attio logo",
      title: "Attio",
      description: "Official connector to search, create, and update CRM records, tasks, and notes in Attio via AI tools."
    }, {
      href: "/mcp-servers/close",
      logoSrc: "https://images.barndoor.ai/icons/servers/close.svg",
      logoAlt: "Close logo",
      title: "Close",
      description: "Official connector to manage leads, contacts, and sales pipelines in Close CRM via AI tools."
    }, {
      href: "/mcp-servers/gong",
      logoSrc: "https://images.barndoor.ai/icons/servers/gong.svg",
      logoAlt: "Gong logo",
      title: "Gong",
      description: "Access Gong calls, transcripts, users, and conversation intelligence data through a Gong MCP endpoint."
    }, {
      href: "/mcp-servers/googleads",
      logoSrc: "https://images.barndoor.ai/icons/servers/googleads.svg",
      logoAlt: "Google Ads logo",
      title: "Google Ads",
      description: "Manage Google Ads accounts and run GAQL analytics and search workflows via AI tools."
    }, {
      href: "/mcp-servers/googleanalytics",
      logoSrc: "https://images.barndoor.ai/icons/servers/googleanalytics.svg",
      logoAlt: "Google Analytics logo",
      title: "Google Analytics",
      description: "Query GA4 reports and manage Google Analytics property configuration via AI tools."
    }, {
      href: "/mcp-servers/googletagmanager",
      logoSrc: "https://images.barndoor.ai/icons/servers/google-tag-manager.svg",
      logoAlt: "Google Tag Manager logo",
      title: "Google Tag Manager",
      description: "Inspect and manage Google Tag Manager accounts, containers, workspaces, tags, triggers, and variables via AI tools."
    }, {
      href: "/mcp-servers/hubspot",
      logoSrc: "https://images.barndoor.ai/icons/servers/hubspot.svg",
      logoAlt: "HubSpot logo",
      title: "HubSpot",
      description: "CRM integration for syncing leads, campaigns, and sales pipelines."
    }, {
      href: "/mcp-servers/klaviyo",
      logoSrc: "https://images.barndoor.ai/icons/servers/klaviyo.svg",
      logoAlt: "Klaviyo logo",
      title: "Klaviyo",
      description: "Official Klaviyo remote MCP connector for email marketing campaigns, flows, profiles, lists, segments, and analytics."
    }, {
      href: "/mcp-servers/microsoft_dynamics",
      logoSrc: "https://img.icons8.com/color/512/dynamics-365.png",
      logoAlt: "Microsoft Dynamics logo",
      title: "Microsoft Dynamics",
      description: "Connects CRM and ERP data from Microsoft Dynamics 365."
    }, {
      href: "/mcp-servers/salesforce",
      logoSrc: "https://images.barndoor.ai/icons/servers/salesforce.svg",
      logoAlt: "Salesforce logo",
      title: "Salesforce",
      description: "Manages CRM data, deals, and workflow automation."
    }, {
      href: "/mcp-servers/shopify",
      logoSrc: "https://images.barndoor.ai/icons/servers/shopify.svg",
      logoAlt: "Shopify logo",
      title: "Shopify",
      description: "E-commerce integration for syncing store data, products, and orders."
    }, {
      href: "/mcp-servers/zoho",
      logoSrc: "https://images.barndoor.ai/icons/servers/zoho.svg",
      logoAlt: "Zoho CRM logo",
      title: "Zoho CRM",
      description: "Manage CRM records, modules, users, and settings in Zoho CRM."
    }]
  }, {
    title: "Google Workspace",
    id: "google-workspace",
    cards: [{
      href: "/mcp-servers/gmail",
      logoSrc: "https://images.barndoor.ai/icons/servers/gmail.svg",
      logoAlt: "Gmail logo",
      title: "Gmail",
      description: "Automation and management of Gmail communications."
    }, {
      href: "/mcp-servers/google_calendar",
      logoSrc: "https://images.barndoor.ai/icons/servers/googlecalendar.svg",
      logoAlt: "Google Calendar logo",
      title: "Google Calendar",
      description: "Event syncing, scheduling, and AI-powered meeting automation."
    }, {
      href: "/mcp-servers/google_docs",
      logoSrc: "https://images.barndoor.ai/icons/servers/googledocs.svg",
      logoAlt: "Google Docs logo",
      title: "Google Docs",
      description: "Create, read, and edit Google Docs documents via AI tools."
    }, {
      href: "/mcp-servers/google_sheets",
      logoSrc: "https://images.barndoor.ai/icons/servers/googlesheets.svg",
      logoAlt: "Google Sheets logo",
      title: "Google Sheets",
      description: "Automate reporting and data workflows directly from Google Sheets."
    }, {
      href: "/mcp-servers/google_slides",
      logoSrc: "https://images.barndoor.ai/icons/servers/googleslides.svg",
      logoAlt: "Google Slides logo",
      title: "Google Slides",
      description: "Create, read, and edit Google Slides presentations via AI tools."
    }]
  }, {
    title: "Microsoft 365",
    id: "microsoft-365",
    cards: [{
      href: "/mcp-servers/excelonline",
      logoSrc: "https://images.barndoor.ai/icons/servers/excelonline.svg",
      logoAlt: "Microsoft Excel logo",
      title: "Microsoft Excel",
      description: "Access and update Excel Online workbooks, worksheets, and ranges in OneDrive via Microsoft Graph."
    }, {
      href: "/mcp-servers/onedrive",
      logoSrc: "https://images.barndoor.ai/icons/servers/onedrive.svg",
      logoAlt: "Microsoft OneDrive logo",
      title: "Microsoft OneDrive",
      description: "Browse drives, manage files and folders, create share links, and copy items via Microsoft Graph."
    }, {
      href: "/mcp-servers/onenote",
      logoSrc: "https://images.barndoor.ai/icons/servers/onenote.svg",
      logoAlt: "OneNote logo",
      title: "Microsoft OneNote",
      description: "Create, update, and read OneNote notebooks, sections, pages, and page content via Microsoft Graph."
    }, {
      href: "/mcp-servers/planner",
      logoSrc: "https://images.barndoor.ai/icons/servers/planner.svg",
      logoAlt: "Microsoft Planner logo",
      title: "Microsoft Planner",
      description: "Plan, bucket, and task management tools for Microsoft Planner powered by Microsoft Graph APIs."
    }, {
      href: "/mcp-servers/powerpointonline",
      logoSrc: "https://images.barndoor.ai/icons/servers/powerpointonline.svg",
      logoAlt: "Microsoft PowerPoint logo",
      title: "Microsoft PowerPoint",
      description: "Browse, upload, copy, and share PowerPoint files in OneDrive via Microsoft Graph."
    }, {
      href: "/mcp-servers/sharepoint",
      logoSrc: "https://images.barndoor.ai/icons/servers/sharepoint.svg",
      logoAlt: "SharePoint logo",
      title: "Microsoft SharePoint",
      description: "Search sites, manage lists, organize files, and automate document workflows in SharePoint via Microsoft Graph."
    }, {
      href: "/mcp-servers/microsoftteams",
      logoSrc: "https://images.barndoor.ai/icons/servers/microsoft-teams.svg",
      logoAlt: "Microsoft Teams logo",
      title: "Microsoft Teams",
      description: "Access Microsoft Teams chats, channels, and membership data through Microsoft Graph-powered MCP tools."
    }, {
      href: "/mcp-servers/wordonline",
      logoSrc: "https://images.barndoor.ai/icons/servers/wordonline.svg",
      logoAlt: "Microsoft Word logo",
      title: "Microsoft Word",
      description: "Manage Word documents in OneDrive via Microsoft Graph, supporting file operations like listing, copying, uploading, downloading, and sharing."
    }, {
      href: "/mcp-servers/outlookcalendar",
      logoSrc: "https://images.barndoor.ai/icons/servers/outlookcalendar.svg",
      logoAlt: "Outlook Calendar logo",
      title: "Outlook Calendar",
      description: "Read and manage Outlook Calendar events through Microsoft Graph Calendar APIs."
    }, {
      href: "/mcp-servers/outlookmail",
      logoSrc: "https://images.barndoor.ai/icons/servers/outlookmail.svg",
      logoAlt: "Outlook Mail logo",
      title: "Outlook Mail",
      description: "Read and send Outlook email through Microsoft Graph Mail APIs."
    }]
  }, {
    title: "Finance & Accounting",
    id: "finance-and-accounting",
    cards: [{
      href: "/mcp-servers/bamboohr",
      logoSrc: "https://images.venn.ai/icons/servers/bamboohr.svg",
      logoAlt: "BambooHR logo",
      title: "BambooHR",
      description: "Manage company metadata, employees, reports, time-off, and HR workflows via AI tools."
    }, {
      href: "/mcp-servers/octagon",
      logoSrc: "https://images.barndoor.ai/icons/servers/octagon.svg",
      logoAlt: "Octagon logo",
      title: "Octagon",
      description: "Market intelligence and financial data analysis for investment research."
    }, {
      href: "/mcp-servers/persona",
      logoSrc: "https://images.barndoor.ai/icons/servers/persona.svg",
      logoAlt: "Persona logo",
      title: "Persona",
      description: "Manage identity verification workflows, accounts, inquiries, cases, and reports in Persona."
    }, {
      href: "/mcp-servers/plaid",
      logoSrc: "https://images.barndoor.ai/icons/servers/plaid.svg",
      logoAlt: "Plaid logo",
      title: "Plaid",
      description: "Financial account integrations and secure transaction data."
    }, {
      href: "#",
      logoSrc: "https://images.barndoor.ai/icons/servers/quickbooks.svg",
      logoAlt: "QuickBooks logo",
      title: "QuickBooks",
      description: "Sync accounting data and manage expense workflows."
    }, {
      href: "/mcp-servers/ramp",
      logoSrc: "https://images.barndoor.ai/icons/servers/ramp.svg",
      logoAlt: "Ramp logo",
      title: "Ramp",
      description: "Official connector to analyze spend, manage expenses, review approvals, and work with Ramp finance data via AI tools."
    }, {
      href: "/mcp-servers/sardine",
      logoSrc: "https://images.barndoor.ai/icons/servers/sardine.svg",
      logoAlt: "Sardine logo",
      title: "Sardine",
      description: "AI-powered fraud prevention, compliance, and payment orchestration platform. KYC/AML onboarding, fiat-to-crypto on/off-ramp."
    }, {
      href: "/mcp-servers/stripe",
      logoSrc: "https://images.barndoor.ai/icons/servers/stripe.svg",
      logoAlt: "Stripe logo",
      title: "Stripe",
      description: "Manage customers, products, invoices, payments, subscriptions, and refunds via Stripe's API."
    }, {
      href: "/mcp-servers/xero",
      logoSrc: "https://images.barndoor.ai/icons/servers/xero.svg",
      logoAlt: "Xero logo",
      title: "Xero",
      description: "Accounting automation for invoices, payroll, and financial reporting."
    }]
  }, {
    title: "Developer & Version Control",
    id: "developer-and-version-control",
    cards: [{
      href: "/mcp-servers/apify",
      logoSrc: "https://images.barndoor.ai/icons/servers/apify.svg",
      logoAlt: "Apify logo",
      title: "Apify",
      description: "Official Apify remote MCP for discovering and running Apify Actors, reading Actor runs, retrieving storage outputs, and searching Apify documentation."
    }, {
      href: "/mcp-servers/context7",
      logoSrc: "https://images.barndoor.ai/icons/servers/context7.svg",
      logoAlt: "Context7 logo",
      title: "Context7",
      description: "Resolve libraries and fetch up-to-date developer documentation and code examples via Context7."
    }, {
      href: "/mcp-servers/github",
      logoSrc: "https://images.barndoor.ai/icons/servers/github.svg",
      logoAlt: "GitHub logo",
      title: "GitHub",
      description: "Integrates with GitHub for managing repositories, PRs, and issues."
    }, {
      href: "/mcp-servers/gitlab",
      logoSrc: "https://images.barndoor.ai/icons/servers/gitlab.svg",
      logoAlt: "GitLab logo",
      title: "GitLab",
      description: "Manage repositories, issues, merge requests, and CI/CD pipelines on GitLab."
    }]
  }];
  return <div className="servers-layout">
      <aside className="servers-layout-nav">
        <h3>MCP Server Categories</h3>
        <ul>
          {SECTIONS_DATA.map(section => <li key={section.id}>
              <a href={`#${section.id}`}>{section.title}</a>
            </li>)}
        </ul>
      </aside>

      <main className="servers-layout-main">
	<p class="servers-layout-main-intro">Barndoor works natively with any standard MCP server. The list below features our verified ecosystem—including Barndoor-managed servers and fully tested remote servers. You can easily add your own custom MCP servers using standard transport protocols like Streamable HTTP or SSE. Flexible authentication options are available to match your environment, including OAuth, API keys, basic auth, custom headers, as well as unauthenticated endpoints.</p>
        {SECTIONS_DATA.map(section => <section key={section.id} id={section.id} style={{
    paddingTop: "110px",
    marginTop: "-110px",
    scrollMarginTop: "110px",
    marginBottom: "2.5rem"
  }}>
            <h3 style={{
    margin: "0 0 1rem 0",
    fontSize: "1.0rem",
    fontWeight: 700,
    letterSpacing: "-0.01em",
    color: "#1f2937"
  }}>
  {section.title}
</h3>

            <CardGroup>
              {section.cards.map((card, i) => <ServerCard key={i} {...card} />)}
            </CardGroup>
          </section>)}
      </main>

    </div>;
}

<ServersLayout />