diff --git a/front/src/components/Footer.tsx b/front/src/components/Footer.tsx
new file mode 100644
index 0000000..468812c
--- /dev/null
+++ b/front/src/components/Footer.tsx
@@ -0,0 +1,19 @@
+import LogoButton from "./LogoButton"
+
+interface FooterProps {
+    bgcolor:string
+}
+
+export default function Footer ({bgcolor}:FooterProps) {
+    return (
+        <footer style={{display: "flex", justifyContent: "space-between", backgroundColor:bgcolor}}>
+            <div style={{ display : "flex",  alignItems: "center", flexDirection: "row"}}>ENSIBS<br />RedCRAB</div>
+            <div style={{ display : "flex",  alignItems: "center", flexDirection: "row"}}>
+                <LogoButton 
+                    url="https://www-ensibs.univ-ubs.fr/fr/index.html"
+                    logo = "https://www-ensibs.univ-ubs.fr/skins/ENSIBS/resources/img/logo.png"
+                    style={{ width: "50%", height: "auto" }}/>
+            </div>
+        </footer>
+    )
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..e73376c
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "projet-nuitinfo-2024",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}