import { Link } from "react-router-dom";

const ContactInfo = () => {
    return (

        <div className="row contact-info-container">
            <ul className="contact-info-list">
                <li>
                    <h5>
                        <span className="fa fa-location-arrow"></span> Adresse:
                    </h5>
                    <a href="https://goo.gl/maps/B76oSoXg9FXuTmCD6" target="_blank">
                        <span className="fa fa-arrow-up-right-from-square"></span> 3005 Bd Laframboise, Saint-Hyacinthe, QC J2S 4Z6
                    </a>
                </li>
                <br />
                <li>
                    <h5 >
                        <span className="fa fa-envelope"></span> Courriel:
                    </h5>
                    <a href="mailto:grossesmitaines@example.com" >
                        <span className="fa fa-feather"></span> grossesmitaines@example.com
                    </a>
                </li>
                <br />
                <li>
                    <h5 >
                        <span className="fa fa-phone"></span> Appellez-nous:
                    </h5>
                    <a href="tel:666-666-6666">
                        <span className="fa fa-phone-volume"></span> 666-666-666
                    </a>
                </li>
                <br />
                <li>
                    <h5 >
                        Réseaux Sociaux:
                    </h5>
                    <div className="socials">
                        <span className="socials-icon fa fa-facebook"></span>
                        <span className="socials-icon fa fa-etsy"></span>
                        <span className="socials-icon fa fa-pinterest"></span>
                    </div>
                </li>
                <br />
                <li>
                    <h5 >
                        Question?
                    </h5>
                    <Link to="/contactUs">
                        Nous Contacter
                    </Link>
                </li>
            </ul>
        </div>
    );
}

export default ContactInfo;