feat: add Accessibilité + Politique de confidentialité pages

- Import content from targo.ca/accessibilite/ and /politique-de-confidentialite/
- Styled with site design (Header, Footer, prose layout)
- Routes: /accessibilite, /politique-de-confidentialite
- Footer links now point to real pages instead of placeholders

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/App.tsx

@@ -33,6 +33,8 @@ import ContratBLB from "./pages/ContratBLB";
 import PubliciteLettre from "./pages/PubliciteLettre";
 import PublicitePrint from "./pages/PublicitePrint";
 import BrandGuidelines from "./pages/BrandGuidelines";
+import Accessibilite from "./pages/Accessibilite";
+import PolitiqueConfidentialite from "./pages/PolitiqueConfidentialite";
 import NotFound from "./pages/NotFound";
 import AdminImport from "./pages/AdminImport";
 import AdminLogin from "./pages/AdminLogin";
@@ -79,6 +81,8 @@ const App = () => (
           <Route path="/brand-guidelines" element={<BrandGuidelines />} />
           <Route path="/admin/login" element={<AdminLogin />} />
           <Route path="/admin/import" element={<ProtectedAdminRoute><AdminImport /></ProtectedAdminRoute>} />
+          <Route path="/accessibilite" element={<Accessibilite />} />
+          <Route path="/politique-de-confidentialite" element={<PolitiqueConfidentialite />} />
           {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
           <Route path="*" element={<NotFound />} />
         </Routes>

src/components/layout/Footer.tsx

@@ -32,7 +32,7 @@ La fiabilité, la performance et l'expertise à proximité pour propulser vos co
               <li><a href="#apropos" className="hover:text-targo-green transition-colors">À propos</a></li>
               <li><a href="#contact" className="hover:text-targo-green transition-colors">Contact</a></li>
               <li><a href="https://store.targo.ca/clients" className="hover:text-targo-green transition-colors">Mon compte</a></li>
-              <li><a href="/support" className="hover:text-targo-green transition-colors">Politique de confidentialité</a></li>
+              <li><a href="/politique-de-confidentialite" className="hover:text-targo-green transition-colors">Politique de confidentialité</a></li>
             </ul>
           </div>
 
@@ -79,8 +79,8 @@ La fiabilité, la performance et l'expertise à proximité pour propulser vos co
             © {new Date().getFullYear()} TARGO Communications. Tous droits réservés.
           </p>
           <div className="flex items-center gap-8 text-xs font-semibold uppercase tracking-wider text-white/40">
-            <a href="/support" className="hover:text-targo-green transition-all">Plan d'accessibilité</a>
+            <a href="/accessibilite" className="hover:text-targo-green transition-all">Plan d'accessibilité</a>
-            <a href="/support" className="hover:text-targo-green transition-all">Conditions d'utilisation</a>
+            <a href="/politique-de-confidentialite" className="hover:text-targo-green transition-all">Conditions d'utilisation</a>
           </div>
         </div>
       </div>

src/pages/Accessibilite.tsx

@@ -0,0 +1,85 @@
+import { Link } from "react-router-dom";
+import Header from "@/components/layout/Header";
+import Footer from "@/components/layout/Footer";
+
+const Accessibilite = () => (
+  <>
+    <Header />
+    <main className="min-h-screen bg-background pt-32 pb-20">
+      <div className="max-w-3xl mx-auto px-6">
+        <div className="mb-4">
+          <Link to="/" className="text-sm text-muted-foreground hover:text-targo-green transition-colors">← Retour à l'accueil</Link>
+        </div>
+        <h1 className="text-3xl font-display font-bold mb-8">Plan sur l'accessibilité</h1>
+        <p className="text-sm text-muted-foreground mb-8">Targo Communications Inc.</p>
+
+        <div className="prose prose-gray dark:prose-invert max-w-none space-y-6">
+          <section>
+            <h2 className="text-xl font-bold mt-8 mb-3">1. Engagement de l'organisation</h2>
+            <p>Chez Targo Communications Inc., nous croyons que l'accessibilité est un droit fondamental. Nous nous engageons à identifier, prévenir et éliminer les obstacles afin de créer un environnement inclusif pour nos employés, clients et partenaires.</p>
+          </section>
+
+          <section>
+            <h2 className="text-xl font-bold mt-8 mb-3">2. Domaines visés par la Loi canadienne sur l'accessibilité</h2>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">a. Emploi</h3>
+            <ul className="list-disc pl-6 space-y-1">
+              <li>Adapter les processus de recrutement pour permettre l'accès aux candidats en situation de handicap.</li>
+              <li>Offrir des mesures d'adaptation en milieu de travail (ex. : horaires flexibles, outils technologiques).</li>
+            </ul>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">b. Environnement bâti</h3>
+            <ul className="list-disc pl-6 space-y-1">
+              <li>S'assurer que les bureaux, salles de réunion et espaces communs soient accessibles (signalisation claire, toilettes accessibles).</li>
+              <li>Procéder à une évaluation annuelle de l'accessibilité physique des lieux.</li>
+            </ul>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">c. Technologies de l'information et de la communication</h3>
+            <ul className="list-disc pl-6 space-y-1">
+              <li>Rendre notre site Web conforme aux normes WCAG 2.1 AA.</li>
+              <li>Fournir des documents accessibles (PDF balisés, options de lecture audio ou texte agrandi).</li>
+            </ul>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">d. Communication</h3>
+            <ul className="list-disc pl-6 space-y-1">
+              <li>Utiliser un langage clair et inclusif dans toutes nos communications.</li>
+              <li>Offrir des formats alternatifs sur demande.</li>
+            </ul>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">e. Livraison de services</h3>
+            <ul className="list-disc pl-6 space-y-1">
+              <li>Former le personnel pour offrir un service respectueux et inclusif.</li>
+              <li>Prévoir des canaux de communication accessibles pour le soutien à la clientèle.</li>
+            </ul>
+          </section>
+
+          <section>
+            <h2 className="text-xl font-bold mt-8 mb-3">3. Consultation</h2>
+            <p>Nous prévoyons consulter régulièrement des personnes en situation de handicap et des organisations représentatives pour améliorer notre accessibilité.</p>
+          </section>
+
+          <section>
+            <h2 className="text-xl font-bold mt-8 mb-3">4. Suivi et mise à jour</h2>
+            <ul className="list-disc pl-6 space-y-1">
+              <li>Ce plan est révisé chaque année.</li>
+              <li>Un rapport d'avancement sera publié tous les 3 ans conformément à la loi.</li>
+            </ul>
+          </section>
+
+          <section>
+            <h2 className="text-xl font-bold mt-8 mb-3">5. Personne-ressource</h2>
+            <p>Pour toute question ou suggestion concernant ce plan :</p>
+            <p className="mt-2">
+              Responsable de l'accessibilité<br />
+              <a href="mailto:accessibilite@targo.ca" className="text-targo-green hover:underline">accessibilite@targo.ca</a><br />
+              <a href="tel:5144480773" className="text-targo-green hover:underline">514-448-0773 poste 105</a>
+            </p>
+          </section>
+        </div>
+      </div>
+    </main>
+    <Footer />
+  </>
+);
+
+export default Accessibilite;

src/pages/PolitiqueConfidentialite.tsx

@@ -0,0 +1,109 @@
+import { Link } from "react-router-dom";
+import Header from "@/components/layout/Header";
+import Footer from "@/components/layout/Footer";
+
+const PolitiqueConfidentialite = () => (
+  <>
+    <Header />
+    <main className="min-h-screen bg-background pt-32 pb-20">
+      <div className="max-w-3xl mx-auto px-6">
+        <div className="mb-4">
+          <Link to="/" className="text-sm text-muted-foreground hover:text-targo-green transition-colors">← Retour à l'accueil</Link>
+        </div>
+        <h1 className="text-3xl font-display font-bold mb-8">Politique de protection des renseignements personnels</h1>
+        <p className="text-sm text-muted-foreground mb-8">TARGO Communications INC</p>
+
+        <div className="prose prose-gray dark:prose-invert max-w-none space-y-6">
+          <p>TARGO Communications INC est l'un des principaux fournisseurs d'accès Internet en milieu rural au Québec. Notre mission est claire : offrir une connectivité performante à des coûts concurrentiels aux collectivités locales souvent ignorées par les grands acteurs des télécommunications.</p>
+          <p>Cette mission s'accompagne d'un engagement ferme envers la protection des renseignements personnels de nos clients. Cette politique constitue un énoncé officiel des principes et des lignes directrices qui orientent nos pratiques en matière de cueillette, d'utilisation, de partage, de conservation et de protection des renseignements personnels.</p>
+
+          <section>
+            <h2 className="text-xl font-bold mt-8 mb-3">Définitions des renseignements personnels</h2>
+            <p>Les renseignements personnels incluent toute information permettant d'identifier un individu, notamment :</p>
+            <ul className="list-disc pl-6 space-y-1">
+              <li>Nom</li>
+              <li>Adresse postale</li>
+              <li>Adresse courriel</li>
+              <li>Numéro de téléphone</li>
+              <li>Informations de facturation (p. ex., numéro de carte de crédit)</li>
+            </ul>
+            <p>Ces renseignements sont protégés par la loi et leur gestion respecte des normes élevées de confidentialité et de sécurité.</p>
+          </section>
+
+          <section>
+            <h2 className="text-xl font-bold mt-8 mb-3">Principes et engagements</h2>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">Transparence</h3>
+            <p>Nous informons clairement nos clients sur la façon dont leurs renseignements personnels sont recueillis, utilisés et partagés, que ce soit par le biais de notre politique de confidentialité, nos conditions générales ou notre site web.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">Consentement</h3>
+            <p>Nous collectons, utilisons ou partageons les renseignements personnels uniquement avec le consentement préalable de nos clients, sauf en cas d'exceptions légales (p. ex., situations d'urgence).</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">Utilisation limitée</h3>
+            <p>Les renseignements personnels sont utilisés exclusivement aux fins pour lesquelles ils ont été recueillis, conformément à la loi.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">Conservation et destruction</h3>
+            <p>Les renseignements sont conservés uniquement pour la durée nécessaire à la prestation de nos services ou selon les exigences légales. Ils sont ensuite détruits ou dépersonnalisés de manière sécuritaire.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">Exactitude</h3>
+            <p>Nous nous engageons à maintenir des renseignements personnels exacts et à jour. Toute correction ou mise à jour est effectuée sur demande ou lorsque nécessaire.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">Sécurité</h3>
+            <p>Des mesures physiques, technologiques et administratives sont mises en place pour protéger les renseignements personnels contre tout accès non autorisé, perte ou divulgation inappropriée. Ces mêmes standards s'appliquent aux tiers ou fournisseurs ayant accès à ces renseignements.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">Accès et correction</h3>
+            <p>Sur demande écrite, les clients peuvent accéder aux renseignements les concernant et demander des corrections si nécessaire.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">Plainte</h3>
+            <p>Tout client peut soumettre une plainte concernant la gestion de ses renseignements personnels. Les plaintes sont examinées de manière sérieuse et rigoureuse.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">Responsabilité</h3>
+            <p>TARGO Communications INC désigne une personne responsable du respect de cette politique. Cette personne veille à l'application des principes énoncés, à la formation des employés et à la mise en place de pratiques conformes.</p>
+          </section>
+
+          <section>
+            <h2 className="text-xl font-bold mt-8 mb-3">Détails supplémentaires</h2>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">1. Détermination des fins</h3>
+            <p>Les renseignements personnels sont recueillis uniquement pour des fins précises, comme :</p>
+            <ul className="list-disc pl-6 space-y-1">
+              <li>Fournir nos services.</li>
+              <li>Comprendre les besoins des clients.</li>
+              <li>Respecter les exigences légales.</li>
+            </ul>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">2. Consentement</h3>
+            <p>Le consentement est obtenu au moment de la collecte des renseignements, sauf circonstances exceptionnelles.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">3. Limitation de la collecte</h3>
+            <p>Seuls les renseignements nécessaires sont recueillis, principalement auprès des clients ou d'autres sources autorisées.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">4. Limitation de l'utilisation et de la conservation</h3>
+            <p>Les renseignements ne sont pas utilisés à d'autres fins que celles prévues, sauf autorisation du client ou exigence légale.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">5. Sécurité</h3>
+            <p>Nous employons des mesures de protection adaptées à la sensibilité des renseignements.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">6. Transparence</h3>
+            <p>Les clients sont informés des politiques et des mécanismes pour exercer leurs droits.</p>
+
+            <h3 className="text-lg font-semibold mt-4 mb-2">7. Accès</h3>
+            <p>Tout client peut consulter ses renseignements personnels et en demander la correction sur demande écrite.</p>
+          </section>
+
+          <section>
+            <h2 className="text-xl font-bold mt-8 mb-3">Contact</h2>
+            <p>Pour toute question relative à cette politique :</p>
+            <p className="mt-2">
+              <a href="mailto:support@targo.ca" className="text-targo-green hover:underline">support@targo.ca</a><br />
+              <a href="tel:5144480773" className="text-targo-green hover:underline">514-448-0773</a>
+            </p>
+          </section>
+        </div>
+      </div>
+    </main>
+    <Footer />
+  </>
+);
+
+export default PolitiqueConfidentialite;