description = "Site footer — links, branding, WhatsApp"
==
<footer class="bg-dark text-light pt-5 pb-4">
  <div class="container">
    <div class="row g-4">
      <div class="col-lg-4">
        <div class="d-flex align-items-center gap-2 mb-3">
          <span style="background:var(--vp-brand);color:#fff;width:32px;height:32px;border-radius:.4rem;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;">V</span>
          <span class="fw-bold fs-5">VivesPOS</span>
        </div>
        <p class="text-secondary small">Punto de venta offline-first para Mexico. Vende sin internet. Tus datos siempre tuyos. Diseniado para teclado y scanner de codigo de barras.</p>
        <p class="text-secondary small mb-0">Hecho en Mexico. <span class="text-brand">VivesCloud</span>.</p>
      </div>
      <div class="col-6 col-lg-2">
        <h5 class="h6 fw-bold mb-3">Producto</h5>
        <ul class="list-unstyled footer-links small">
          <li class="mb-2"><a href="#features">Caracteristicas</a></li>
          <li class="mb-2"><a href="#modos">Offline vs Nube</a></li>
          <li class="mb-2"><a href="#precios">Precios</a></li>
          <li class="mb-2"><a href="#comparativa">Comparativa</a></li>
        </ul>
      </div>
      <div class="col-6 col-lg-2">
        <h5 class="h6 fw-bold mb-3">Recursos</h5>
        <ul class="list-unstyled footer-links small">
          <li class="mb-2"><a href="#faq">Preguntas frecuentes</a></li>
          <li class="mb-2"><a href="#requisitos">Requisitos del sistema</a></li>
          <li class="mb-2"><a href="#instalacion">Instalacion</a></li>
          <li class="mb-2"><a href="{{ '/blog'|page }}">Blog</a></li>
        </ul>
      </div>
      <div class="col-lg-3">
        <h5 class="h6 fw-bold mb-3">Contacto</h5>
        <p class="small text-secondary mb-2">WhatsApp: <a href="https://wa.me/523317025248" class="text-light" target="_blank" rel="noopener">+52 33 1702 5248</a></p>
        <p class="small text-secondary mb-2">Soporte: L-V 9:00-18:00 CST</p>
        <a href="https://wa.me/523317025248?text=Hola%2C%20quiero%20mas%20info%20de%20VivesPOS" class="btn btn-brand-cta btn-sm" target="_blank" rel="noopener">
          <i class="bi-whatsapp me-1"></i>Agendar demo
        </a>
      </div>
    </div>
    <hr class="border-secondary my-4">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
      <p class="text-secondary small mb-0">&copy; 2026 VivesPOS. Todos los derechos reservados.</p>
      <p class="text-secondary small mb-0">Windows &middot; Linux &middot; Offline-first &middot; ESC/POS</p>
    </div>
  </div>
</footer>