import React from "react";
import { Link } from "react-router-dom";
import LogoSqdc from "./partenaires/sqdc.jpg";
import LogoGov from "./partenaires/quebec.jpg";
import LogoTG from "./partenaires/tg.jpg";


const Footer = () => {

    return (
        <footer className="footer-container">
            <div className="footer-links">
                <div className="footer-link">
                    <Link className="nav-link" to="/aboutUs">À Propos</Link>
                </div>
                <div className="footer-link">
                    <Link className="nav-link" to="/contactUs">Nous contacter</Link>
                </div>
                <div className="footer-link">
                    <Link className="nav-link" to="/privacy">Vie privée</Link>
                </div>
            </div>
            <br />
            <div>
                <h4 className="footer-msg">
                    Joignez les plus de 1 000 Québécois qui ont décidés d'acheter GM!
                </h4>
            </div>
            <div >
                <h6 className="footer-partner-title">- Nos partenaires -</h6>
            </div>
            <div className="footer-partners">
                <img className="partner-img" src={LogoSqdc} alt=""/>
                <img className="partner-img" src={LogoGov} alt=""/>
                <img className="partner-img" src={LogoTG} alt=""/>
            </div>
            <div className="footer-copyrights">
                &copy; 2022 - Les Grosses Mitaines à Ginette et Monique, inc.
            </div>
        </footer>
    );
}

export default Footer;