// Pages légales Vue360 : politique de confidentialité et conditions d'utilisation.
// La page HTML définit window.V4_LEGAL = 'confidentialite' | 'conditions'.

const MAJ = '4 novembre 2026';

const LEGAL = {
  confidentialite: {
    eyebrow: 'Légal · Mis à jour le ' + MAJ,
    title: 'Politique de',
    gradient: 'confidentialité.',
    subtitle: "Ce que Vue360 recueille, pourquoi, avec qui c'est partagé et comment exercer vos droits. Écrit en mots simples.",
    sections: [
      ['Qui sommes-nous', [
        "Vue360 offre des tours virtuels 360°, des services de visibilité locale, la conception de sites web et des outils en ligne d'analyse de fiches Google (le « Service »). Vue360 est exploité au Québec par Jacob Bédard.",
        "Responsable de la protection des renseignements personnels : Jacob Bédard, info@vue360.ca.",
      ]],
      ['Renseignements que nous recueillons', [
        "Formulaires du site : prénom, nom, courriel, téléphone, nom et ville du commerce, et le message que vous nous écrivez.",
        "Outil de diagnostic : le nom et la ville du commerce que vous entrez, puis les données publiques de sa fiche Google (nom, adresse, catégorie, note, nombre d'avis, extraits d'avis publics, horaires, site web, téléphone) obtenues par l'API Google Places.",
        "Connexion avec Google (si vous l'utilisez) : votre nom, votre courriel et, selon les autorisations que vous acceptez, les données de vos fiches Google Business Profile, de Google Search Console et de Google Analytics.",
        "Données techniques de base nécessaires au fonctionnement du site (journaux du serveur d'hébergement).",
      ]],
      ['Pourquoi nous les utilisons', [
        "Répondre à vos demandes et vous envoyer le résultat d'un diagnostic.",
        "Analyser la visibilité locale de votre commerce et vous proposer des actions concrètes.",
        "Si vous connectez votre compte Google : afficher vos statistiques, suivre vos positions et, seulement à votre demande, appliquer des modifications à vos fiches.",
        "Nous ne vendons aucun renseignement personnel et nous ne faisons pas de publicité ciblée avec vos données.",
      ]],
      ['Données des services Google', [
        "L'utilisation et le transfert vers toute autre application des informations reçues des API Google par Vue360 respectent la Politique sur les données des utilisateurs des services d'API Google (Google API Services User Data Policy), y compris les exigences d'utilisation limitée (Limited Use).",
        "Les données Google ne servent qu'à fournir les fonctions que vous voyez dans le Service. Elles ne sont ni vendues, ni utilisées pour de la publicité, ni lues par une personne sans votre accord, sauf pour la sécurité, pour respecter la loi ou si elles sont rendues anonymes et agrégées.",
        "Vous pouvez retirer l'accès de Vue360 en tout temps dans les paramètres de votre compte Google (myaccount.google.com, section Sécurité, Applications tierces).",
      ]],
      ['Avec qui nous les partageons', [
        "Nous faisons appel à quelques fournisseurs qui traitent des données pour nous, uniquement pour faire fonctionner le Service :",
        "Vercel (hébergement du site), Twilio SendGrid (envoi des courriels), Google (API Places, Business Profile, Search Console, Analytics), Anthropic (analyse par l'IA Claude des données publiques d'une fiche) et, pour le suivi des positions, BrightLocal ou DataForSEO.",
        "Certains de ces fournisseurs sont situés à l'extérieur du Québec, notamment aux États-Unis. Vos renseignements peuvent donc y être traités, avec des mesures de protection adéquates.",
      ]],
      ['Conservation', [
        "Les demandes envoyées par formulaire sont conservées le temps nécessaire pour y répondre et assurer le suivi commercial, puis supprimées sur demande.",
        "Les jetons d'accès Google sont supprimés dès que vous déconnectez votre compte ou fermez votre compte Vue360.",
      ]],
      ['Vos droits', [
        "Conformément à la Loi sur la protection des renseignements personnels dans le secteur privé du Québec, vous pouvez demander l'accès à vos renseignements, leur correction ou leur suppression, et retirer votre consentement.",
        "Écrivez à info@vue360.ca. Nous répondons dans un délai de 30 jours.",
        "Vous pouvez aussi porter plainte auprès de la Commission d'accès à l'information du Québec.",
      ]],
      ['Sécurité', [
        "Les échanges avec le site sont chiffrés (HTTPS). Les clés d'accès aux services sont conservées côté serveur et ne sont jamais exposées dans votre navigateur.",
      ]],
      ['Modifications', [
        "Nous pouvons mettre cette politique à jour. La date en haut de la page indique la dernière version.",
      ]],
    ],
  },
  conditions: {
    eyebrow: 'Légal · Mis à jour le ' + MAJ,
    title: "Conditions",
    gradient: "d'utilisation.",
    subtitle: "Les règles d'utilisation du site vue360.ca et de ses outils en ligne.",
    sections: [
      ['Le Service', [
        "Vue360 offre des services professionnels (tours virtuels 360°, visibilité locale, conception de sites web) et des outils en ligne, dont un diagnostic de fiche Google. Les services professionnels font l'objet d'une entente ou d'une soumission séparée.",
      ]],
      ['Outils en ligne et analyse par IA', [
        "Le diagnostic est produit automatiquement à partir des données publiques de Google et d'une analyse par intelligence artificielle. Il donne des pistes, pas une garantie de résultat ni de position dans Google.",
        "Google peut limiter les données disponibles (par exemple, nombre de photos ou d'avis visibles). Vérifiez toujours les recommandations avant d'agir.",
      ]],
      ['Votre compte et vos données Google', [
        "Si vous connectez un compte Google, vous confirmez avoir le droit de gérer les fiches, sites et propriétés connectés. Vue360 n'apporte de modification à vos fiches qu'à votre demande.",
        "Vous pouvez déconnecter votre compte Google en tout temps.",
      ]],
      ['Utilisation acceptable', [
        "Il est interdit d'utiliser le Service pour analyser en masse des commerces, contourner ses limites, ou nuire à son fonctionnement.",
      ]],
      ['Propriété intellectuelle', [
        "Le contenu du site, la marque Vue360 et le logo appartiennent à Vue360. Les tours virtuels livrés aux clients sont régis par l'entente de service.",
      ]],
      ['Responsabilité', [
        "Le Service est fourni tel quel. Dans la mesure permise par la loi, Vue360 n'est pas responsable des pertes indirectes liées à l'utilisation des outils en ligne.",
      ]],
      ['Droit applicable', [
        "Ces conditions sont régies par les lois du Québec et du Canada.",
      ]],
      ['Nous joindre', [
        "info@vue360.ca",
      ]],
    ],
  },
};

const LegalApp = () => {
  const p = LEGAL[window.V4_LEGAL] || LEGAL.confidentialite;
  return (
    <div style={{background:v4Theme.bg,color:v4Theme.ink,fontFamily:v4Theme.fontBody}}>
      <V4Nav/>
      <V4PageHero eyebrow={p.eyebrow} title={p.title} gradient={p.gradient} subtitle={p.subtitle} accent={v4Theme.blue}/>
      <section style={{padding:'20px 56px 120px',background:v4Theme.bg}}>
        <div style={{maxWidth:820,margin:'0 auto'}}>
          {p.sections.map(([h, paras]) => (
            <div key={h} style={{marginBottom:40}}>
              <h2 style={{fontFamily:v4Theme.fontDisplay,fontSize:28,fontWeight:600,color:v4Theme.ink,
                margin:'0 0 14px',letterSpacing:-0.5}}>{h}</h2>
              {paras.map((t, i) => (
                <p key={i} style={{fontSize:16,lineHeight:1.7,color:v4Theme.inkSoft,margin:'0 0 12px'}}>{t}</p>
              ))}
            </div>
          ))}
        </div>
      </section>
      <V4Footer/>
    </div>
  );
};
ReactDOM.createRoot(document.getElementById('root')).render(<LegalApp/>);