/* Pages légales (politique de confidentialité, CGU, mentions légales).
 * 1 seul composant qui rend la bonne page selon window.location.pathname.
 * Chaque page HTML (politique-de-confidentialite.html, cgu.html,
 * mentions-legales.html) charge ce script. */

const { useState } = React;
const { Logo, ArrowUpRight, ThemeToggle, FooterMin } = window.BMShared;

/* === Nav (réutilise le pattern Nav home) === */
const LegalNav = () => {
  const [open, setOpen] = useState(false);
  return (
    <>
      <nav className="nav" id="nav">
        <a href="/" className="nav-logo" aria-label="Boom Maker"><Logo /></a>
        <div className="nav-links">
          <div className="nav-dropdown">
            <button type="button" className="nav-dropdown-trigger" aria-haspopup="true">
              Expertises <span className="nav-dropdown-caret">▾</span>
            </button>
            <div className="nav-dropdown-menu" role="menu">
              <a href="/expertises">3 piliers</a>
              <a href="/#process">Process</a>
              <a href="/partners">Partenaires</a>
            </div>
          </div>
          <a href="/#prix">Tarifs</a>
          <a href="/news">News</a>
          <div className="nav-dropdown">
            <button type="button" className="nav-dropdown-trigger" aria-haspopup="true">
              À propos <span className="nav-dropdown-caret">▾</span>
            </button>
            <div className="nav-dropdown-menu" role="menu">
              <a href="/a-propos">BoomMaker</a>
              <a href="/#faq">FAQ</a>
            </div>
          </div>
          <a href="/contact">Contact</a>
        </div>
        <ThemeToggle />
        <a href="/audit-gratuit" className="btn btn-glow nav-cta-desktop">Audit gratuit <ArrowUpRight /></a>
        <button className="nav-burger" aria-label="Menu" aria-expanded={open}
                onClick={() => setOpen((o) => !o)}>
          <span /><span /><span />
        </button>
      </nav>
      <div className={`nav-mobile ${open ? 'open' : ''}`} onClick={() => setOpen(false)}>
        <span className="nav-mobile-group">/ Expertises</span>
        <a href="/expertises">3 piliers</a>
        <a href="/#process">Process</a>
        <a href="/partners">Partenaires</a>
        <a href="/#prix">Tarifs</a>
        <a href="/news">News</a>
        <span className="nav-mobile-group">/ À propos</span>
        <a href="/a-propos">BoomMaker</a>
        <a href="/#faq">FAQ</a>
        <a href="/contact">Contact</a>
        <a href="/audit-gratuit" className="btn btn-glow">Audit gratuit <ArrowUpRight /></a>
      </div>
    </>
  );
};

/* === Page wrapper standard pour toutes les pages légales === */
const LegalPage = ({ title, lastUpdate, children }) => (
  <div className="legal-page">
    <LegalNav />
    <article className="legal-article">
      <div className="container">
        <a href="/" className="legal-back">← Retour à l'accueil</a>
        <h1 className="legal-title">{title}</h1>
        <p className="legal-lastupdate">Dernière mise à jour : {lastUpdate}</p>
        <div className="legal-body">{children}</div>
      </div>
    </article>
    <FooterMin />
  </div>
);

/* === Politique de confidentialité === */
const PrivacyPage = () => (
  <LegalPage title="Politique de confidentialité" lastUpdate="19 novembre 2024">
    <p><strong>Nous respectons votre vie privée.</strong> Cette politique explique comment nous collectons, utilisons et protégeons vos données personnelles conformément au Règlement Général sur la Protection des Données (RGPD).</p>

    <h2>1. Responsable du traitement</h2>
    <p>
      <strong>Boom Maker</strong><br />
      Julia Levy<br />
      Harev Yosef Tzubery 18, Tel Aviv, Israël<br />
      Email : <a href="mailto:julia@boommaker.io">julia@boommaker.io</a><br />
      Téléphone : <a href="tel:+33634150099">+33 6 34 15 00 99</a>
    </p>

    <h2>2. Données collectées</h2>
    <p>Nous collectons uniquement les données nécessaires au bon fonctionnement de nos services :</p>
    <ul>
      <li><strong>Informations de contact :</strong> nom, prénom, email, téléphone</li>
      <li><strong>Informations professionnelles :</strong> nom d'entreprise, secteur d'activité, poste</li>
      <li><strong>Données de navigation :</strong> adresse IP, type de navigateur, pages visitées (via Google Analytics)</li>
      <li><strong>Cookies publicitaires :</strong> données de tracking via Meta Pixel et Google Ads</li>
    </ul>

    <h2>3. Finalités du traitement</h2>
    <p>Vos données sont utilisées pour :</p>
    <ul>
      <li>Fournir et améliorer nos services d'automatisation</li>
      <li>Communiquer avec vous (support technique, facturation, actualités)</li>
      <li>Analyser l'utilisation du site pour l'améliorer</li>
      <li>Personnaliser nos publicités et campagnes marketing</li>
    </ul>

    <h2>4. Base légale</h2>
    <p>Le traitement de vos données repose sur :</p>
    <ul>
      <li><strong>Votre consentement</strong> (cookies publicitaires, newsletter)</li>
      <li><strong>L'exécution du contrat</strong> (fourniture du service)</li>
      <li><strong>Notre intérêt légitime</strong> (amélioration du service, sécurité)</li>
    </ul>

    <h2>5. Transfert de données hors UE</h2>
    <p><strong>Important :</strong> Vos données sont traitées en Israël. Israël bénéficie d'une décision d'adéquation partielle de l'Union Européenne, garantissant un niveau de protection approprié.</p>
    <p>Nous mettons également en place des garanties contractuelles pour assurer la sécurité de vos données.</p>
    <p><strong>Représentant RGPD dans l'UE :</strong> En cours de désignation. Vous pouvez nous contacter directement pour toute question relative à vos données.</p>

    <h2>6. Partage des données</h2>
    <p>Nous partageons vos données uniquement avec :</p>
    <ul>
      <li><strong>Prestataires techniques :</strong> hébergement (Vercel), paiement (Stripe), analytics (Google)</li>
      <li><strong>Plateformes publicitaires :</strong> Meta (Facebook), Google Ads</li>
      <li>Autorités légales si requis par la loi</li>
    </ul>

    <h2>7. Durée de conservation</h2>
    <p>Nous conservons vos données :</p>
    <ul>
      <li><strong>Clients actifs :</strong> pendant toute la durée de la relation commerciale</li>
      <li><strong>Anciens clients :</strong> 3 ans après la fin du contrat (obligations comptables et légales)</li>
      <li><strong>Prospects :</strong> 3 ans à compter du dernier contact</li>
      <li><strong>Cookies :</strong> 13 mois maximum</li>
    </ul>

    <h2>8. Vos droits</h2>
    <p>Conformément au RGPD, vous disposez des droits suivants :</p>
    <ul>
      <li><strong>Droit d'accès :</strong> obtenir une copie de vos données</li>
      <li><strong>Droit de rectification :</strong> corriger vos données inexactes</li>
      <li><strong>Droit à l'effacement :</strong> demander la suppression de vos données</li>
      <li><strong>Droit à la portabilité :</strong> récupérer vos données dans un format lisible</li>
      <li><strong>Droit d'opposition :</strong> vous opposer au traitement (notamment marketing)</li>
      <li><strong>Droit de limitation :</strong> limiter temporairement le traitement</li>
      <li><strong>Droit de retirer votre consentement :</strong> à tout moment</li>
    </ul>
    <p><strong>Pour exercer vos droits :</strong> envoyez un email à <a href="mailto:julia@boommaker.io">julia@boommaker.io</a> avec une pièce d'identité. Nous répondrons sous 30 jours maximum.</p>

    <h2>9. Cookies</h2>
    <p>Nous utilisons les cookies suivants :</p>
    <ul>
      <li><strong>Cookies essentiels :</strong> nécessaires au fonctionnement du site</li>
      <li><strong>Cookies analytiques :</strong> Google Analytics (mesure d'audience)</li>
      <li><strong>Cookies publicitaires :</strong> Meta Pixel, Google Ads (ciblage publicitaire)</li>
    </ul>
    <p>Vous pouvez gérer vos préférences de cookies via les paramètres de votre navigateur ou notre bandeau de consentement.</p>

    <h2>10. Sécurité</h2>
    <p>Nous mettons en œuvre des mesures techniques et organisationnelles pour protéger vos données :</p>
    <ul>
      <li>Chiffrement SSL/TLS des communications</li>
      <li>Accès restreint aux données personnelles</li>
      <li>Sauvegardes régulières</li>
      <li>Contrôles de sécurité réguliers</li>
    </ul>

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

    <h2>12. Modifications</h2>
    <p>Nous pouvons modifier cette politique à tout moment. La date de dernière mise à jour est indiquée en haut de cette page. Nous vous informerons des modifications importantes par email.</p>
  </LegalPage>
);

/* === CGU === */
const CguPage = () => (
  <LegalPage title="Conditions Générales d'Utilisation" lastUpdate="19 novembre 2024">
    <h2>1. Acceptation des conditions</h2>
    <p>En accédant à <strong>boommaker.io</strong> et en utilisant les services, vous acceptez d'être lié par ces CGU. Si vous n'acceptez pas, ne pas utiliser le site ni les services.</p>

    <h2>2. Description du service</h2>
    <p>Boom Maker propose des services de configuration d'outils d'automatisation pour la prospection commerciale. Le site permet de :</p>
    <ul>
      <li>Découvrir services et offres</li>
      <li>Demander devis ou démonstration</li>
      <li>Accéder à ressources et documentation</li>
      <li>Contacter l'équipe</li>
    </ul>

    <h2>3. Conditions d'accès</h2>
    <p><strong>Accès au site :</strong> gratuit. Les frais de connexion et d'équipement sont à votre charge.</p>
    <p><strong>Disponibilité :</strong> effort pour disponibilité 24/7, mais pas de garantie d'accès sans interruption. Maintenance temporaire possible.</p>
    <p><strong>Modification du site :</strong> droit de modifier, suspendre ou interrompre tout ou partie sans préavis.</p>

    <h2>4. Utilisation acceptable</h2>
    <p><strong>Obligations :</strong></p>
    <ul>
      <li>Utiliser légalement et éthiquement</li>
      <li>Fournir informations exactes et à jour</li>
      <li>Respecter propriété intellectuelle</li>
      <li>Ne pas porter atteinte à la réputation</li>
    </ul>
    <p><strong>Interdictions strictes :</strong></p>
    <ul>
      <li>Spammer ou envoyer du contenu indésirable</li>
      <li>Collecter des données sans consentement</li>
      <li>Utiliser pour activités illégales ou frauduleuses</li>
      <li>Pirater ou perturber le fonctionnement</li>
      <li>Usurper l'identité d'un tiers</li>
      <li>Diffuser virus ou code malveillant</li>
      <li>Exploiter des failles de sécurité</li>
      <li>Extraire le contenu automatiquement (scraping)</li>
    </ul>

    <h2>5. Responsabilité du client</h2>
    <blockquote>Vous êtes <strong>entièrement responsable</strong> du respect du RGPD et des lois sur la protection des données.</blockquote>
    <p>Le client est responsable de :</p>
    <ul>
      <li>Respect du RGPD et des législations sur la protection des données</li>
      <li>Respect des lois anti-spam</li>
      <li>Obtention du consentement des destinataires</li>
      <li>Qualité et légalité des listes de contacts</li>
      <li>Contenu et légalité des messages</li>
      <li>Conséquences de ses actions</li>
    </ul>
    <p>Boom Maker fournit les outils mais n'est pas responsable de leur usage.</p>

    <h2>6. Compte utilisateur</h2>
    <ul>
      <li>Informations exactes et complètes requises</li>
      <li>Responsabilité de la confidentialité des identifiants</li>
      <li>Notification immédiate en cas d'utilisation non autorisée</li>
      <li>Responsabilité de toutes les activités du compte</li>
    </ul>

    <h2>7. Propriété intellectuelle</h2>
    <p><strong>Contenu du site :</strong> tous les éléments sont protégés par le droit d'auteur et appartiennent à Boom Maker ou à ses partenaires.</p>
    <p><strong>Utilisation interdite :</strong> reproduction, représentation, modification, publication ou adaptation interdites sans autorisation écrite.</p>
    <p><strong>Marques :</strong> "Boom Maker" et ses logos sont protégés. Toute utilisation sans autorisation est interdite.</p>

    <h2>8. Contenu utilisateur</h2>
    <ul>
      <li>Vous conservez la propriété de votre contenu</li>
      <li>Licence accordée à Boom Maker pour utilisation, reproduction et diffusion</li>
      <li>Garantie que le contenu ne viole aucun droit</li>
      <li>Suppression de contenu inapproprié possible sans préavis</li>
    </ul>

    <h2>9. Liens externes</h2>
    <blockquote>Ces liens sont fournis pour votre commodité, mais nous ne contrôlons pas ces sites.</blockquote>
    <p>Aucune responsabilité quant au contenu ou aux pratiques des sites tiers liés.</p>

    <h2>10. Limitation de responsabilité</h2>
    <p><strong>Disponibilité :</strong> pas de garantie de fonctionnement sans interruption, erreur ou virus.</p>
    <p><strong>Contenu :</strong> effort pour exactitude, mais pas de garantie.</p>
    <p><strong>Dommages :</strong> responsabilité limitée aux dommages directs, ne dépassant pas les sommes versées sur les 12 derniers mois. Aucune responsabilité pour dommages indirects.</p>

    <h2>11. Suspension et résiliation</h2>
    <p>Droit de suspendre ou résilier sans préavis en cas de :</p>
    <ul>
      <li>Violation des CGU</li>
      <li>Utilisation frauduleuse ou illégale</li>
      <li>Comportement nuisible</li>
      <li>Non-paiement</li>
      <li>Demande des autorités légales</li>
    </ul>

    <h2>12. Protection des données</h2>
    <p>L'utilisation des données est régie par notre <a href="/politique-de-confidentialite">politique de confidentialité</a>. Acceptation implicite en utilisant les services.</p>

    <h2>13. Modifications des CGU</h2>
    <p>Modifications possibles à tout moment, effet dès publication. La consultation régulière relève de la responsabilité de l'utilisateur. L'utilisation continue vaut acceptation des nouvelles conditions.</p>

    <h2>14. Droit applicable et juridiction</h2>
    <p><strong>Droit applicable :</strong> les CGU sont régies par le droit israélien, tout en respectant les protections obligatoires du droit français et européen.</p>
    <p><strong>Règlement des litiges :</strong></p>
    <ul>
      <li>Consommateurs : tribunaux du domicile</li>
      <li>Professionnels : tribunaux de Tel Aviv, Israël</li>
    </ul>

    <h2>15. Langue</h2>
    <p>CGU rédigées en français. La version française fait foi.</p>

    <h2>16. Divisibilité</h2>
    <p>Une disposition invalide n'affecte pas les autres dispositions.</p>

    <h2>17. Contact</h2>
    <p><strong>Email :</strong> <a href="mailto:julia@boommaker.io">julia@boommaker.io</a></p>
    <p><strong>Téléphone :</strong> <a href="tel:+33634150099">+33 6 34 15 00 99</a></p>
    <p><strong>Adresse :</strong> Harev Yosef Tzubery 18, Tel Aviv, Israël</p>
  </LegalPage>
);

/* === Mentions légales === */
const MentionsPage = () => (
  <LegalPage title="Mentions légales" lastUpdate="29 novembre 2025">
    <h2>Éditeur du site</h2>
    <p><strong>Nom commercial :</strong> Boom Maker</p>
    <p><strong>Forme juridique :</strong> Esek Patour (entreprise individuelle israélienne)</p>
    <p><strong>Siège social :</strong> Harev Yosef Tzubery 18, Tel Aviv, Israël</p>
    <p><strong>Numéro d'immatriculation :</strong> 676756</p>
    <p><strong>Email :</strong> <a href="mailto:julia@boommaker.io">julia@boommaker.io</a></p>
    <p><strong>Téléphone :</strong> <a href="tel:+33634150099">+33 6 34 15 00 99</a></p>

    <h2>Directrice de publication</h2>
    <p>Julia Levy</p>

    <h2>Hébergement</h2>
    <p><strong>Hébergeur :</strong> Vercel Inc.</p>
    <p><strong>Adresse :</strong> 340 S Lemon Ave #4133, Walnut, CA 91789, USA</p>
    <p><strong>Site web :</strong> <a href="https://vercel.com" target="_blank" rel="noopener noreferrer">vercel.com</a></p>

    <h2>Propriété intellectuelle</h2>
    <p>L'ensemble du contenu de ce site (textes, images, logos, vidéos, etc.) est protégé par le droit d'auteur. Toute reproduction, même partielle, est interdite sans autorisation préalable.</p>
  </LegalPage>
);

/* === Routing simple sur le pathname === */
const path = window.location.pathname;
let Page;
if (path.includes('cgu')) {
  Page = CguPage;
} else if (path.includes('mentions')) {
  Page = MentionsPage;
} else {
  Page = PrivacyPage;
}

ReactDOM.createRoot(document.getElementById('root')).render(<Page />);