From 004225d1532b6bc6a9b754668aa3cdef2af5a07f Mon Sep 17 00:00:00 2001
From: Thomas KLEIN <tomak@dnd.fr>
Date: Tue, 28 Jan 2025 11:42:35 +0100
Subject: [PATCH] =?UTF-8?q?Mentions=20l=C3=A9gales=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../images/{sponsors => logo}/opengento.svg   |  0
 src/app/code-de-conduite/page.tsx             |  1 -
 src/app/mentions-legales/page.tsx             | 92 ++++++++++++-------
 src/layouts/Footer/Footer.tsx                 |  2 +-
 4 files changed, 62 insertions(+), 33 deletions(-)
 rename public/images/{sponsors => logo}/opengento.svg (100%)

diff --git a/public/images/sponsors/opengento.svg b/public/images/logo/opengento.svg
similarity index 100%
rename from public/images/sponsors/opengento.svg
rename to public/images/logo/opengento.svg
diff --git a/src/app/code-de-conduite/page.tsx b/src/app/code-de-conduite/page.tsx
index 89caacd..2fb08fe 100644
--- a/src/app/code-de-conduite/page.tsx
+++ b/src/app/code-de-conduite/page.tsx
@@ -6,7 +6,6 @@ import ContentMedia from "@/components/ContentMedia/ContentMedia";
 export default function Page() {
   return (
     <Container size="large" className="flex flex-col gap-8 my-8">
-
       <ContentMedia>
         <Typography
           variant="h1"
diff --git a/src/app/mentions-legales/page.tsx b/src/app/mentions-legales/page.tsx
index a2048a9..756ce34 100644
--- a/src/app/mentions-legales/page.tsx
+++ b/src/app/mentions-legales/page.tsx
@@ -1,46 +1,76 @@
 import Typography from "@/components/Typography/Typography";
+import ContentMedia from "@/components/ContentMedia/ContentMedia";
+import Container from "@/layouts/Container";
 import Link from "next/link";
+import Opengento from "/public/images/logo/opengento.svg";
 
 export default function Page() {
   return (
-    <section>
-      <Typography variant="h1" weight="bold" className="uppercase mb-4 text-white">
-        Legal Terms
-      </Typography>
-
-      <article>
-        <Typography className="text-white">
-          This website is edited by the association loi 1901 « Opengento » (RNA W833003136).
+    <Container size="large" className="flex flex-col gap-8 my-8">
+      <ContentMedia>
+        <Typography
+          variant="h1"
+          color="dark"
+          weight="semibold"
+          underlineColor="primary-100"
+          className="mb-6 md:mb-12"
+        >
+          Mentions légales
         </Typography>
-
-        <Typography className="text-white">
-          Represented by: Frédéric MARTINEZ.
+        <Typography color="dark">
+          Ce site web est édité par l’association loi 1901 « OpenGento » (RNA W833003136).
         </Typography>
-
-        <Typography className="text-white">
-          Head office: 17 rue Idrac - 31000 Toulouse - France.
+        <Typography color="dark">
+          Directeur de la publication: Frédéric MARTINEZ (Président de l’association).
         </Typography>
-
-        <Typography className="text-white">
-          Contact: <Link href="mailto:opengento@gmail.com">opengento@gmail.com</Link>
+        <Typography color="dark">
+          Siège social : 17 rue Idrac - 31000 Toulouse - France.
         </Typography>
-
-        <Typography variant="h2" weight="bold" className="uppercase mb-4 text-white">
-          Hosting
+      </ContentMedia>
+      <ContentMedia
+        title="Hébergement"
+        titleUnderlineColor="primary-100"
+      >
+        <Typography color="dark">
+          Ce site web est hébergé avec <em>♥</em> par <Link href="https://github.com/" target="_blank">GitHub</Link>.
         </Typography>
-
-        <Typography className="text-white">
-          This website is hosted with <em>♥</em> by GitHub.
+      </ContentMedia>
+      <ContentMedia
+        title="Crédits"
+        titleUnderlineColor="primary-100"
+      >
+        <Typography color="dark">
+          Ce site Web à été fait avec <Link href="https://nextjs.org/" target="_blank">Next.js</Link>.
         </Typography>
-
-        <Typography variant="h2" weight="bold" className="uppercase mb-4 text-white">
-          Cookies
+        <Typography color="dark">
+          Merci aux <Link className="font-semibold" href="https://github.com/opengento/meet-magento-fr/graphs/contributors" target="_blank">contributeurs</Link> !
         </Typography>
-
-        <Typography className="text-white">
-          This website does not use any cookies and does not track any personal data.
+        <Typography color="dark">
+          Merci à <Link className="inline-block align-middle" href="https://opengento.fr/" target="_blank" title="Opengento"><Opengento /></Link> pour la réalisation du site !
+        </Typography>
+      </ContentMedia>
+      <ContentMedia
+        title="Cookies"
+        titleUnderlineColor="primary-100"
+      >
+        <Typography color="dark">
+          Ce site n’utilise pas de cookies.
+        </Typography>
+      </ContentMedia>
+      <ContentMedia
+        title="Protection des données"
+        titleUnderlineColor="primary-100"
+      >
+        <Typography color="dark">
+          L’utilisateur est informé des réglementations concernant la communication marketing, la loi du 21 Juin
+          2014 pour la confiance dans l’Economie Numérique, la Loi Informatique et Liberté du 06 Août 2004 ainsi que du
+          Règlement Général sur la Protection des Données (RGPD : n° 2016-679).
+        </Typography>
+        <Typography color="dark">
+          L’utilisateur est informé que le site ne gère, ni ne stock quelques données personnelles que ce soit.
+          Nous n’utilisons, ni tracker, ni cookies, ni tag d’analyse du traffic.
         </Typography>
-      </article>
-    </section>
+      </ContentMedia>
+    </Container>
   );
 }
diff --git a/src/layouts/Footer/Footer.tsx b/src/layouts/Footer/Footer.tsx
index 5b5949a..5ed1f1b 100644
--- a/src/layouts/Footer/Footer.tsx
+++ b/src/layouts/Footer/Footer.tsx
@@ -47,7 +47,7 @@ const Footer = () => {
     {
       content: {
         type: 'link',
-        href: '/legal-terms',
+        href: '/mentions-legales',
         text: 'Mentions Légales'
       },
       className: footerMenuItemLinkStyles