text: import React from "react"
  import { Link } from "gatsby"
  import '../styles/normalize.css'
  import "../styles/webflow.css"
  import "../styles/soynuevo.webflow.css"
  import logoChico from "../images/logo_small.png"
  
  export default function Footer() {
      
      return(
          <footer id="footer" className="footer">
              <div className="container w-container">
                  <div className="footer-flex-container">
                  <Link to="/"><img
                      loading="lazy"
                      width="50px"
                      height="50px"
                      srcSet={logoChico}
                      alt="soynuevologo"
                      className="image"
                  />
                  </Link>
                      <div>
                      <h2 className="footer-heading">Todas las categorías</h2>
                      <ul  className="list-footer w-list-unstyled">
                          <li ><Link  to="/categorias/asar/"  className="footer-link">¿Cómo Asar en Parrilla?</Link></li>
                          <li ><Link  to="/categorias/acampar/"  className="footer-link">¿Cómo Acampar?</Link></li>
                          <li ><Link  to="/categorias/pesca/"  className="footer-link">¿Cómo Pescar?</Link></li>
                          <li ><Link  to="/categorias/cocinar/"  className="footer-link">¿Cómo Cocinar?</Link></li>
                          <li ><Link  to="/categorias/carpinteria/"  className="footer-link">¿Cómo hacer Carpintería?</Link></li>
                          <li ><Link  to="/categorias/cocteleria/"  className="footer-link">¿Cómo hacer Coctelería?</Link></li>
                      </ul>
                      </div>
                      <div>
                      <h2 className="footer-heading">Información</h2>
                      <ul  className="list-footer w-list-unstyled">
                          <li ><Link  to="/privacidad/"  className="footer-link">Política de Privacidad</Link></li>
                          <li ><Link  to="/partners/"  className="footer-link">Directorio de Negocios</Link></li>
                      </ul>
                      </div>
                      <div>
                      <h2 className="footer-heading">Heading Label</h2>
                      <ul  className="list-footer w-list-unstyled">
                          <li ><Link  to="/"  className="footer-link">Text Link</Link></li>
                          <li ><Link  to="/"  className="footer-link">Text Link</Link></li>
                          <li ><Link  to="/"  className="footer-link">Text Link</Link></li>
                      </ul>
                      </div>
                  </div>
                  <div className="text-bottom-footer">Copyright © 2020 soy-nuevo.com . Todos los derechos reservados.</div>
                  <div className="text-bottom-footer">Texto de partner Amazon</div>
                  </div>
          </footer>
      );
      
      }
  
  