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;
