chore init

app/mentions-legales/page.tsx

@@ -0,0 +1,115 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+
+export const metadata: Metadata = {
+  title: "Mentions légales — CV-Maker",
+  description:
+    "Mentions légales de l'application CV-Maker : éditeur, données traitées, stockage et droits.",
+};
+
+export default function MentionsLegalesPage() {
+  return (
+    <main className="mx-auto w-full max-w-3xl flex-1 px-6 py-10">
+      <Link
+        href="/"
+        className="text-sm font-medium text-muted underline-offset-2 hover:text-accent hover:underline"
+      >
+        ← Retour à l&apos;éditeur
+      </Link>
+
+      <h1 className="mt-4 text-2xl font-bold text-ink">Mentions légales</h1>
+
+      <div className="mt-6 space-y-6 text-sm leading-relaxed text-ink">
+        <section>
+          <h2 className="text-base font-semibold text-ink">Éditeur</h2>
+          <p className="mt-2">
+            L&apos;utilisateur de l&apos;application est le seul responsable et
+            destinataire des données saisies. Aucune entité tiers ne traite ces
+            données.
+          </p>
+        </section>
+
+        <section>
+          <h2 className="text-base font-semibold text-ink">Données traitées</h2>
+          <p className="mt-2">
+            Les zones de saisie (message d&apos;accroche, état civil, contacts,
+            formations, soft skills, centres d&apos;intérêt) et les expériences
+            professionnelles contiennent des informations que vous choisissez de
+            saisir : nom, prénom, adresse, e-mail, téléphone, site web, GitHub,
+            parcours professionnel et formations.
+          </p>
+        </section>
+
+        <section>
+          <h2 className="text-base font-semibold text-ink">Finalité</h2>
+          <p className="mt-2">
+            Les données sont utilisées exclusivement à la production d&apos;un CV,
+            destiné à être imprimé ou exporté en PDF par l&apos;utilisateur.
+          </p>
+        </section>
+
+        <section>
+          <h2 className="text-base font-semibold text-ink">Stockage</h2>
+          <p className="mt-2">
+            Les données sont stockées dans le{" "}
+            <code className="rounded bg-paper px-1.5 py-0.5 font-mono text-xs">
+              localStorage
+            </code>{" "}
+            du navigateur, sous la clé{" "}
+            <code className="rounded bg-paper px-1.5 py-0.5 font-mono text-xs">
+              cv-maker:v1
+            </code>
+            . Aucune donnée n&apos;est envoyée à un serveur. Le stockage est
+            entièrement local à votre navigateur.
+          </p>
+        </section>
+
+        <section>
+          <h2 className="text-base font-semibold text-ink">Durée de conservation</h2>
+          <p className="mt-2">
+            Les données sont conservées jusqu&apos;à leur effacement par
+            l&apos;utilisateur (via le bouton « Réinitialiser » dans
+            l&apos;application, ou en vidant le cache de votre navigateur).
+          </p>
+        </section>
+
+        <section>
+          <h2 className="text-base font-semibold text-ink">
+            Droits de la personne concernée
+          </h2>
+          <p className="mt-2">
+            En tant que seul responsable des données, vous disposez d&apos;un accès
+            complet à l&apos;ensemble des informations saisies. Vous pouvez les
+            modifier à tout moment depuis l&apos;éditeur, ou les supprimer en
+            utilisant :
+          </p>
+          <ul className="mt-2 list-disc space-y-1 pl-5">
+            <li>
+              Le bouton <strong>« Réinitialiser »</strong> dans la barre d&apos;outils
+              (après confirmation).
+            </li>
+            <li>
+              Les outils de votre navigateur : paramètres → vie privée → vider les
+              données de ce site pour cette application.
+            </li>
+          </ul>
+        </section>
+
+        <section>
+          <h2 className="text-base font-semibold text-ink">Sécurité</h2>
+          <p className="mt-2">
+            Le contenu Markdown saisi est assaini avant rendu via{" "}
+            <strong>DOMPurify</strong> pour neutraliser tout script ou contenu
+            dangereux (protection contre les attaques XSS). Aucune donnée
+            n&apos;est transmise sur le réseau ; l&apos;application fonctionne
+            entièrement hors ligne une fois chargée.
+          </p>
+        </section>
+
+        <p className="text-xs text-muted">
+          Dernière mise à jour : 16 septembre 2026
+        </p>
+      </div>
+    </main>
+  );
+}