import Link from "next/link";
import { Chevrons } from "@/components/Chevrons";
import { metadonneesPage } from "@/lib/metadonnees";
import { SITE } from "@/lib/site";

export const metadata = metadonneesPage({
  titre: "Mentions légales | ADT Solutions Web",
  description:
    "Mentions légales du site adt-solutions-web.fr : éditeur, hébergeur, " +
    "propriété intellectuelle, données personnelles et cookies.",
  chemin: "/mentions-legales/",
});

/**
 * ── APPRENTISSAGE ────────────────────────────────────────────────────────────
 * Petit composant local, défini dans le même fichier parce qu'il ne sert
 * qu'ici. Pas besoin de créer un fichier pour chaque composant : on le sort
 * dans `src/components/` seulement le jour où une deuxième page en a besoin.
 * ─────────────────────────────────────────────────────────────────────────────
 */
function Bloc({
  titre,
  children,
}: {
  titre: string;
  children: React.ReactNode;
}) {
  return (
    <section className="border-t border-trait pt-10">
      <h2 className="flex items-start gap-3 text-2xl">
        <Chevrons className="mt-1.5 h-4 w-4 shrink-0 text-saumon" />
        {titre}
      </h2>
      <div className="prose-adt mt-5">{children}</div>
    </section>
  );
}

/** Marqueur visible d'une donnée qui reste à fournir. */
function AC({ children }: { children: React.ReactNode }) {
  return <span className="a-completer">[À COMPLÉTER — {children}]</span>;
}

export default function PageMentionsLegales() {
  return (
    <>
      <section className="bg-ivoire py-14 sm:py-20">
        <div className="conteneur">
          <p className="surtitre">
            <Chevrons className="h-3.5 w-3.5" />
            Informations légales
          </p>
          <h1 className="text-[2rem] sm:text-5xl">Mentions légales</h1>
          <p className="mt-6 max-w-2xl text-[1.0625rem] leading-relaxed text-gris">
            Informations relatives au site {SITE.url.replace("https://", "")},
            conformément à la loi pour la confiance dans l&apos;économie
            numérique et au règlement général sur la protection des données.
          </p>
        </div>
      </section>

      <div className="conteneur max-w-3xl py-14 sm:py-20">
        {/* Bandeau d'avertissement, à retirer une fois la page complétée. */}
        <p className="mb-12 rounded-sm border border-[#E0C97A] bg-[#FFF8E1] p-5 text-sm leading-relaxed">
          <strong>Page à finaliser avant la mise en ligne.</strong> Les mentions
          marquées <span className="a-completer">[À COMPLÉTER]</span> doivent
          être renseignées avec les données réelles de l&apos;entreprise. Aucune
          valeur n&apos;a été inventée : un SIRET ou un numéro de TVA erroné
          engage la responsabilité de l&apos;éditeur. Récapitulatif complet dans{" "}
          <code className="font-mono text-[0.9em]">TODO.md</code>.
        </p>

        <div className="space-y-10">
          <Bloc titre="1. Éditeur du site">
            <p>
              <strong>Dénomination sociale :</strong>{" "}
              <AC>raison sociale exacte</AC>
              <br />
              <strong>Forme juridique :</strong>{" "}
              <AC>SAS, SASU, EI, EURL…</AC>
              <br />
              <strong>Capital social :</strong> <AC>montant, si société</AC>
              <br />
              <strong>Siège social :</strong>{" "}
              <AC>adresse postale complète</AC>
              <br />
              <strong>SIREN / SIRET :</strong> <AC>numéro d&apos;immatriculation</AC>
              <br />
              <strong>RCS :</strong> <AC>ville d&apos;immatriculation et numéro</AC>
              <br />
              <strong>Numéro de TVA intracommunautaire :</strong>{" "}
              <AC>FR + 11 chiffres, ou mention de franchise en base</AC>
              <br />
              <strong>Nom commercial :</strong> {SITE.nom}
              <br />
              <strong>Téléphone :</strong> <AC>numéro de téléphone</AC>
              <br />
              <strong>E-mail :</strong> <AC>adresse e-mail de contact</AC>
            </p>
          </Bloc>

          <Bloc titre="2. Directeur de la publication">
            <p>
              <AC>nom et prénom du représentant légal</AC>
            </p>
            <p>
              La désignation du directeur de la publication est une obligation
              légale : elle s&apos;applique même si le reste du site ne cite
              aucune personne physique.
            </p>
          </Bloc>

          <Bloc titre="3. Hébergement">
            <p>
              Le site est hébergé par <strong>OVH SAS</strong>, société par
              actions simplifiée au capital de 10 174 560 €, immatriculée au RCS
              de Lille Métropole sous le numéro 424 761 419.
              <br />
              Siège social : 2 rue Kellermann, 59100 Roubaix, France.
              <br />
              Site : <span className="whitespace-nowrap">www.ovhcloud.com</span>
            </p>
          </Bloc>

          <Bloc titre="4. Propriété intellectuelle">
            <p>
              L&apos;ensemble du contenu de ce site — textes, structure, charte
              graphique, logo, illustrations et photographies — est la propriété
              de l&apos;éditeur ou fait l&apos;objet d&apos;une autorisation
              d&apos;usage. Toute reproduction, représentation, adaptation ou
              exploitation, totale ou partielle, par quelque procédé que ce soit,
              sans autorisation écrite préalable, est interdite.
            </p>
            <p>
              Les marques et logos éventuellement cités appartiennent à leurs
              titulaires respectifs. Les travaux présentés dans la rubrique{" "}
              <Link
                href="/realisations/"
                className="font-semibold text-saumon-texte underline underline-offset-4"
              >
                Réalisations
              </Link>{" "}
              sont décrits sans mention du client concerné, conformément aux
              engagements de confidentialité pris avec chacun.
            </p>
          </Bloc>

          <Bloc titre="5. Données personnelles">
            <p>
              <strong>Responsable de traitement :</strong>{" "}
              <AC>raison sociale et adresse de l&apos;éditeur</AC>
            </p>
            <p>
              <strong>Données collectées.</strong> Le seul formulaire du site est
              le formulaire de contact. Il collecte quatre informations : nom,
              numéro de téléphone, adresse e-mail et contenu du message.
              L&apos;adresse IP de l&apos;expéditeur est jointe au message reçu à
              des fins de lutte contre les envois automatisés.
            </p>
            <p>
              <strong>Finalité.</strong> Répondre à la demande émise. Ces données
              ne font l&apos;objet d&apos;aucune revente, d&apos;aucune cession et
              d&apos;aucune prospection commerciale non sollicitée.
            </p>
            <p>
              <strong>Base légale.</strong> Intérêt légitime de l&apos;éditeur à
              répondre aux demandes qui lui sont adressées, et mesures
              précontractuelles prises à la demande de la personne concernée.
            </p>
            <p>
              <strong>Durée de conservation :</strong>{" "}
              <AC>durée retenue, par exemple 3 ans après le dernier contact</AC>
            </p>
            <p>
              <strong>Destinataires.</strong> Les messages sont reçus dans une
              boîte e-mail hébergée par OVH. Aucun autre destinataire, aucun
              transfert hors Union européenne.
            </p>
            <p>
              <strong>Vos droits.</strong> Vous disposez d&apos;un droit
              d&apos;accès, de rectification, d&apos;effacement, de limitation,
              d&apos;opposition et de portabilité sur vos données. Pour les
              exercer, écrivez à <AC>adresse e-mail dédiée</AC>. Vous pouvez
              également introduire une réclamation auprès de la CNIL
              (www.cnil.fr).
            </p>
          </Bloc>

          <Bloc titre="6. Cookies et traceurs">
            <p>
              Ce site est un site statique. Il ne dépose{" "}
              <strong>aucun cookie de mesure d&apos;audience</strong>, aucun
              traceur publicitaire et n&apos;utilise aucun outil de statistiques
              tiers. Aucune bannière de consentement n&apos;est donc nécessaire.
            </p>
            <p>
              Seule exception : la page{" "}
              <Link
                href="/contact/"
                className="font-semibold text-saumon-texte underline underline-offset-4"
              >
                Contact
              </Link>{" "}
              charge le service anti-robot <strong>hCaptcha</strong> (Intuition
              Machines, Inc.), strictement nécessaire à la protection du
              formulaire contre les envois automatisés. Ce service peut déposer
              des données techniques dans votre navigateur pour la seule durée de
              la vérification.
            </p>
          </Bloc>

          <Bloc titre="7. Liens hypertextes">
            <p>
              Ce site peut contenir des liens vers des sites tiers.
              L&apos;éditeur n&apos;exerce aucun contrôle sur leur contenu et ne
              saurait être tenu responsable de ce qui y est publié.
            </p>
          </Bloc>

          <Bloc titre="8. Accessibilité et signalement">
            <p>
              Le site est conçu pour rester lisible au clavier, sur mobile et
              avec un lecteur d&apos;écran. Si vous rencontrez une difficulté
              d&apos;accès à une information, signalez-le à{" "}
              <AC>adresse e-mail de contact</AC> : le point sera corrigé.
            </p>
          </Bloc>

          <Bloc titre="9. Droit applicable">
            <p>
              Les présentes mentions sont soumises au droit français. En cas de
              litige, et à défaut de résolution amiable, les tribunaux
              compétents seront ceux du ressort du siège social de
              l&apos;éditeur.
            </p>
          </Bloc>
        </div>

        <p className="mt-14 border-t border-trait pt-8 text-sm text-gris">
          Dernière mise à jour : <AC>date de publication</AC>
        </p>
      </div>
    </>
  );
}