import { BookOpen } from 'lucide-react';
import { Link } from 'react-router-dom';

export default function PrivacyPolicy() {
    return (
        <div className="bg-slate-50 min-h-screen py-16 px-4">
            <div className="max-w-3xl mx-auto bg-white p-8 md:p-12 rounded-3xl shadow-sm border border-slate-100">
                <div className="mb-8 border-b border-slate-100 pb-8 text-center">
                    <div className="inline-flex bg-primary/10 p-4 rounded-full mb-6">
                        <BookOpen className="w-10 h-10 text-primary" />
                    </div>
                    <h1 className="text-3xl md:text-4xl font-heading font-extrabold text-secondary mb-3">Politique de Confidentialité</h1>
                    <p className="text-slate-500">Dernière mise à jour : 7 mars 2026</p>
                </div>

                <div className="prose prose-slate max-w-none">
                    <h2 className="text-xl font-bold text-slate-800 mt-8 mb-4">1. Qui sommes-nous ?</h2>
                    <p className="text-slate-600 mb-6">XAMLÉ Studio est une plateforme d'éducation entrepreneuriale accessible via WhatsApp, opérée par xamlé.studio. Contact : <a href="mailto:contact@xamle.studio" className="text-primary hover:underline">contact@xamle.studio</a></p>

                    <h2 className="text-xl font-bold text-slate-800 mt-8 mb-4">2. Données collectées</h2>
                    <p className="text-slate-600 mb-4">Lors de votre inscription et utilisation du service, nous collectons :</p>
                    <ul className="list-disc pl-5 text-slate-600 space-y-2 mb-6">
                        <li>Votre numéro de téléphone WhatsApp</li>
                        <li>La langue choisie (Français ou Wolof)</li>
                        <li>Votre secteur d'activité / projet professionnel (fourni volontairement)</li>
                        <li>Vos réponses aux exercices et contenus pédagogiques</li>
                        <li>Les métadonnées de vos messages (horodatage, type de message)</li>
                    </ul>

                    <h2 className="text-xl font-bold text-slate-800 mt-8 mb-4">3. Utilisation des données</h2>
                    <p className="text-slate-600 mb-4">Vos données sont utilisées pour :</p>
                    <ul className="list-disc pl-5 text-slate-600 space-y-2 mb-6">
                        <li>Vous envoyer des leçons quotidiennes personnalisées via WhatsApp</li>
                        <li>Personnaliser le contenu pédagogique à votre secteur d'activité</li>
                        <li>Générer des documents AI (One-Pager PDF, Pitch Deck) basés sur votre parcours</li>
                        <li>Améliorer la qualité de nos formations</li>
                        <li>Traiter vos paiements pour les formations premium</li>
                    </ul>

                    <h2 className="text-xl font-bold text-slate-800 mt-8 mb-4">4. Partage des données</h2>
                    <p className="text-slate-600 mb-4">Nous ne vendons jamais vos données. Elles peuvent être partagées uniquement avec :</p>
                    <ul className="list-disc pl-5 text-slate-600 space-y-2 mb-6">
                        <li><strong>Meta / WhatsApp</strong> — pour l'acheminement des messages</li>
                        <li><strong>OpenAI</strong> — pour la génération et personnalisation du contenu pédagogique</li>
                        <li><strong>Stripe</strong> — pour le traitement sécurisé des paiements</li>
                        <li><strong>Cloudflare</strong> — pour le stockage des documents générés</li>
                    </ul>

                    <h2 className="text-xl font-bold text-slate-800 mt-8 mb-4">5. Conservation des données</h2>
                    <p className="text-slate-600 mb-6">Vos données sont conservées pendant toute la durée de votre inscription active. Vous pouvez demander la suppression de vos données à tout moment en envoyant un e-mail à <a href="mailto:contact@xamle.studio" className="text-primary hover:underline">contact@xamle.studio</a>.</p>

                    <h2 className="text-xl font-bold text-slate-800 mt-8 mb-4">6. Vos droits</h2>
                    <p className="text-slate-600 mb-4">Conformément au RGPD et aux lois applicables, vous disposez du droit de :</p>
                    <ul className="list-disc pl-5 text-slate-600 space-y-2 mb-4">
                        <li>Accéder à vos données personnelles</li>
                        <li>Corriger les données inexactes</li>
                        <li>Demander la suppression de vos données</li>
                        <li>Vous opposer au traitement de vos données</li>
                    </ul>
                    <p className="text-slate-600 mb-6">Pour exercer ces droits, contactez-nous à : <a href="mailto:contact@xamle.studio" className="text-primary hover:underline">contact@xamle.studio</a></p>

                    <h2 className="text-xl font-bold text-slate-800 mt-8 mb-4">7. Sécurité</h2>
                    <p className="text-slate-600 mb-6">Vos données sont protégées par chiffrement (TLS en transit, AES au repos). L'accès aux données est strictement limité aux systèmes nécessaires au fonctionnement du service.</p>

                    <h2 className="text-xl font-bold text-slate-800 mt-8 mb-4">8. Modifications</h2>
                    <p className="text-slate-600 mb-6">Cette politique peut être mise à jour. En cas de modification majeure, vous serez informé via WhatsApp.</p>

                    <h2 className="text-xl font-bold text-slate-800 mt-8 mb-4">9. Contact</h2>
                    <p className="text-slate-600 mb-12">Pour toute question relative à cette politique : <a href="mailto:contact@xamle.studio" className="text-primary hover:underline">contact@xamle.studio</a></p>
                </div>

                <div className="mt-8 pt-8 border-t border-slate-100 text-center">
                    <Link to="/" className="text-sm text-primary font-medium hover:underline inline-flex items-center">
                        ← Retour à l'accueil
                    </Link>
                </div>
            </div>
        </div>
    );
}
