// NeoFlow — Pages légales (Mentions légales + Politique de confidentialité)

/* =========================================================
   LegalPage — layout commun
   ========================================================= */
function LegalPage({ title, section, children, setRoute }) {
  return (
    <div className="legal-page">
      <div className="legal-hero">
        <div className="wrap">
          <button className="legal-back mono" onClick={() => setRoute('/')}>
            ← Retour
          </button>
          <div className="mono section-n">{section}</div>
          <h1 className="legal-title">{title}</h1>
          <p className="legal-date mono">Dernière mise à jour : mai 2026</p>
        </div>
      </div>
      <div className="legal-body wrap">
        {children}
      </div>
    </div>
  );
}

/* =========================================================
   MentionsLegales
   ========================================================= */
function MentionsLegales({ setRoute }) {
  return (
    <LegalPage title="Mentions légales" section="Informations légales" setRoute={setRoute}>

      <section className="legal-section">
        <h2>Éditeur du site</h2>
        <table className="legal-table">
          <tbody>
            <tr><td>Marque</td><td>NeoFlow Agency</td></tr>
            <tr><td>Responsable de publication</td><td>Noakim Grelier</td></tr>
            <tr><td>Localisation</td><td>Haute-Goulaine, 44115 — Loire-Atlantique, France</td></tr>
            <tr><td>Email</td><td><a href="mailto:contact@neoflow-agency.cloud">contact@neoflow-agency.cloud</a></td></tr>
            <tr><td>Site web</td><td>neoflow-agency.cloud</td></tr>
            <tr><td>Statut juridique</td><td>Activité commerciale en cours de structuration juridique (micro-entreprise en création, future société Aevora)</td></tr>
          </tbody>
        </table>
      </section>

      <section className="legal-section">
        <h2>Hébergement</h2>
        <table className="legal-table">
          <tbody>
            <tr><td>Hébergeur</td><td>Vercel Inc.</td></tr>
            <tr><td>Adresse</td><td>340 Pine Street, Suite 701, San Francisco, CA 94104, États-Unis</td></tr>
            <tr><td>Site</td><td><a href="https://vercel.com" target="_blank" rel="noopener noreferrer">vercel.com</a></td></tr>
          </tbody>
        </table>
        <p className="legal-note">Vercel Inc. dispose de clauses contractuelles types (SCC) conformes au RGPD pour les transferts de données vers les États-Unis.</p>
      </section>

      <section className="legal-section">
        <h2>Nom de domaine</h2>
        <table className="legal-table">
          <tbody>
            <tr><td>Registrar</td><td>Hostinger International Ltd.</td></tr>
            <tr><td>Adresse</td><td>61 Lordou Vironos Street, 6023 Larnaca, Chypre</td></tr>
          </tbody>
        </table>
      </section>

      <section className="legal-section">
        <h2>Propriété intellectuelle</h2>
        <p>L'ensemble du contenu de ce site — textes, visuels, code source, identité graphique, animations — est la propriété exclusive de Noakim Grelier / NeoFlow Agency, sauf mention contraire expresse.</p>
        <p>Toute reproduction, représentation, modification, publication ou adaptation de tout ou partie des éléments du site, quel que soit le moyen ou le procédé utilisé, est interdite sans autorisation écrite préalable de NeoFlow Agency.</p>
        <p>Les typographies utilisées (Cormorant Garamond, DM Sans, JetBrains Mono) sont distribuées via Google Fonts sous licences libres (SIL Open Font License).</p>
      </section>

      <section className="legal-section">
        <h2>Limitation de responsabilité</h2>
        <p>NeoFlow Agency s'efforce d'assurer l'exactitude et la mise à jour des informations diffusées sur ce site. Toutefois, NeoFlow Agency ne garantit pas l'exactitude, la précision ou l'exhaustivité des informations mises à disposition.</p>
        <p>NeoFlow Agency ne saurait être tenu responsable des dommages directs ou indirects résultant de l'utilisation de ce site ou de l'impossibilité d'y accéder.</p>
      </section>

      <section className="legal-section">
        <h2>Liens hypertextes</h2>
        <p>Ce site peut contenir des liens vers des sites tiers. NeoFlow Agency ne contrôle pas le contenu de ces sites et décline toute responsabilité quant aux informations qui y sont diffusées.</p>
      </section>

      <section className="legal-section">
        <h2>Droit applicable</h2>
        <p>Les présentes mentions légales sont régies par le droit français. En cas de litige, les tribunaux français sont compétents.</p>
      </section>

    </LegalPage>
  );
}

/* =========================================================
   Confidentialite — Politique de confidentialité RGPD
   ========================================================= */
function Confidentialite({ setRoute }) {
  return (
    <LegalPage title="Politique de confidentialité" section="Protection des données · RGPD" setRoute={setRoute}>

      <section className="legal-section">
        <h2>1. Responsable du traitement</h2>
        <table className="legal-table">
          <tbody>
            <tr><td>Responsable</td><td>Noakim Grelier / NeoFlow Agency</td></tr>
            <tr><td>Localisation</td><td>Haute-Goulaine (44), France</td></tr>
            <tr><td>Contact</td><td><a href="mailto:contact@neoflow-agency.cloud">contact@neoflow-agency.cloud</a></td></tr>
          </tbody>
        </table>
      </section>

      <section className="legal-section">
        <h2>2. Données collectées et finalités</h2>

        <h3>2.1 Analyse du trafic (PostHog)</h3>
        <p>Nous utilisons <strong>PostHog</strong> (EU Cloud, serveurs en Europe — Frankfurt) pour analyser la fréquentation et le comportement des visiteurs sur ce site.</p>
        <p><strong>Données collectées :</strong> pages visitées, clics, durée de session, parcours de navigation, adresse IP partielle (géolocalisation à la ville), type d'appareil et navigateur, enregistrements de session (replay de navigation anonymisé).</p>
        <p><strong>Finalité :</strong> amélioration de l'expérience utilisateur, compréhension des parcours visiteurs, identification des points de friction.</p>
        <p><strong>Base légale :</strong> consentement (art. 6§1a RGPD). La collecte est activée uniquement si vous acceptez la bannière de consentement. Vous pouvez retirer votre consentement à tout moment en cliquant sur « Gérer les cookies » en bas de page, ou en vidant le localStorage de votre navigateur.</p>
        <p><strong>Durée de conservation :</strong> 12 mois glissants.</p>

        <h3>2.2 Formulaires de contact et de devis</h3>
        <p>Lorsque vous remplissez un formulaire de contact (demande de projet, question, questionnaire NeoFlow Immo), les données saisies sont collectées.</p>
        <p><strong>Données collectées :</strong> nom, prénom, email, téléphone (optionnel), entreprise (optionnel), description du projet, budget indicatif, message.</p>
        <p><strong>Finalité :</strong> répondre à votre demande, établir un devis, vous recontacter dans le cadre d'une relation commerciale.</p>
        <p><strong>Base légale :</strong> intérêt légitime (art. 6§1f RGPD) — nécessité de traiter la demande de contact.</p>
        <p><strong>Destinataires :</strong> NeoFlow Agency uniquement. Les données transitent via nos automatisations internes (n8n, hébergé sur un serveur VPS en France) et peuvent être stockées dans notre outil de gestion de contacts (Notion ou équivalent).</p>
        <p><strong>Durée de conservation :</strong> 3 ans à compter du dernier contact, puis suppression.</p>

        <h3>2.3 Réservation d'appels (Cal.com — prochainement)</h3>
        <p>Les réservations d'appels découverte seront traitées via <strong>Cal.com</strong>. Les données transmises (nom, email, disponibilités) seront soumises à la politique de confidentialité de Cal.com.</p>
        <p><strong>Finalité :</strong> organisation des appels et rendez-vous.</p>
        <p><strong>Base légale :</strong> intérêt légitime / exécution d'un contrat.</p>

        <h3>2.4 Données publicitaires et de remarketing (le cas échéant)</h3>
        <p>À terme, des outils de mesure liés à des campagnes publicitaires peuvent être intégrés (pixels Meta Ads, Google Ads, ou équivalents) dans le but d'analyser l'efficacité des campagnes et de diffuser des publicités ciblées auprès de nos audiences.</p>
        <p><strong>Base légale :</strong> consentement préalable. Ces traitements ne seront activés qu'avec votre accord explicite via notre bannière de consentement, qui sera mise à jour en conséquence.</p>
        <p><strong>Note :</strong> aucun outil publicitaire n'est actif à la date de publication de cette politique.</p>

        <h3>2.5 Email marketing (le cas échéant)</h3>
        <p>Si vous souscrivez à une newsletter ou acceptez de recevoir des communications commerciales, votre adresse email sera utilisée à cet effet.</p>
        <p><strong>Base légale :</strong> consentement. Désabonnement possible à tout moment via le lien présent dans chaque email.</p>
      </section>

      <section className="legal-section">
        <h2>3. Cookies et stockage local</h2>
        <p>Ce site n'utilise <strong>pas de cookies tiers</strong>. PostHog stocke ses données dans le <strong>localStorage</strong> de votre navigateur (pas de cookie déposé sur votre terminal).</p>
        <table className="legal-table">
          <thead><tr><th>Stockage</th><th>Nom</th><th>Finalité</th><th>Durée</th></tr></thead>
          <tbody>
            <tr><td>localStorage</td><td><code>nf-consent</code></td><td>Mémorisation de votre choix de consentement analytics</td><td>Permanent (jusqu'à vidage du localStorage)</td></tr>
            <tr><td>localStorage</td><td><code>ph_*</code></td><td>Données analytiques PostHog (si consentement donné)</td><td>12 mois</td></tr>
          </tbody>
        </table>
      </section>

      <section className="legal-section">
        <h2>4. Transferts de données hors UE</h2>
        <p><strong>Vercel Inc.</strong> (hébergeur) : serveurs aux États-Unis. Vercel dispose de Clauses Contractuelles Types (SCC) conformes au RGPD.</p>
        <p><strong>PostHog</strong> : données stockées sur le cloud européen (Frankfurt, Allemagne). Aucun transfert hors UE pour l'analytics.</p>
        <p><strong>Cal.com</strong> (prochainement) : serveurs aux États-Unis. Cal.com dispose de SCC. Vous serez informé lors de l'activation.</p>
      </section>

      <section className="legal-section">
        <h2>5. Vos droits (RGPD)</h2>
        <p>Conformément au Règlement Général sur la Protection des Données (RGPD — UE 2016/679), vous disposez des droits suivants :</p>
        <ul className="legal-list">
          <li><strong>Droit d'accès</strong> — obtenir la confirmation que vos données sont traitées et en recevoir une copie.</li>
          <li><strong>Droit de rectification</strong> — faire corriger des données inexactes ou incomplètes.</li>
          <li><strong>Droit à l'effacement</strong> — demander la suppression de vos données (« droit à l'oubli »).</li>
          <li><strong>Droit à la limitation</strong> — demander la suspension du traitement de vos données.</li>
          <li><strong>Droit à la portabilité</strong> — recevoir vos données dans un format structuré et lisible par machine.</li>
          <li><strong>Droit d'opposition</strong> — s'opposer au traitement de vos données fondé sur l'intérêt légitime.</li>
          <li><strong>Retrait du consentement</strong> — retirer à tout moment un consentement préalablement donné, sans que cela remette en cause la licéité du traitement antérieur.</li>
        </ul>
        <p>Pour exercer ces droits, contactez-nous à : <a href="mailto:contact@neoflow-agency.cloud">contact@neoflow-agency.cloud</a>. Nous nous engageons à répondre dans un délai d'un mois.</p>
      </section>

      <section className="legal-section">
        <h2>6. Réclamations</h2>
        <p>Si vous estimez que vos droits ne sont pas respectés, vous pouvez introduire une réclamation auprès de la <strong>CNIL</strong> (Commission Nationale de l'Informatique et des Libertés) :</p>
        <p><a href="https://www.cnil.fr/fr/plaintes" target="_blank" rel="noopener noreferrer">www.cnil.fr/fr/plaintes</a></p>
      </section>

      <section className="legal-section">
        <h2>7. Sous-traitants et outils tiers</h2>
        <table className="legal-table">
          <thead><tr><th>Outil</th><th>Rôle</th><th>Pays</th><th>Politique</th></tr></thead>
          <tbody>
            <tr><td>Vercel</td><td>Hébergement</td><td>USA (SCC)</td><td><a href="https://vercel.com/legal/privacy-policy" target="_blank" rel="noopener noreferrer">vercel.com</a></td></tr>
            <tr><td>PostHog</td><td>Analytics</td><td>UE (Frankfurt)</td><td><a href="https://posthog.com/privacy" target="_blank" rel="noopener noreferrer">posthog.com</a></td></tr>
            <tr><td>Hostinger</td><td>VPS / Nom de domaine</td><td>UE (Chypre)</td><td><a href="https://www.hostinger.fr/politique-de-confidentialite" target="_blank" rel="noopener noreferrer">hostinger.fr</a></td></tr>
            <tr><td>n8n (self-hosted)</td><td>Automatisations</td><td>France</td><td>Données sous contrôle NeoFlow Agency</td></tr>
            <tr><td>Cal.com</td><td>Prise de RDV (prévu)</td><td>USA (SCC)</td><td><a href="https://cal.com/privacy" target="_blank" rel="noopener noreferrer">cal.com</a></td></tr>
          </tbody>
        </table>
      </section>

      <section className="legal-section">
        <h2>8. Mise à jour de cette politique</h2>
        <p>Cette politique de confidentialité peut être mise à jour à tout moment, notamment lors de l'ajout de nouveaux outils ou de l'évolution de nos pratiques. La date de dernière mise à jour est indiquée en haut de ce document.</p>
        <p>En cas de modification substantielle, nous vous en informerons via la bannière de consentement présente sur le site.</p>
      </section>

    </LegalPage>
  );
}

Object.assign(window, { MentionsLegales, Confidentialite });