Footer

<Footer>
  <div class="max-w-screen-xl mx-auto px-6 w-full pt-16 pb-8">
    <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
      <div class="flex flex-col gap-2 md:col-span-1">
        <div class="font-bold text-xl tracking-tight">SystemDocs</div>
        <p class="text-sm text-muted-foreground">Construyendo el futuro de la web.</p>
      </div>

      <FooterColumn>
        <FooterHeading>Producto</FooterHeading>
        <FooterLink href="#">Features</FooterLink>
        <FooterLink href="#">Precios</FooterLink>
      </FooterColumn>

      <FooterColumn>
        <FooterHeading>Compañía</FooterHeading>
        <FooterLink href="#">Nosotros</FooterLink>
        <FooterLink href="#">Blog</FooterLink>
      </FooterColumn>

      <FooterColumn>
        <FooterHeading>Legal</FooterHeading>
        <FooterLink href="#">Privacidad</FooterLink>
        <FooterLink href="#">Términos</FooterLink>
      </FooterColumn>
    </div>

    <FooterBottom>
      <p>&copy; 2026 SystemDocs. Todos los derechos reservados.</p>
      <div class="flex gap-4">
        <FooterLink href="#">Política de Cookies</FooterLink>
      </div>
    </FooterBottom>
  </div>
</Footer>