/* ===== Politique de confidentialité — Loi 25 (Québec) · Maison Sereine ===== */

const CONTACT_EMAIL = 'contact@maisonsereine.ca';
const LAST_UPDATED = '27 juin 2026';

function PrivacySection({ id, title, children }) {
  return (
    <section id={id} style={{ marginBottom: 40 }}>
      <h2 style={{
        fontFamily: 'var(--font-display)',
        fontSize: 22,
        lineHeight: 1.25,
        color: 'var(--primary)',
        margin: '0 0 14px',
      }}>
        {title}
      </h2>
      <div style={{ fontSize: 15, lineHeight: 1.65, color: 'var(--ink-2)' }}>
        {children}
      </div>
    </section>
  );
}

const PrivacyPage = () => (
  <>
    <NavBar current="privacy" />
    <section style={{ padding: '48px 0 24px', background: 'var(--bg)' }}>
      <div className="container" style={{ maxWidth: 760 }}>
        <div className="eyebrow">Conformité · Loi 25</div>
        <h1 style={{
          fontFamily: 'var(--font-display)',
          fontSize: 'clamp(2rem, 5vw, 2.75rem)',
          lineHeight: 1.15,
          margin: '12px 0 16px',
          color: 'var(--ink)',
        }}>
          Politique de confidentialité
        </h1>
        <p style={{ fontSize: 16, lineHeight: 1.6, color: 'var(--ink-2)', maxWidth: 640 }}>
          Maison Sereine inc. s'engage à protéger vos renseignements personnels conformément à la
          <strong> Loi 25</strong> modernisant des dispositions législatives en matière de protection
          des renseignements personnels (Québec).
        </p>
        <p style={{ fontSize: 13, color: 'var(--ink-3)', marginTop: 12 }}>
          Dernière mise à jour : {LAST_UPDATED}
        </p>
      </div>
    </section>

    <section style={{ padding: '24px 0 64px', background: 'var(--surface)', borderTop: '1px solid var(--line)' }}>
      <div className="container" style={{ maxWidth: 760 }}>

        <PrivacySection id="rprp" title="1. Responsable de la protection des renseignements personnels (RPRP)">
          <p>
            Conformément à la Loi 25, Maison Sereine inc. a désigné une personne responsable
            de la protection des renseignements personnels :
          </p>
          <div style={{
            marginTop: 16,
            padding: '18px 20px',
            borderRadius: 12,
            border: '1px solid var(--line)',
            background: 'var(--bg)',
          }}>
            <p style={{ margin: '0 0 6px', fontWeight: 600, color: 'var(--ink)' }}>
              Responsable de la protection des renseignements personnels
            </p>
            <p style={{ margin: '0 0 4px' }}>Maison Sereine inc. · NEQ 2282131632</p>
            <p style={{ margin: 0 }}>
              Courriel :{' '}
              <a href={`mailto:${CONTACT_EMAIL}?subject=${encodeURIComponent('Demande Loi 25 — RPRP')}`}
                style={{ color: 'var(--primary)', fontWeight: 600 }}>
                {CONTACT_EMAIL}
              </a>
            </p>
          </div>
          <p style={{ marginTop: 14 }}>
            Pour toute question, demande d'accès, de rectification ou d'effacement de vos
            renseignements, communiquez directement avec le RPRP à l'adresse ci-dessus.
          </p>
        </PrivacySection>

        <PrivacySection id="collecte" title="2. Renseignements collectés">
          <p>Nous collectons uniquement les renseignements nécessaires à nos services :</p>
          <ul style={{ paddingLeft: 20, margin: '12px 0' }}>
            <li><strong>Familles :</strong> nom, courriel, téléphone, informations sur la personne accompagnée, préférences de service et planification.</li>
            <li><strong>Intervenants (étudiants) :</strong> nom, prénom, courriel institutionnel, téléphone, établissement d'enseignement, photo de profil et description.</li>
            <li><strong>Techniques :</strong> adresse IP (limitation d'abus et sécurité), horodatage des consentements.</li>
          </ul>
          <p>Nous ne collectons pas sciemment de renseignements sensibles au-delà de ce qui est strictement requis pour la prestation de services à domicile.</p>
        </PrivacySection>

        <PrivacySection id="finalites" title="3. Finalités et consentement">
          <p>Vos renseignements sont utilisés pour :</p>
          <ul style={{ paddingLeft: 20, margin: '12px 0' }}>
            <li>traiter votre demande de service ou votre candidature comme intervenant ;</li>
            <li>vous recontacter au sujet de votre dossier ;</li>
            <li>effectuer la vérification d'antécédents (intervenants approuvés uniquement) ;</li>
            <li>assurer la sécurité de la plateforme et prévenir les abus.</li>
          </ul>
          <p>
            Nous recueillons votre <strong>consentement explicite</strong> avant toute collecte via
            nos formulaires (site web et application mobile). Vous pouvez retirer votre consentement
            en contactant le RPRP ou en utilisant la fonction « Supprimer mes données » dans
            l'application mobile (intervenants).
          </p>
        </PrivacySection>

        <PrivacySection id="tiers" title="4. Communication à des tiers">
          <p>Vos renseignements peuvent être communiqués aux prestataires suivants, dans la mesure nécessaire :</p>
          <ul style={{ paddingLeft: 20, margin: '12px 0' }}>
            <li><strong>Resend</strong> — envoi de courriels transactionnels ;</li>
            <li><strong>Twilio</strong> — notifications SMS à l'administration ;</li>
            <li><strong>Vercel / Upstash</strong> — hébergement et stockage sécurisé des candidatures ;</li>
            <li><strong>Sterling Backcheck</strong> — vérification d'antécédents (intervenants autorisés uniquement).</li>
          </ul>
          <p>Ces prestataires peuvent traiter des données aux États-Unis. Des mesures contractuelles et techniques sont appliquées pour protéger vos renseignements.</p>
        </PrivacySection>

        <PrivacySection id="conservation" title="5. Durée de conservation">
          <p>
            Les dossiers des candidats intervenants sont conservés tant que la relation d'affaires
            est active, puis supprimés sur demande ou après une période d'inactivité raisonnable.
            Les demandes de familles transmises par courriel sont conservées selon nos obligations
            comptables et légales applicables.
          </p>
        </PrivacySection>

        <PrivacySection id="droits" title="6. Vos droits (Loi 25)">
          <p>Vous avez le droit de :</p>
          <ul style={{ paddingLeft: 20, margin: '12px 0' }}>
            <li>accéder à vos renseignements personnels ;</li>
            <li>demander leur rectification s'ils sont inexacts ;</li>
            <li>retirer votre consentement (sous réserve des obligations légales) ;</li>
            <li>demander leur effacement (« droit à l'oubli ») ;</li>
            <li>porter plainte auprès de la Commission d'accès à l'information du Québec (CAI).</li>
          </ul>
          <p>
            Pour exercer ces droits :{' '}
            <a href={`mailto:${CONTACT_EMAIL}?subject=${encodeURIComponent('Exercice de mes droits — Loi 25')}`}
              style={{ color: 'var(--primary)', fontWeight: 600 }}>
              {CONTACT_EMAIL}
            </a>
            {' '}· Intervenants mobile : Espace intervenant → « Supprimer mes données (Loi 25) ».
          </p>
        </PrivacySection>

        <PrivacySection id="securite" title="7. Mesures de sécurité">
          <p>
            Nous appliquons des mesures techniques et organisationnelles : chiffrement des données
            sensibles sur l'application mobile (Keychain / Keystore), authentification des accès
            administrateurs, limitation du débit des API, échappement des données dans les courriels,
            et aucune clé secrète exposée côté client.
          </p>
        </PrivacySection>

        <PrivacySection id="conditions" title="8. Conditions d'utilisation">
          <p>
            L'utilisation du site et de l'application implique l'acceptation de cette politique.
            Maison Sereine se réserve le droit de modifier cette page ; la date de mise à jour
            sera indiquée en haut du document. En cas de changement substantiel, nous vous en
            informerons par les moyens appropriés.
          </p>
        </PrivacySection>

        <div style={{
          marginTop: 32,
          padding: '20px 22px',
          borderRadius: 12,
          background: 'var(--primary-soft, #E3EFEA)',
          border: '1px solid var(--line)',
        }}>
          <p style={{ margin: 0, fontSize: 14, lineHeight: 1.55, color: 'var(--ink-2)' }}>
            <strong>Commission d'accès à l'information du Québec (CAI)</strong><br />
            Si vous estimez que vos droits ne sont pas respectés, vous pouvez déposer une plainte
            auprès de la CAI :{' '}
            <a href="https://www.cai.gouv.qc.ca" target="_blank" rel="noopener noreferrer"
              style={{ color: 'var(--primary)', fontWeight: 600 }}>
              cai.gouv.qc.ca
            </a>
          </p>
        </div>
      </div>
    </section>

    <Footer />
  </>
);

window.PrivacyPage = PrivacyPage;