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

The widget is the chat bubble your visitors see in the corner of your site, letting them talk to your
agency's AI assistant (and, if needed, to someone on your team). It isn't a separate page or an app you
install: it's a small snippet of code you paste once into your site, and from then on the widget appears on
every page that includes it.

<CardGrid>
  <LinkCard
    title="What the widget is and how it works"
    description="The widget is the chat bubble your visitors see in the corner of your site, letting them talk to your agency's AI assistant (and, if needed, to someone on your team)."
    href="/en/guides/widget-web/01-que-es-el-widget-y-como-funciona/"
  />
  <LinkCard
    title="Getting the snippet and adding it to your site"
    description="The snippet is copied from the platform itself, in Channels → Web Widget."
    href="/en/guides/widget-web/02-obtener-el-snippet-e-insertarlo-en-tu-web/"
  />
  <LinkCard
    title="Platform guides"
    description="The snippet is standard HTML: any platform that lets you insert custom code in your site's <head> or <body> will work."
    href="/en/guides/widget-web/03-guias-por-plataforma/"
  />
  <LinkCard
    title="Allowed origins and customization"
    description="You can restrict which sites your widget works on."
    href="/en/guides/widget-web/04-origenes-permitidos-y-personalizacion/"
  />
  <LinkCard
    title="Verification and troubleshooting"
    description="Check the page's source code in the browser (right-click → &quot;View page source&quot;), not just your CMS editor:"
    href="/en/guides/widget-web/05-verificacion-y-resolucion-de-problemas/"
  />
  <LinkCard
    title="Best practices"
    description="Don't duplicate the snippet. There must be a single widget <script> per page. If you migrate from"
    href="/en/guides/widget-web/06-buenas-practicas/"
  />
</CardGrid>