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

# Integrations

> Catalog of all integrations available in the Jelou Marketplace, organized by category.

## Browse by category

* [Scheduling & Services](#agendamiento-servicios)
* [CRM & Sales](#crm-ventas)
* [Invoicing & Accounting](#facturacion-contabilidad)
* [E-Commerce & Stores](#e-commerce-tiendas)
* [Payments & Processing](#pagos-procesamiento)
* [Identity & Signature](#kyc-firma)
* [Marketing & Ads](#marketing-ads)
* [Productivity](#productividad)

<Info>
  The **Payments**, **E-Commerce**, **KYC**, and **Signature** categories have specialized sections with detailed documentation. The cards below take you to each provider's starting point or to its corresponding section.
</Info>

<div id="agendamiento-servicios" />

## Scheduling & Services

Connect calendar, scheduling, and notification tools.

<CardGroup cols={2}>
  <Card
    title="AgendaPro"
    href="/en/guides/integraciones/agendamiento/agendapro"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/agendapro.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Calendly"
    href="/en/guides/integraciones/agendamiento/calendly"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/calendly.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Google Calendar"
    href="/en/guides/integraciones/agendamiento/google-calendar"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/google_calendar.webp"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Outlook Calendar"
    href="/en/guides/integraciones/agendamiento/outlook-calendar"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/outlook-calendar.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Microsoft Booking"
    href="/en/guides/integraciones/agendamiento/microsoft-booking"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/microsoft-booking.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />
</CardGroup>

<div id="crm-ventas" />

## CRM & Sales

Sync contacts, pipelines, and customer data with your CRM platform.

<CardGroup cols={2}>
  <Card
    title="Bitrix24"
    href="/en/guides/integraciones/crm/bitrix"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/bitrix.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="HubSpot"
    href="/en/guides/integraciones/crm/hubspot"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/hubspot.webp"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Pipedrive"
    href="/en/guides/integraciones/crm/pipedrive"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/pipedrive.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Salesforce"
    href="/en/guides/integraciones/crm/salesforce"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/salesforce.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />
</CardGroup>

<div id="facturacion-contabilidad" />

## Invoicing & Accounting

Issue electronic invoices, connect your accounting system, and link **ERP and back-office** operations (sales, inventory, and master data).

<CardGroup cols={2}>
  <Card
    title="Alegra"
    href="/en/guides/integraciones/facturacion/alegra"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/alegra.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Datil"
    href="/en/guides/integraciones/facturacion/datil"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/datil.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Facturama"
    href="/en/guides/integraciones/facturacion/facturama"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/facturama.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Odoo"
    href="/en/guides/integraciones/facturacion/odoo"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/odoo.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Contifico"
    href="/en/guides/integraciones/facturacion/contifico"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/contifico.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Siigo"
    href="/en/guides/integraciones/facturacion/siigo"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/siigo.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />
</CardGroup>

<div id="e-commerce-tiendas" />

## E-Commerce & Stores

Connect your online store to check inventory, orders, and catalogs from conversations. See full documentation in [E-Commerce](/en/guides/integraciones/e-commerce/index).

<CardGroup cols={2}>
  <Card
    title="Shopify"
    href="/en/guides/integraciones/e-commerce/shopify"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/shopify.webp"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="VTEX"
    href="/en/guides/integraciones/e-commerce/vtex"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/vtex.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="WooCommerce"
    href="/en/guides/integraciones/e-commerce/woocommerce"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/woocommerce.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />
</CardGroup>

<div id="pagos-procesamiento" />

## Payments & Processing

Collect payments directly in your conversational flows. See full documentation in [Payments](/en/guides/integraciones/pagos/introduccion).

<CardGroup cols={2}>
  <Card
    title="Mercado Pago"
    href="/en/guides/integraciones/pagos/proveedores/mercado-pago/como-funciona"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/mercado-pago.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Kushki"
    href="/en/guides/integraciones/pagos/proveedores/kushki/como-funciona"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/kushki.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Stripe"
    href="/en/guides/integraciones/pagos/proveedores/stripe/como-funciona"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/stripe.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="PayPhone"
    href="/en/guides/integraciones/pagos/proveedores/payphone/como-funciona"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/payphone.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Conekta"
    href="/en/guides/integraciones/pagos/proveedores/conekta/como-funciona"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/conekta.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Deuna"
    href="/en/guides/integraciones/pagos/proveedores/deuna/como-funciona"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/deuna.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Niubiz"
    href="/en/guides/integraciones/pagos/proveedores/niubiz"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/niubiz.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="PlacetoPay"
    href="/en/guides/integraciones/pagos/proveedores/placetopay"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/placetopay.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Nuvei"
    href="/en/guides/integraciones/pagos/proveedores/nuvei"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/nuvei.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Datafast"
    href="/en/guides/integraciones/pagos/proveedores/datafast"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/datafast.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Culqi"
    href="/en/guides/integraciones/pagos/proveedores/culqi"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/providers/culqi.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />
</CardGroup>

<div id="kyc-firma" />

## Identity & Signature

Verify your users' identity and manage electronic signatures. See full documentation in [KYC](/en/guides/integraciones/identidad/index-kyc) and [Signature](/en/guides/integraciones/firma/firma).

<CardGroup cols={2}>
  <Card title="KYC" href="/en/guides/integraciones/identidad/index-kyc" horizontal icon="fingerprint" />

  <Card title="Electronic signature" href="/en/guides/integraciones/firma/firma" horizontal icon="file-signature" />
</CardGroup>

<div id="marketing-ads" />

## Marketing & Ads

Connect advertising and analytics platforms to measure and optimize your campaigns.

<CardGroup cols={2}>
  <Card
    title="Google Analytics"
    href="/en/guides/integraciones/marketing/google-analytics"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/google-analytics.webp"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Google Ads"
    href="/en/guides/integraciones/marketing/google-ads"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/google-ads.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Meta Ads"
    href="/en/guides/integraciones/marketing/meta-ads"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/meta-ads.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />
</CardGroup>

<div id="productividad" />

## Productivity

Automate tasks with Google Workspace tools, communication platforms, and databases.

<CardGroup cols={2}>
  <Card
    title="Gmail"
    href="/en/guides/integraciones/productividad/gmail"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/gmail.webp"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Google Drive"
    href="/en/guides/integraciones/productividad/google-drive"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/google-drive.webp"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Google Docs"
    href="/en/guides/integraciones/productividad/google-docs"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/google-docs.webp"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Google Sheets"
    href="/en/guides/integraciones/productividad/google-sheets"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/google_sheets.webp"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Slack"
    href="/en/guides/integraciones/productividad/slack"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/slack.webp"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Supabase"
    href="/en/guides/integraciones/infraestructura/supabase"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/supabase.webp"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />

  <Card
    title="Notion"
    href="/en/guides/integraciones/productividad/notion"
    horizontal
    icon={
<svg
className="h-6 w-6"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<image
  xlinkHref="/assets/images/marketplace/notion.svg"
  width="24"
  height="24"
  x="0"
  y="0"
  preserveAspectRatio="xMidYMid meet"
/>
</svg>
}
  />
</CardGroup>
