diff --git a/Transcendence/srcs/frontend/src/index.html b/Transcendence/srcs/frontend/src/index.html
index f4790e5..70648a9 100644
--- a/Transcendence/srcs/frontend/src/index.html
+++ b/Transcendence/srcs/frontend/src/index.html
@@ -43,7 +43,7 @@
         <a href="https://twitter.com/">BLUE-SNACK</a>
     </div>
 
-    <a href="./mentions_legales.html" class="legal">LEGAL NOTICES</a>
+    <a href="./mentions/mentions_legales.html" class="legal">LEGAL NOTICES</a>
 </footer>
 
 	</body>
diff --git a/Transcendence/srcs/frontend/src/mentions/mentions_legales.html b/Transcendence/srcs/frontend/src/mentions/mentions_legales.html
new file mode 100644
index 0000000..db14799
--- /dev/null
+++ b/Transcendence/srcs/frontend/src/mentions/mentions_legales.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Legal Notices</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #fff8e1;
+            color: #333;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            margin: 0;
+            padding: 20px;
+            text-align: center;
+        }
+        .legal {
+            max-width: 600px;
+            font-size: 0.9rem;
+            line-height: 1.5;
+            border: 1px solid #ccc;
+            padding: 20px;
+            border-radius: 8px;
+            background-color: #fff;
+            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+            margin-bottom: 20px;
+        }
+        .btn-home {
+            padding: 10px 20px;
+            background-color: #ffc75e;
+            color: #000;
+            border: none;
+            border-radius: 6px;
+            font-size: 1rem;
+            cursor: pointer;
+            text-decoration: none;
+            transition: all 0.3s ease;
+        }
+        .btn-home:hover {
+            background-color: #ffb347;
+        }
+    </style>
+</head>
+<body>
+    <div class="legal">
+        <strong>Legal Notices</strong><br><br>
+        All user credentials are securely stored using hashed passwords. We respect your privacy and do not share your personal information with third parties. By using this site, you agree to our data handling practices.
+    </div>
+    <a href="../index.html" class="btn-home">Back to Home</a>
+</body>
+</html>
\ No newline at end of file
