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

# Descripción general de la API de Ayrshare

> APIs sociales potentes que te permiten publicar en redes sociales y obtener analíticas sin esfuerzo. Para desarrolladores y empresas de todos los tamaños.

La API REST para redes sociales ofrece a los desarrolladores acceso programático a múltiples redes sociales a través de una única interfaz unificada.
Mediante la API social de Ayrshare, puedes gestionar actividades en redes sociales como crear y eliminar publicaciones, obtener analíticas, interactuar con comentarios y reseñas, gestionar mensajes directos, crear anuncios en Facebook y realizar otras acciones en redes sociales en varias plataformas.

La API admite actualmente 13 grandes redes sociales: Bluesky, Facebook, Google Business Profile, Instagram, LinkedIn, Pinterest, Reddit, Snapchat, Telegram, Threads, TikTok, X (antes Twitter) y YouTube.
Al integrarte con esta API, puedes automatizar las tareas de gestión de redes sociales en todas estas plataformas de forma simultánea.

Los datos de solicitud y respuesta de la API están en formato JSON, lo que facilita su análisis y procesamiento en la mayoría de los lenguajes de programación.

Si tienes el Launch Plan, Business Plan o Enterprise Plan, consulta la [descripción general del Business Plan](/multiple-users/business-plan-overview), la [descripción general del Launch Plan](/multiple-users/business-launch-overview) y el [endpoint /profiles de la API](/apis/profiles/overview).

## Funcionalidad clave

<ul class="custom-bullets">
  <li>[13 redes sociales admitidas](/introduction#which-social-networks-are-supported).</li>
  <li>Acceso seguro a la API usando tu API Key único.</li>
  <li>Publicaciones programadas en las plataformas sociales conectadas.</li>
  <li>Publicación automática según programaciones predefinidas.</li>
  <li>Soporte para contenido de imagen y video, incluidos Reels, Stories y Spotlight.</li>
  <li>Eliminación de publicaciones en las redes sociales vinculadas.</li>
  <li>Analíticas completas de interacción con las publicaciones (me gusta, compartidos, etc.).</li>
  <li>Métricas de las cuentas sociales, incluyendo número de seguidores y datos demográficos.</li>
  <li>Gestión de comentarios: ver, añadir y eliminar comentarios de publicaciones.</li>
  <li>Acortamiento de enlaces opcional para todos o para URLs específicas en las publicaciones.</li>
  <li>Integración con Unsplash: añadir imágenes concretas o seleccionarlas aleatoriamente según palabras clave.</li>
  <li>Opción de generación automática de hashtags a partir de palabras clave relevantes.</li>
  <li>Seguimiento del historial de publicaciones, incluidas las que no se hicieron con Ayrshare.</li>
  <li>Gestión de reseñas: obtener, responder y eliminar respuestas a reseñas.</li>
  <li>Integración con feeds RSS para la publicación automática de contenido.</li>
  <li>Biblioteca multimedia: sube y almacena fotos y videos para usar en las publicaciones.</li>
  <li>[Social Post Verification System](/testing/post-verification) para mantener seguras tus cuentas sociales.</li>
</ul>

## Business Plan y Launch Plan

Funciones del [Business Plan](/multiple-users/business-plan-overview) y del [Launch Plan](/multiple-users/business-launch-overview) para gestionar múltiples usuarios y clientes:

<ul class="custom-bullets">
  <li>Permite a los usuarios vincular sus propias cuentas de redes sociales a tu plataforma.</li>
  <li>Inicio de sesión único seguro mediante OAuth para vincular cuentas rápidamente.</li>
  <li>Crea y elimina perfiles de usuario de forma programática a través de la API.</li>
  <li>Accede a analíticas avanzadas de usuarios.</li>
  <li>Soporte de webhook para actualizaciones en tiempo real.</li>
  <li>Gestión de mensajes directos en las plataformas admitidas.</li>
  <li>Crea anuncios de Facebook a partir de publicaciones existentes.</li>
</ul>

Contáctanos para obtener más información sobre el [Business Plan](https://www.ayrshare.com/business-plan-for-multiple-users/).

## Ads API

La [Ads API](/apis/ads/overview) te permite crear anuncios de Facebook a partir de publicaciones existentes.

<ul class="custom-bullets">
  <li>Impulsa publicaciones para llegar a más personas.</li>
  <li>Gestiona anuncios y realiza un seguimiento de su rendimiento.</li>
  <li>Analiza el gasto en anuncios y optimiza campañas.</li>
</ul>

<Card title="Ads API" icon="code" href="/apis/ads/overview" horizontal>
  Explora la Ads API
</Card>

## Messages API

Una [Messaging API](/apis/messages/overview) unificada para interactuar con los usuarios en conversaciones a través de los principales canales de redes sociales: Facebook, Instagram y X.

<ul class="custom-bullets">
  <li>Envío de mensajes de texto, imagen y video.</li>
  <li>Obtención de historiales completos de conversaciones.</li>
  <li>Configuración de respuestas automáticas a mensajes.</li>

  <li>
    Recepción de actualizaciones en tiempo real mediante webhooks para mensajes recibidos, reacciones a mensajes y
    confirmaciones de lectura.
  </li>
</ul>

Esta API simplifica la interacción con los usuarios al centralizar las operaciones de mensajería para múltiples canales de redes sociales. Más información...

<Card title="Messages API" icon="code" href="/apis/messages/overview" horizontal>
  Explora la API de mensajería unificada
</Card>

## Max Pack

Consigue aún más capacidades con el complemento [Max Pack](/additional/maxpack):

<Card title="Max Pack" icon="link" href="/additional/maxpack" horizontal>
  Desbloquea funciones avanzadas como generación de contenido con IA, analíticas mejoradas y soporte ampliado
  de plataformas con nuestro complemento Max Pack.
</Card>

## Mira cómo usar la API social

Si estás desarrollando en Node.js, consulta este video sobre cómo conectar y publicar en X y Facebook.

<div class="video-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/OMtj2h6sW6U" title="How to Use Ayrshare's Social API" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

## Demo de la API social

Si utilizas Node.js, consulta el código de demostración de la API social para empezar a construir tu propia integración.

<Card title="Social API Demo" icon="github" href="https://github.com/ayrshare/social-api-demo" horizontal>
  Explora nuestro código demo en Node.js para acelerar tu integración con la API social
</Card>

## URL base

La URL base de la API de Ayrshare es la misma para todos los endpoints.

`https://api.ayrshare.com/api`

## Autorización

Ayrshare autentica las peticiones a la API mediante un token de Authorization que se pasa en la cabecera HTTP. Asegúrate de enviar `Bearer` junto con el API Key. El API Key se encuentra en el Dashboard de Ayrshare al cambiar a tu Primary Profile.

Si eres usuario Business o Enterprise, puedes crear User Profiles con Profile Keys para gestionar varios clientes. La Profile Key se utiliza en la cabecera de tus peticiones.
El API Key también debe usarse en la cabecera de tus peticiones para los User Profiles.

<Tip>
  Los planes Premium solo deben usar el API Key en la cabecera de sus peticiones. Los planes Business y Enterprise
  deben usar la Profile Key en la cabecera de sus peticiones cuando interactúan en nombre de un
  User Profile.
</Tip>

### Formato del API Key

`Authorization: Bearer API_KEY` reemplazando API\_KEY por el API Key de tu Primary Profile, que puedes [encontrar en el Dashboard de Ayrshare](/quickstart#get-your-api-key).

<CodeGroup>
  ```bash cURL theme={"system"}
  curl -H "Authorization: Bearer API_KEY" \
       -X GET https://api.ayrshare.com/api
  ```

  ```javascript JavaScript theme={"system"}
  headers: {"Authorization": "Bearer API_KEY"}
  ```

  ```python Python theme={"system"}
  headers = {"Authorization": "Bearer API_KEY"}
  ```

  ```php PHP theme={"system"}
  $headers = ["Authorization" => "Bearer API_KEY"];
  ```

  ```go Go theme={"system"}
  headers := map[string]string{"Authorization": "Bearer API_KEY"}
  ```

  ```ruby Ruby theme={"system"}
  headers = {"Authorization": "Bearer API_KEY"}
  ```

  ```java Java theme={"system"}
  headers = {"Authorization": "Bearer API_KEY"}
  ```

  ```csharp C# theme={"system"}
  headers = {"Authorization": "Bearer API_KEY"}
  ```

  ```rust Rust theme={"system"}
  headers = {"Authorization": "Bearer API_KEY"}
  ```
</CodeGroup>

<Note>
  Obtén tu API Key secreto en el dashboard de Ayrshare, en la página API Key que se encuentra en el panel de navegación de la izquierda.

  Por ejemplo, si tu API Key es 2MPXPKQ-S03M5LS-GR5RX5G-AZCK8EA

  Tu cabecera debe incluir:

  `Authorization: Bearer 2MPXPKQ-S03M5LS-GR5RX5G-AZCK8EA`
</Note>

### Formato de la Profile Key

Una Profile Key se utiliza para interactuar en nombre de un User Profile.
Solo está disponible para los planes Business o Enterprise.

`Profile-Key: PROFILE_KEY` reemplazando PROFILE\_KEY con la [Profile Key](/multiple-users/manage-user-profiles#get-the-profile-key) del usuario.

**Es obligatorio incluir una Profile Key en la cabecera para interactuar en nombre de un User Profile**.

Si falta el API Key del Primary Profile o si usas la Profile Key en lugar del API Key en la cabecera, se producirá un error.

Así se estructuran las cabeceras para las peticiones a la API:

<CodeGroup>
  ```bash cURL theme={"system"}
  curl -H "Authorization: Bearer API_KEY" \ 
       -H "Profile-Key: PROFILE_KEY" \
       -X GET https://api.ayrshare.com/api
  ```

  ```javascript JavaScript theme={"system"}
  headers: {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY"
  }
  ```

  ```python Python theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY"
  }
  ```

  ```php PHP theme={"system"}
  $headers = [
    "Authorization" => "Bearer API_KEY",
    "Profile-Key" => "PROFILE_KEY"
  ];
  ```

  ```go Go theme={"system"}
  headers := map[string]string{
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY"
  }
  ```

  ```ruby Ruby theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY"
  }
  ```

  ```java Java theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY"
  }
  ```

  ```csharp C# theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY"
  }
  ```

  ```rust Rust theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY"
  }
  ```
</CodeGroup>

<Note>
  [Encuentra la Profile Key](/multiple-users/manage-user-profiles#get-the-profile-key) en el Dashboard de Ayrshare, en la página Profile Key que aparece en el panel de navegación de la izquierda.
  Cambia al Profile que quieras usar en la página User Profile.
  Además, la Profile Key se devuelve en la respuesta del endpoint [Crear un User Profile](/apis/profiles/create-profile).

  Después podrás usar la Profile Key en la cabecera de tus peticiones:

  Por ejemplo, si tu Profile Key es `AX1XGG-9jK3M5LS-GR5RX5G-LLCK8EA`

  Tu cabecera debe incluir tanto el API Key como la Profile Key:

  `Authorization: Bearer 2MPXPKQ-S03M5LS-GR5RX5G-AZCK8EA`

  `Profile-Key: AX1XGG-9jK3M5LS-GR5RX5G-LLCK8EA`
</Note>

### Credenciales BYO de X/Twitter

A partir del 31 de marzo de 2026, todas las operaciones en X/Twitter a través de Ayrshare requieren tus propias credenciales OAuth 1.0a. Después de vincular tu cuenta de X mediante OAuth, envía estas 2 cabeceras junto a tu cabecera `Authorization` (y la opcional `Profile-Key`) en cualquier petición dirigida a X/Twitter:

| Cabecera                      | Descripción                                       |
| ----------------------------- | ------------------------------------------------- |
| `X-Twitter-OAuth1-Api-Key`    | Tu API Key de OAuth 1.0a (Consumer Key)           |
| `X-Twitter-OAuth1-Api-Secret` | Tu API Key Secret de OAuth 1.0a (Consumer Secret) |

Estas cabeceras serán obligatorias después del 31 de marzo de 2026. Las peticiones a los endpoints de X/Twitter sin credenciales BYO válidas serán rechazadas.

<Info>
  **Un único par de claves, usado para todas las peticiones.** Creas una única X Developer App por cuenta de Ayrshare y usas los mismos valores de `X-Twitter-OAuth1-Api-Key` y `X-Twitter-OAuth1-Api-Secret` en todas las peticiones dirigidas a X, sin importar el subperfil (`Profile-Key`) al que corresponda la petición. No generas ni rotas claves por cliente ni por usuario final.
</Info>

Consulta la [Guía de configuración de claves BYO de X](/dashboard/connect-social-accounts/x-twitter-byo-keys) para ver instrucciones paso a paso, ejemplos de código y solución de problemas.

Las mismas dos cabeceras se aplican cuando controlas X/Twitter a través del [MCP Server](/additional/mcp-action-server); consulta [Conectar y configurar](/additional/mcp-action-connect).

## Content Type

El Content Type siempre debe establecerse como `Content-Type: "application/json"`, salvo que el endpoint especifique explícitamente lo contrario.

<CodeGroup>
  ```bash cURL theme={"system"}
  curl -H "Authorization: Bearer API_KEY" \ 
       -H "Profile-Key: PROFILE_KEY" \ # Optional
       -H "Content-Type: application/json" \
       -X GET https://api.ayrshare.com/api
  ```

  ```javascript JavaScript theme={"system"}
  headers: {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", // Optional
    "Content-Type": "application/json"
  }
  ```

  ```python Python theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", # Optional
    "Content-Type": "application/json"
  }
  ```

  ```php PHP theme={"system"}
  $headers = [
    "Authorization" => "Bearer API_KEY",
    "Profile-Key" => "PROFILE_KEY", # Optional
    "Content-Type" => "application/json"
  ];
  ```

  ```go Go theme={"system"}
  headers := map[string]string{
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", // Optional
    "Content-Type": "application/json"
  }
  ```

  ```ruby Ruby theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", # Optional
    "Content-Type": "application/json"
  }
  ```

  ```java Java theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", // Optional
    "Content-Type": "application/json"
  }
  ```

  ```csharp C# theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", // Optional
    "Content-Type": "application/json"
  }
  ```

  ```rust Rust theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", // Optional
    "Content-Type": "application/json"
  }
  ```
</CodeGroup>

## Compresión

Ayrshare admite compresión en todas las peticiones a la API.
Para habilitar la compresión, establece la cabecera `Accept-Encoding` como `deflate, gzip, br`.

```bash theme={"system"}
  Accept-Encoding: "deflate, gzip, br"
```

Se recomienda para llamadas que devuelven respuestas grandes, como el [endpoint /history](/apis/history/overview).

<ul class="custom-bullets">
  <li>Solo se comprimen las respuestas de más de 1024 bytes (1KB).</li>

  <li>
    El orden de compresión usado es: Brotli (br) primero, luego gzip y por último deflate. Brotli es
    el algoritmo de compresión más eficiente.
  </li>

  <li>
    La cabecera de la respuesta contiene la codificación de contenido utilizada. Por ejemplo: `content-encoding: br` si
    se usó Brotli.
  </li>

  <li>
    Aprende más sobre la compresión y sus beneficios en el [Blog de
    Ayrshare](https://www.ayrshare.com/blog/http-compression-in-node-js-a-dive-into-gzip-deflate-and-brotli/).
  </li>
</ul>

<Tip>No olvides descomprimir correctamente la respuesta usando la codificación de contenido indicada.</Tip>

<CodeGroup>
  ```bash cURL theme={"system"}
  curl -H "Authorization: Bearer API_KEY" \ 
       -H "Profile-Key: PROFILE_KEY" \ # Optional
       -H "Content-Type: application/json" \
       -H "Accept-Encoding: deflate, gzip, br" \ 
       -X GET https://api.ayrshare.com/api
  ```

  ```javascript JavaScript theme={"system"}
  headers: {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", // Optional
    "Content-Type": "application/json",
    "Accept-Encoding": "deflate, gzip, br"
  }
  ```

  ```python Python theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", # Optional
    "Content-Type": "application/json",
    "Accept-Encoding": "deflate, gzip, br"
  }
  ```

  ```php PHP theme={"system"}
  $headers = [
    "Authorization" => "Bearer API_KEY",
    "Profile-Key" => "PROFILE_KEY", # Optional
    "Content-Type" => "application/json",
    "Accept-Encoding" => "deflate, gzip, br"
  ];
  ```

  ```go Go theme={"system"}
  headers := map[string]string{
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", // Optional
    "Content-Type": "application/json",
    "Accept-Encoding": "deflate, gzip, br"
  }
  ```

  ```ruby Ruby theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", # Optional
    "Content-Type": "application/json",
    "Accept-Encoding": "deflate, gzip, br"
  }
  ```

  ```java Java theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", // Optional
    "Content-Type": "application/json",
    "Accept-Encoding": "deflate, gzip, br"
  }
  ```

  ```csharp C# theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", // Optional
    "Content-Type": "application/json",
    "Accept-Encoding": "deflate, gzip, br"
  }
  ```

  ```rust Rust theme={"system"}
  headers = {
    "Authorization": "Bearer API_KEY",
    "Profile-Key": "PROFILE_KEY", // Optional
    "Content-Type": "application/json",
    "Accept-Encoding": "deflate, gzip, br"
  }
  ```
</CodeGroup>

## Tipos de ID

Hay varios tipos de IDs que se devuelven y pueden usarse en distintos endpoints:

### Ayrshare Post ID

Este ID lo genera Ayrshare y se devuelve desde el
[endpoint /post](/apis/post/post) en el campo `id`. Este ID facilita
obtener analíticas de la publicación en varias redes sociales, añadir comentarios a la
publicación, eliminar la publicación, etc. Es el ID que usarás con más frecuencia.

### Social Post ID

Cada red social asigna su propio ID único a publicaciones y comentarios.
Estos IDs se devuelven en el campo `postIds` de los endpoints /post o /comments.
Puedes usar estos IDs, o los que obtengas directamente de las redes sociales, para recuperar datos, por ejemplo con el [social post ID de analíticas](/apis/analytics/social-by-id).

### Ayrshare Comment ID

Este ID lo genera Ayrshare y se devuelve desde el
[endpoint /comments](/apis/comments/post-comment) en el campo `id`. Este ID facilita
obtener analíticas del comentario en las distintas redes sociales, añadir respuestas al
comentario, eliminarlo, etc. Es el ID que usarás con más frecuencia.

Se suele usar cuando quieres obtener detalles de un comentario concreto publicado a través de Ayrshare.

### Social Comment ID

Cada red social asigna su propio ID único a los comentarios.
Estos IDs se devuelven en el campo `commentId` del [endpoint GET /comments](/apis/comments/get-comments).

Se suele usar cuando quieres obtener detalles de un comentario concreto publicado fuera de Ayrshare.

## Códigos de error

Los errores se devuelven con [códigos de estado HTTP estándar](https://tools.ietf.org/html/rfc2616#section-10).

Para más información:

<Card title="Códigos de estado HTTP" icon="link" horizontal href="/errors/errors-http">
  Aprende más sobre los códigos de estado HTTP
</Card>

Los errores detallados se incluyen en la respuesta de la API REST específica para cada tipo de llamada.

Para más información:

<Card title="Códigos de error de Ayrshare" icon="link" horizontal href="/errors/errors-ayrshare">
  Aprende más sobre los códigos de error específicos de Ayrshare
</Card>

## Formato de marca de tiempo

Ayrshare utiliza la hora Zulu, también conocida como UTC (Tiempo Universal Coordinado), o una cadena de fecha con formato ISO 8601, para proporcionar referencias temporales precisas e inequívocas entre distintas zonas horarias.

Por ejemplo, usa el formato `YYYY-MM-DDThh:mm:ssZ` y envíalo como `2026-07-08T12:30:00Z`.
Consulta [utctime](https://www.utctime.net/) para ver más ejemplos.

Puedes convertir el formato UTC a tu hora local en el lenguaje de programación que prefieras. Por ejemplo, en JavaScript:

```javascript theme={"system"}
const convertToLocalTime = (isoString) => {
  // Create a new Date object from the ISO string
  const date = new Date(isoString);

  // Extract local time components
  const localDate = date.toLocaleDateString();
  const localTime = date.toLocaleTimeString();

  // Combine the local date and time
  const localDateTime = `${localDate} ${localTime}`;

  return localDateTime;
};
```

## Postman

Puedes usar Postman para probar tus llamadas a la API REST.

<Card title="Postman" icon="link" horizontal href="/testing/postman">
  Aprende a usar Postman con nuestra API
</Card>

## Publicaciones, imágenes y videos aleatorios

Consulta la [guía de inicio rápido](/quickstart#publish-test-posts) para saber cómo enviar publicaciones, imágenes o videos aleatorios al hacer pruebas.

## Paquetes

Contamos con paquetes para Node.js y Python, así como guías para Bubble.io, Airtable y Make que facilitan las llamadas RESTful.

<CardGroup cols={2}>
  <Card title="Paquete NPM para Node" icon="cube" iconType="duotone" href="/packages-guides/nodejs" horizontal>
    Intégralo usando nuestro paquete de NodeJS
  </Card>

  <Card title="Paquete PyPI para Python" icon="cube" iconType="duotone" href="/packages-guides/python" horizontal>
    Intégralo usando nuestro paquete de Python
  </Card>

  <Card title="Guía de Airtable" icon="book-open" iconType="duotone" href="/packages-guides/airtable" horizontal>
    Aprende a usar Ayrshare con Airtable
  </Card>

  <Card title="Plugin y guía de Bubble" icon="cube" iconType="duotone" href="/packages-guides/bubble" horizontal>
    Aprende a usar Ayrshare con Bubble.io
  </Card>

  <Card title="Guía de Make" icon="book-open" iconType="duotone" href="/packages-guides/make" horizontal>
    Aprende a usar Ayrshare con Make
  </Card>

  <Card title="Guía de Notion" icon="book-open" iconType="duotone" href="/packages-guides/notion" horizontal>
    Aprende a usar Ayrshare con Notion
  </Card>

  <Card title="Guía de FlutterFlow" icon="book-open" iconType="duotone" href="/packages-guides/flutterflow" horizontal>
    Aprende a usar Ayrshare con FlutterFlow
  </Card>

  <Card title="Guía de Retool" icon="book-open" iconType="duotone" href="/packages-guides/retool" horizontal>
    Aprende a usar Ayrshare con Retool
  </Card>
</CardGroup>