import "./Footer.css";

export default function Footer() {
  return (
    <footer className="footer">
      <div className="footer-container">

        {/* COLUMNA 1 */}
        <div className="footer-col brand">
          <h4 className="logo">VIETICASOFT</h4>
          <p>
            Plataforma de gestión de ventas, compras e inventarios utilizada
            por miles de empresas en todo el Perú 🇵🇪
          </p>
        </div>

        {/* COLUMNA 2 */}
        <div className="footer-col">
          <h4>Empresa</h4>
          <ul>
            <li>¿Quiénes somos?</li>
            <li>Nuestros servicios</li>
            <li>Preguntas frecuentes</li>
          </ul>
        </div>

        {/* COLUMNA 3 */}
        <div className="footer-col">
          <h4>Soluciones</h4>
          <ul>
            <li>Facturación electrónica</li>
            <li>Desarrollos a medida</li>
            <li>Sistema ERP / Contable</li>
          </ul>
        </div>

        {/* COLUMNA 4 */}
        <div className="footer-col">
          <h4>Contacto</h4>
          <ul className="contact">
            <li>✉ ventas@vieticasoft.com</li>
            <li>✉ soporte@vieticasoft.com</li>
            <li>💬 WhatsApp: +51 954 756 036</li>
          </ul>
        </div>
      </div>

      {/* BOTTOM */}
      <div className="footer-bottom">
        <span>© Copyright 2020, VieticaSoft Peru</span>
        <div className="links">
          <a href="#">Términos y condiciones</a>
          <a href="#">Políticas y privacidad</a>
          <a href="#">Libro de reclamaciones</a>
        </div>
      </div>
    </footer>
  );
}
