From 2349a241aa02f88c73f896327f6655763b7329e5 Mon Sep 17 00:00:00 2001
From: Giovanni-Josserand <josserand.giovanni@gmail.com>
Date: Fri, 24 Oct 2025 12:27:10 +0200
Subject: [PATCH 1/2] creation of Footer component

---
 src/components/Footer/Footer.jsx        | 17 +++++++++++++++++
 src/components/Footer/Footer.module.css | 20 ++++++++++++++++++++
 src/index.css                           | 20 +++++++++++++++++++-
 src/layout.jsx                          |  6 +++++-
 src/pages/Home/HomePage.jsx             |  3 +--
 5 files changed, 62 insertions(+), 4 deletions(-)
 create mode 100644 src/components/Footer/Footer.jsx
 create mode 100644 src/components/Footer/Footer.module.css

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
new file mode 100644
index 0000000..b78f693
--- /dev/null
+++ b/src/components/Footer/Footer.jsx
@@ -0,0 +1,17 @@
+import styles from "./Footer.module.css"
+import {Link} from "react-router";
+
+function Footer(){
+
+    return (
+        <footer className={`${styles.footer} ${"glassCard"}`} >
+            <div className={styles.footerContent}>
+                <Link to="" className={styles.link}>Contact</Link>
+                <Link to="" className={styles.link}>RGPD</Link>
+                <Link to="" className={styles.link}>Mentions légales</Link>
+            </div>
+        </footer>
+    )
+}
+
+export default Footer;
\ No newline at end of file
diff --git a/src/components/Footer/Footer.module.css b/src/components/Footer/Footer.module.css
new file mode 100644
index 0000000..14979e7
--- /dev/null
+++ b/src/components/Footer/Footer.module.css
@@ -0,0 +1,20 @@
+.footer{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    height: fit-content;
+    padding: 2rem;
+}
+
+.footerContent {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+    gap: 2rem;
+}
+
+.link {
+    color: black;
+    width: fit-content;
+    text-align: center;
+}
diff --git a/src/index.css b/src/index.css
index afda27e..6c5dc4f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,11 @@
+* {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
 :root {
   font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
@@ -13,6 +21,15 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+
+
+.content {
+  padding: 1.5rem;
+}
+
+
+
+
 a {
   font-weight: 500;
   color: #646cff;
@@ -32,9 +49,10 @@ body {
 
 
 .glassCard {
+  z-index: 100;
   width: 240px;
   height: 360px;
-  background: rgba(255, 255, 255, 0.5);
+  background: rgba(255, 255, 255, 0.65);
   backdrop-filter: blur(3px);
   -webkit-backdrop-filter: blur(3px);
   border-radius: 20px;
diff --git a/src/layout.jsx b/src/layout.jsx
index c281387..082488d 100644
--- a/src/layout.jsx
+++ b/src/layout.jsx
@@ -1,11 +1,15 @@
 import { Outlet } from "react-router";
+import Footer from "./components/Footer/Footer.jsx"
 
 
 function Layout(){
 
     return (
         <div>
-            <Outlet />
+            <div className="content">
+                <Outlet />
+                <Footer />
+            </div>
         </div>
     )
 }
diff --git a/src/pages/Home/HomePage.jsx b/src/pages/Home/HomePage.jsx
index 465bc9d..fc12601 100644
--- a/src/pages/Home/HomePage.jsx
+++ b/src/pages/Home/HomePage.jsx
@@ -1,10 +1,9 @@
-import styles from "./HomePage.module.css"
+
 
 function HomePage(){
 
     return (
         <div>
-            <h1 className={styles.title}>Accueil</h1>
         </div>
     )
 }

From 0f188e5d531e1127ffcde0dc9d8422f9a1442ea4 Mon Sep 17 00:00:00 2001
From: Giovanni-Josserand <josserand.giovanni@gmail.com>
Date: Fri, 24 Oct 2025 14:04:36 +0200
Subject: [PATCH 2/2] creation of Footer component

---
 src/components/Footer/Footer.jsx        | 1 -
 src/components/Footer/Footer.module.css | 2 +-
 src/index.css                           | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index b78f693..804d6ac 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -2,7 +2,6 @@ import styles from "./Footer.module.css"
 import {Link} from "react-router";
 
 function Footer(){
-
     return (
         <footer className={`${styles.footer} ${"glassCard"}`} >
             <div className={styles.footerContent}>
diff --git a/src/components/Footer/Footer.module.css b/src/components/Footer/Footer.module.css
index 14979e7..8088bfd 100644
--- a/src/components/Footer/Footer.module.css
+++ b/src/components/Footer/Footer.module.css
@@ -17,4 +17,4 @@
     color: black;
     width: fit-content;
     text-align: center;
-}
+}
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 6c5dc4f..f24d72e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,7 +3,7 @@
   padding: 0;
   width: 100%;
   box-sizing: border-box;
-  overflow: hidden;
+  overflow-x: hidden;
 }
 
 :root {