import React from "react";
import { useEffect } from "react";
import ContactInfo from "../components/ContactInfo";

const AboutUs = () => {

    useEffect(() => {
        document.title = 'À propos de nous';
    });

    return (
        <div className="about-us-container">
            <div className="row">
                <div className="col-12 text-light">
                    <h1>À propos de nous:</h1>
                </div>
            </div>
            <br />
            <div className="row">
                <div className="col col-12 col-md-6 col-lg-4 ">
                    <img className="border-quetaine" src="/images/madamebrossard.jpg" alt=""/>
                </div>
                <div className="col col-12 col-md-6 col-lg-8 employee-text">
                    <br />
                    <h4>
                        Ginette - Co-Fondatrice
                    </h4>
                    <br />
                    <p>
                        Une forte femme de 83 ans qui travaille la laine depuis sa plus tendre enfance.
                        Ginette est avec Monique co-fondatrice des Grosses Mitaines&trade;.
                        Elle se fera un plaisir de créer de magnifiques chaussettes pour les petits et les grands.
                    </p>
                </div>
            </div>
            <br />
            <br />
            <br />
            <div className="row">
                <div className="col col-12 col-md-6 col-lg-8 employee-text">
                    <h4>
                        Monique - Autre Co-Fondatrice
                    </h4>
                    <br />
                    <p>
                        Dès ses 3 ans Monique était une prodige du crochet!
                        Il est même dit qu'elle aurait fait sa première paire de bas avant même de parler.
                        En 8ième année, elle était la reine de la laine et elle fonda - en 1953 avec Ginette, Les Grosses Mitaines&trade;.
                    </p>
                    <br />
                </div>
                <div className="col col-12 col-md-6 col-lg-4">
                    <img className="border-quetaine" src="/images/moman.jpg" alt=""/>
                </div>
            </div>
            <br />
            <br />
            <br />
           <ContactInfo/>
        </div>

    );
}

export default AboutUs;