From 7f6181a515d29c0d51b8d8427c1b594a5b89ac78 Mon Sep 17 00:00:00 2001
From: Giovanni-Josserand <josserand.giovanni@gmail.com>
Date: Tue, 13 Jan 2026 10:17:11 +0100
Subject: [PATCH] add of contact modal

---
 src/components/Footer/Footer.jsx        | 7 ++++---
 src/components/Footer/Footer.module.css | 5 +++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 10ccbb8..e6422b7 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -2,7 +2,7 @@ import styles from "./Footer.module.css"
 import {Link} from "react-router";
 import {useState} from "react";
 import Modal from "../ui/modal/modal.jsx";
-import TextInput from "../ui/input/input.jsx";
+import Button from "../ui/button/button.jsx";
 
 export default function Footer(){
     const currentYear = new Date().getFullYear();
@@ -23,12 +23,13 @@ export default function Footer(){
                     <span className={styles.separator}></span>
                     <Link to="/legalNotices" className={styles.link}>Mentions légales</Link>
                     <span className={styles.separator}></span>
-                    <Link
+                    <Button
+                        variant={"transparent"}
                         className={styles.link}
                         onClick={() => setIsContactModal(true)}
                     >
                         Contact
-                    </Link>
+                    </Button>
                     <span className={styles.separator}></span>
                     <Link to="/"
                           className={styles.link}
diff --git a/src/components/Footer/Footer.module.css b/src/components/Footer/Footer.module.css
index d281cbe..3d54767 100644
--- a/src/components/Footer/Footer.module.css
+++ b/src/components/Footer/Footer.module.css
@@ -20,14 +20,15 @@
 }
 
 .link {
-    color: black;
+    color: black !important;
     text-decoration: none;
     font-size: 0.95rem;
     transition: color 0.2s ease;
+    padding: 0 !important;
 }
 
 .link:hover {
-    color: #019AFF;
+    color: #019AFF !important;
 }
 
 .separator {