update contact and rgpd

src/components/Footer/Footer.jsx

@@ -9,49 +9,56 @@ export default function Footer(){
     const scrollToTop = () => {
         window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
     };
-    const [isContactModal, setIsContactModal] = useState(false);
+    const [isCopyrightModal, setIsCopyrightModal] = useState(false);
+
 
     return <>
         <footer className={`${styles.footer} glassCard`}>
             <div className={styles.footerContent}>
+                <Button
+                    variant={"transparent"}
+                    className={styles.link}
+                    onClick={() => setIsCopyrightModal(true)}
+                >
+                    Copyright © {currentYear}. Tous droits réservés.
+                </Button>
+
                 <div className={styles.copyright}>
-                    © {currentYear} Beaup'hub. Tous droits réservés.
+
                 </div>
 
                 <nav className={styles.footerNav}>
-                    <Link to="/rgpd.pdf" target="_blank" className={styles.link}>Fiche RGPD</Link>
+                    <Link to="/rgpd.pdf" className={styles.link}>
+                        Fiche RGPD
+                    </Link>
                     <span className={styles.separator}></span>
-                    <Link to="/legalNotices" className={styles.link}>Mentions légales</Link>
+                    <Link to="/legalNotices" className={styles.link}>
+                        Mentions légales
+                    </Link>
                     <span className={styles.separator}></span>
-                    <Button
-                        variant={"transparent"}
-                        className={styles.link}
-                        onClick={() => setIsContactModal(true)}
-                    >
+                    <Link to={"https://comite.beaupont.fr/contactez-nous"} className={styles.link}>
                         Contact
-                    </Button>
+                    </Link>
                     <span className={styles.separator}></span>
-                    <Link to="/"
-                          className={styles.link}
-                          onClick={scrollToTop}
-                    >
+                    <Link to="/" className={styles.link} onClick={scrollToTop}>
                         Accueil
                     </Link>
                 </nav>
             </div>
         </footer>
 
-        {/* TODO : mettre l'adresse email et le numéro de tel dans un fichier de configuration */}
-        <Modal title={"Fiche de contact"} open={isContactModal} onClose={() => setIsContactModal(false)}>
+        {/* TODO : mettre nos noms dans un fichier de configuration */}
+        <Modal title={"Réalisé par"} open={isCopyrightModal} onClose={() => setIsCopyrightModal(false)}>
             <section className={styles.section}>
                 <div className={styles.inputContainer}>
-                    <h3>Adresse email</h3>
-                    <p>example@gmail.com</p>
-                </div>
-
-                <div className={styles.inputContainer}>
-                    <h3>Numéro de téléphone</h3>
-                    <p>+33 6 09 78 27 19</p>
+                    <p>Quentin T'jampens</p>
+                    <p>Antoine Ordonneau</p>
+                    <p>Malo Leblond</p>
+                    <p>
+                        Giovanni Josserand (
+                        <Link to={"https://linktree.josserand.ovh/"}>linktree</Link>
+                        )
+                    </p>
                 </div>
             </section>
         </Modal>