import { CardGrid, LinkCard } from '@astrojs/starlight/components';

An integration is a first-party connection between your agent and a system you already use outside the Platform — a CRM, a spreadsheet, a store, a payment method. Unlike connecting "whatever you want" with no control, every integration exposes only a curated, concrete set of actions: never free-form access to the provider.

<CardGrid>
  <LinkCard
    title="What an integration is, here"
    description="An integration is a first-party connection between your agent and a system you already use outside the Platform — a CRM, a spreadsheet, a store, a payment method."
    href="/en/integrations/catalogo/01-que-es-una-integracion-aqui/"
  />
  <LinkCard
    title="The Integrations screen"
    description="Go to Integrations, in the sidebar."
    href="/en/integrations/catalogo/02-la-pantalla-integraciones/"
  />
  <LinkCard
    title="Principal connection and named connections"
    description="Most integrations (HubSpot, Salesforce, Brevo, Shopify…) work with a single connection, called &quot;principal&quot;, shared by the whole tenant."
    href="/en/integrations/catalogo/03-conexion-principal-y-conexiones-con-nombre/"
  />
  <LinkCard
    title="The detail modal: Resources, Agent, Connections and Status"
    description="When an integration is Connected, its card shows a Details button that opens a modal with up to four tabs — some integrations only show the ones that apply to them (e.g…"
    href="/en/integrations/catalogo/04-el-modal-de-detalle-recursos-agente-conexiones-y-estado/"
  />
  <LinkCard
    title="MCP servers: the generic mechanism"
    description="The first block on the screen is a reminder that you can already connect your business's CRM, catalog or calendar to the agent through MCP servers, without waiting fo…"
    href="/en/integrations/catalogo/05-servidores-mcp-el-mecanismo-generico/"
  />
  <LinkCard
    title="Index of manuals by integration"
    description="Every connector with its own manual has its own guide, with the complete procedure on the provider's side (screen by screen) and on the Platform's side."
    href="/en/integrations/catalogo/06-indice-de-manuales-por-integracion/"
  />
  <LinkCard
    title="Frequently asked questions"
    description="Can I have more than one integration connected at the same time?"
    href="/en/integrations/catalogo/07-preguntas-frecuentes/"
  />
</CardGrid>