diff --git a/app/legal/page.tsx b/app/legal/page.tsx
index 6ddaaa5..8f346ea 100644
--- a/app/legal/page.tsx
+++ b/app/legal/page.tsx
@@ -8,187 +8,90 @@ export const metadata: Metadata = {
 
 export default function LegalPage() {
   return (
-    <div className="py-12">
-      <div className="max-w-4xl mx-auto">
-        <h1 className="text-4xl md:text-5xl font-bold text-gray-900 mb-8 text-center">
+    <div className="min-h-screen bg-gradient-to-br from-[#f5f5f0] via-[#faf9f5] to-[#f5f5f0] py-12 px-4">
+      <div className="max-w-4xl mx-auto bg-white rounded-xl shadow-lg border border-[#e5e4dc] p-8">
+        <h1 className="text-3xl font-bold text-[#5a5a4e] mb-6">
           Mentions légales
         </h1>
-
-        {/* Éditeur du site */}
-        <Card className="mb-8">
-          <CardHeader>
-            <CardTitle className="text-2xl">Éditeur du site</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-3">
-            <div>
-              <p className="font-semibold text-gray-900">Dénomination sociale :</p>
-              <p className="text-gray-700">Thé Tip Top SA</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Forme juridique :</p>
-              <p className="text-gray-700">Société Anonyme (SA)</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Capital social :</p>
-              <p className="text-gray-700">150 000 €</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Siège social :</p>
-              <p className="text-gray-700">18 rue Léon Frot, 75011 Paris</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">RCS :</p>
-              <p className="text-gray-700">Paris B 812 456 789</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">SIREN :</p>
-              <p className="text-gray-700">812 456 789</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">SIRET :</p>
-              <p className="text-gray-700">81245678900032</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Code APE / NAF :</p>
-              <p className="text-gray-700">1083Z - Transformation du thé et du café</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Numéro de TVA intracommunautaire :</p>
-              <p className="text-gray-700">FR 12 987654321</p>
-            </div>
-          </CardContent>
-        </Card>
-
-        {/* Responsable de publication */}
-        <Card className="mb-8">
-          <CardHeader>
-            <CardTitle className="text-2xl">Responsable de publication</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <p className="text-gray-700">Monsieur Eric Bourdon, Gérant</p>
-          </CardContent>
-        </Card>
-
-        {/* Conception et accompagnement digital */}
-        <Card className="mb-8">
-          <CardHeader>
-            <CardTitle className="text-2xl">Conception et accompagnement digital</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-3">
-            <div>
-              <p className="font-semibold text-gray-900">Dénomination sociale :</p>
-              <p className="text-gray-700">Furious Ducks</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Forme juridique :</p>
-              <p className="text-gray-700">Société à Responsabilité Limitée (SARL)</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Capital social :</p>
-              <p className="text-gray-700">45 000 €</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Siège social :</p>
-              <p className="text-gray-700">14 avenue de la Création Numérique, 75012 Paris</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">RCS :</p>
-              <p className="text-gray-700">Paris B 498 321 765</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">SIREN :</p>
-              <p className="text-gray-700">498 321 765</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">SIRET :</p>
-              <p className="text-gray-700">49832176500029</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Code APE / NAF :</p>
-              <p className="text-gray-700">6201Z - Programmation informatique</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Numéro de TVA intracommunautaire :</p>
-              <p className="text-gray-700">FR 56 498321765</p>
-            </div>
-            <div>
-              <p className="font-semibold text-gray-900">Dirigeant :</p>
-              <p className="text-gray-700">Monsieur Guido Brasletti</p>
-            </div>
-          </CardContent>
-        </Card>
-
-        {/* Hébergement */}
-        <Card className="mb-8">
-          <CardHeader>
-            <CardTitle className="text-2xl">Hébergement</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <p className="text-gray-700 mb-3">
-              Le site est hébergé par OVH SAS (ou prestataire équivalent à confirmer par le client),
+        <p className="text-sm text-[#8a8a7a] mb-8">
+          Dernière mise à jour : 21 Novembre 2025
+        </p>
+        <div className="space-y-6 text-[#5a5a4e]">
+          <section>
+            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
+              1. Éditeur du site
+            </h2>
+            <ul className="list-none space-y-2 mt-3">
+              <li><strong>Dénomination sociale :</strong> Thé Tip Top SA</li>
+              <li><strong>Forme juridique :</strong> Société Anonyme (SA)</li>
+              <li><strong>Siège social :</strong> 18 rue Léon Frot, 75011 Paris</li>
+              <li><strong>RCS :</strong> Paris B 901 234 567</li>
+              <li><strong>SIRET :</strong> 901 234 567 00015</li>
+              <li><strong>Code APE :</strong> 1083Z</li>
+              <li><strong>Numéro de TVA intracommunautaire :</strong> FR 12 901 234 567</li>
+              <li><strong>Gérant :</strong> Monsieur Éric Bourdon</li>
+              <li><strong>Site web :</strong> www.thetiptop.fr</li>
+            </ul>
+          </section>
+          <section>
+            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
+              2. Responsable de publication
+            </h2>
+            <p>
+              Monsieur Eric Bourdon, Gérant de Thé Tip Top
             </p>
-            <p className="text-gray-700">2 rue Kellermann, 59100 Roubaix, France</p>
-            <p className="text-gray-700">Téléphone : +33 (0)9 72 10 10 07</p>
-          </CardContent>
-        </Card>
+          </section>
+          <section>
+            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
+              3. Conception et accompagnement digital
+            </h2>
+            <ul className="list-none space-y-2 mt-3">
+              <li><strong>Dénomination sociale :</strong>Furious Ducks</li>
+              <li><strong>Siège social :</strong>14 avenue de la Création Numérique, 75012 Paris</li>
+              <li><strong>SIRET :</strong> 49832176500029</li>
+              <li><strong>Code APE :</strong> 6201Z</li>
+              <li><strong>Numéro de TVA intracommunautaire :</strong> FR 52 812 345 679</li>
+              <li><strong>Dirigeant :</strong> Monsieur Guido Brasletti</li>
+            </ul>
+          </section>
+          <section>
+            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
+              4. Hébergement
+            </h2>
+            <p>Le site est hébergé par : OVH Cloud – www.ovhcloud.com </p>
+            <p>2 rue Kellermann, 59100 Roubaix, France</p>
+            <p>Téléphone : +33 (0)9 72 10 10 07</p>             
+          </section>
+             <section>
+            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
+              5. Propriété intellectuelle
+            </h2>
+            <p>
+               L'ensemble des éléments figurant sur le site (textes, images, vidéos, logos, icônes, graphismes) est la propriété exclusive de Thé Tip Top SA, sauf mention contraire.
 
-        {/* Propriété intellectuelle */}
-        <Card className="mb-8">
-          <CardHeader>
-            <CardTitle className="text-2xl">Propriété intellectuelle</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-3">
-            <p className="text-gray-700">
-              L'ensemble des éléments figurant sur le site (textes, images, vidéos, logos, icônes,
-              graphismes) est la propriété exclusive de Thé Tip Top SA, sauf mention contraire.
-            </p>
-            <p className="text-gray-700">
               Toute reproduction ou diffusion, totale ou partielle, non autorisée est interdite.
-            </p>
-            <p className="text-gray-700">
-              Les contenus tiers (ex. images libres de droit, modules externes) sont utilisés dans
-              le respect de leurs licences.
-            </p>
-          </CardContent>
-        </Card>
 
-        {/* Protection des données personnelles */}
-        <Card className="mb-8">
-          <CardHeader>
-            <CardTitle className="text-2xl">Protection des données personnelles</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-3">
-            <p className="text-gray-700">
-              Les données collectées via le site sont traitées par Thé Tip Top SA conformément au
-              Règlement Général sur la Protection des Données (RGPD).
+              Les contenus tiers (ex. images libres de droit, modules externes) sont utilisés dans le respect de leurs licences.                
             </p>
-            <p className="text-gray-700">
-              Chaque utilisateur dispose d'un droit d'accès, de rectification et de suppression de
-              ses données en adressant une demande à :{" "}
-              <a href="mailto:contact@thetiptop.fr" className="text-primary-600 hover:text-primary-700 underline">
-                contact@thetiptop.fr
-              </a>
+          </section>
+             <section>
+            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
+              6. Protection des données personnelles
+            </h2>
+            <p>
+              Les données collectées via le site sont traitées par Thé Tip Top SA conformément au Règlement Général sur la Protection des Données (RGPD).
+              Chaque utilisateur dispose d'un droit d'accès, de rectification et de suppression de ses données en adressant une demande à :           <a href="mailto:contact@thetiptop.fr" className="text-[#d4a574] hover:text-[#c4956a] transition-colors">contact@thetiptop.fr</a>
+              </p>
+          </section>
+          <section>
+            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
+              7. Cookies
+            </h2>
+            <p>
+              Le site utilise des cookies afin d'améliorer l'expérience utilisateur et d'analyser la fréquentation. Chaque visiteur a la possibilité de gérer ou de refuser l'enregistrement de cookies via la bannière de consentement affichée lors de sa première visite.                
             </p>
-          </CardContent>
-        </Card>
-
-        {/* Contact */}
-        <Card className="mb-8">
-          <CardHeader>
-            <CardTitle className="text-2xl">Contact</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <p className="text-gray-700 mb-3">
-              Pour toute question concernant ces mentions légales ou le traitement de vos données personnelles :
-            </p>
-            <p className="text-gray-700">
-              Email :{" "}
-              <a href="mailto:contact@thetiptop.fr" className="text-primary-600 hover:text-primary-700 underline">
-                contact@thetiptop.fr
-              </a>
-            </p>
-          </CardContent>
-        </Card>
+      </section>
+        </div>
       </div>
     </div>
   );
diff --git a/package-lock.json b/package-lock.json
index 76c6b41..90694e3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -531,17 +531,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "license": "MIT",
-      "peer": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
     "node_modules/@react-oauth/google": {
       "version": "0.12.2",
       "resolved": "https://registry.npmjs.org/@react-oauth/google/-/google-0.12.2.tgz",
@@ -715,7 +704,7 @@
       "version": "19.2.2",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.2.tgz",
       "integrity": "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "csstype": "^3.0.2"
@@ -5242,13 +5231,6 @@
         "react-dom": ">=16"
       }
     },
-    "node_modules/react-is": {
-      "version": "19.2.0",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.0.tgz",
-      "integrity": "sha512-x3Ax3kNSMIIkyVYhWPyO09bu0uttcAIoecO/um/rKGQ4EltYWVYtyiGkS/3xMynrbVQdS69Jhlv8FXUEZehlzA==",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/react-redux": {
       "version": "9.2.0",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",