creation of Footer component

2025-10-24 12:27:10 +02:00
parent 55957a0ded
commit 2349a241aa
5 changed files with 62 additions and 4 deletions
@@ -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;
@@ -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;
+}