From 44a0ffe743756fca499150f2e9f92e06d0c377c7 Mon Sep 17 00:00:00 2001
From: Thomas Fauve-Piot <tfauve-p@f4r14s2.clusters.42paris.fr>
Date: Wed, 1 Apr 2026 18:22:02 +0200
Subject: [PATCH] Added mentions legales

---
 Transcendence/srcs/frontend/src/index.html    |  2 +-
 .../src/mentions/mentions_legales.html        | 55 +++++++++++++++++++
 2 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 Transcendence/srcs/frontend/src/mentions/mentions_legales.html
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
