---
/**
 * Politique de confidentialité — FR
 * URL: /fr/privacy
 */
import PageLayout from '@/layouts/PageLayout.astro';
import Icon from '@/components/ui/primitives/Icon/Icon.astro';
import Badge from '@/components/ui/data-display/Badge/Badge.astro';
import Card from '@/components/ui/data-display/Card/Card.astro';
import { Hero } from '@/components/hero';
---

<PageLayout
  title="Confidentialité — Armarium"
  description="Politique de confidentialité d'Armarium Suite. Vos données sont hébergées exclusivement en Suisse."
  locale="fr"
>
  <Hero layout="centered" size="sm">
    <Badge slot="badge" variant="brand" pill>
      <Icon name="shield-check" size="sm" />
      Confidentialité
    </Badge>
    <h1 slot="title">
      Vos données,<br />
      <span class="text-brand-500 [-webkit-text-fill-color:var(--color-brand-500)]">votre protection.</span>
    </h1>
    <p slot="description">
      Armarium prend la protection des données au sérieux. Vos données financières sont stockées et traitées exclusivement en Suisse – sans vente de données, sans tracking.
    </p>
  </Hero>

  <!-- Hébergement: Infomaniak -->
  <section class="py-[var(--space-section-md)] bg-brand-500/8 dark:bg-background-secondary border-t border-border">
    <div class="mx-auto max-w-5xl px-6">
      <div class="flex flex-col gap-8" data-reveal>
        <div class="flex flex-col items-center gap-4 text-center">
          <Badge variant="brand" pill>Hébergement & Infrastructure</Badge>
          <h2 class="font-display text-3xl md:text-4xl font-bold text-foreground">
            100% hébergement suisse
          </h2>
          <p class="text-lg text-foreground-muted max-w-2xl">
            Armarium exploite l'intégralité de son infrastructure exclusivement sur les serveurs <strong class="text-foreground">Infomaniak</strong> en Suisse. Aucune donnée ne quitte jamais le territoire suisse.
          </p>
        </div>

        <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="shield" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Sécurité de l'information</p>
                <h3 class="text-sm font-semibold text-foreground">ISO 27001:2022</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Système de management de la sécurité certifié. Couvre le développement, l'infrastructure cloud, les services web, le support et l'exploitation des centres de données.
                </p>
              </div>
            </div>
          </Card>

          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center shrink-0">
                <svg class="w-5 h-6" viewBox="0 0 32 36" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Swiss Hosting" role="img">
                  <defs><clipPath id="zh-fr-privacy"><path d="M16 1L1 7V23L6 30L16 34L26 30L31 23V7L16 1Z"/></clipPath></defs>
                  <path d="M16 1L1 7V23L6 30L16 34L26 30L31 23V7L16 1Z" fill="white"/>
                  <polygon points="1,7 16,1 31,7 1,34" fill="#003DA5" clip-path="url(#zh-fr-privacy)"/>
                  <path d="M16 1L1 7V23L6 30L16 34L26 30L31 23V7L16 1Z" fill="none" stroke="#003DA5" stroke-width="1.5"/>
                </svg>
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Souveraineté des données</p>
                <h3 class="text-sm font-semibold text-foreground">Swiss Hosting Label</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Les données sont stockées, traitées et exploitées exclusivement dans des centres de données suisses. Aucune externalisation à l'étranger.
                </p>
              </div>
            </div>
          </Card>

          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="code-2" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Développement</p>
                <h3 class="text-sm font-semibold text-foreground">Swiss Made Software</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Infomaniak développe ses logiciels majoritairement en Suisse et répond aux exigences du label Swiss Made Software.
                </p>
              </div>
            </div>
          </Card>

          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="file-check" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Conformité légale</p>
                <h3 class="text-sm font-semibold text-foreground">LPD & RGPD</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Conformité complète avec la Loi fédérale sur la protection des données (nLPD) et le Règlement général sur la protection des données (RGPD/GDPR).
                </p>
              </div>
            </div>
          </Card>

          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="leaf" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Durabilité</p>
                <h3 class="text-sm font-semibold text-foreground">ISO 14001 · B Corp™</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  100% énergie renouvelable (60% hydraulique, 40% solaire). Compensation CO₂ à 200%. Certifié B Corp™ depuis 2025.
                </p>
              </div>
            </div>
          </Card>

          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="server" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Centre de données</p>
                <h3 class="text-sm font-semibold text-foreground">Sécurité physique</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Plusieurs centres de données suisses redondants. Tests de pénétration annuels, chiffrement AES-256, PUE &lt; 1.1.
                </p>
              </div>
            </div>
          </Card>
        </div>
      </div>
    </div>
  </section>

  <!-- Politique de confidentialité -->
  <section class="py-[var(--space-section-md)] bg-background border-t border-border">
    <div class="mx-auto max-w-3xl px-6">
      <div class="prose prose-neutral dark:prose-invert max-w-none space-y-10" data-reveal>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">1. Responsable du traitement</h2>
          <p class="text-foreground-muted leading-relaxed">
            Le responsable du traitement des données dans le cadre d'Armarium Suite est Armarium, Zürich, Suisse. Pour toute question relative à la protection des données, contactez-nous à :
            <a href="mailto:privacy@armarium.ch" class="text-brand-500 hover:text-brand-600 transition-colors">privacy@armarium.ch</a>.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">2. Données collectées</h2>
          <p class="text-foreground-muted leading-relaxed mb-3">Armarium ne collecte que les données strictement nécessaires au fonctionnement de l'application :</p>
          <ul class="space-y-2 text-foreground-muted">
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Données d'inscription :</strong> adresse e-mail et mot de passe (haché, jamais stocké en clair).</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Données financières :</strong> transactions, budgets, catégories et comptes que vous saisissez vous-même.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Données techniques :</strong> adresse IP (à des fins de sécurité), type de navigateur, horodatage de la dernière connexion.</span></li>
          </ul>
          <p class="text-foreground-muted leading-relaxed mt-3">
            Nous n'utilisons <strong class="text-foreground">aucun tracking, aucun cookie publicitaire et aucun service d'analyse tiers</strong>.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">3. Finalité du traitement</h2>
          <p class="text-foreground-muted leading-relaxed mb-3">Vos données sont utilisées exclusivement pour :</p>
          <ul class="space-y-2 text-foreground-muted">
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span>La fourniture et l'exploitation d'Armarium Suite</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span>L'authentification et la protection du compte</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span>Le support technique à votre demande</span></li>
          </ul>
          <p class="text-foreground-muted leading-relaxed mt-3">
            Vos données ne sont <strong class="text-foreground">pas transmises à des tiers</strong> – ni à des fins publicitaires, ni à des fins d'analyse.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">4. Stockage des données & hébergement</h2>
          <p class="text-foreground-muted leading-relaxed">
            Toutes les données sont stockées et traitées exclusivement sur les serveurs d'<strong class="text-foreground">Infomaniak Network SA</strong> en Suisse. Infomaniak est certifié ISO 27001:2022 et satisfait à toutes les exigences de la loi suisse sur la protection des données (nLPD) ainsi qu'au RGPD. Aucun transfert de données vers des pays tiers n'a lieu.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">5. Sécurité des données</h2>
          <p class="text-foreground-muted leading-relaxed">
            Toutes les transmissions de données sont chiffrées via HTTPS/TLS. Les mots de passe sont stockés uniquement sous forme hachée (bcrypt). L'infrastructure d'Infomaniak utilise le chiffrement AES-256 et fait l'objet de tests de pénétration annuels.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">6. Vos droits</h2>
          <p class="text-foreground-muted leading-relaxed mb-3">Conformément à la nLPD et au RGPD, vous disposez des droits suivants :</p>
          <ul class="space-y-2 text-foreground-muted">
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Accès :</strong> connaître les données stockées vous concernant.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Rectification :</strong> faire corriger des données inexactes.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Suppression :</strong> suppression complète de votre compte et de toutes vos données.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Portabilité :</strong> export de vos données dans un format courant.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Opposition :</strong> opposition à certains traitements.</span></li>
          </ul>
          <p class="text-foreground-muted leading-relaxed mt-3">
            Adressez vos demandes à : <a href="mailto:privacy@armarium.ch" class="text-brand-500 hover:text-brand-600 transition-colors">privacy@armarium.ch</a>. Nous traitons votre demande dans un délai de 30 jours.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">7. Suppression du compte</h2>
          <p class="text-foreground-muted leading-relaxed">
            Vous pouvez supprimer votre compte à tout moment dans les paramètres de l'application. Toutes vos données seront alors supprimées de manière définitive et complète de nos systèmes. Cette action est irréversible.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">8. Modifications de cette déclaration</h2>
          <p class="text-foreground-muted leading-relaxed">
            Nous nous réservons le droit d'adapter cette politique de confidentialité si nécessaire. La version actuelle est disponible à l'adresse <a href="/fr/privacy" class="text-brand-500 hover:text-brand-600 transition-colors">armarium.ch/fr/privacy</a>. En cas de modifications importantes, les utilisateurs enregistrés seront informés par e-mail.
          </p>
          <p class="text-foreground-muted leading-relaxed mt-2 text-sm">
            Version : avril 2026
          </p>
        </div>

      </div>
    </div>
  </section>
</PageLayout>
