"use client";


import React from 'react';
import PricingSection from '../../components/PricingSection';

const SubscriptionPage = () => {
    return (
        <div className="bg-white min-h-screen">
             <div className="bg-dark-900 pt-20 pb-10 text-center">
                 <h1 className="text-3xl font-bold text-white font-serif">Nos Offres</h1>
                 <p className="text-gray-400 mt-2">Rejoignez la plus grande communauté d'entrepreneurs.</p>
             </div>
             <PricingSection />
             
             {/* FAQ Section */}
             <div className="max-w-4xl mx-auto px-4 py-16">
                 <h2 className="text-2xl font-bold text-gray-900 text-center mb-10">Questions Fréquentes</h2>
                 <div className="space-y-6">
                     <div className="bg-gray-50 p-6 rounded-lg">
                         <h3 className="font-bold text-gray-900 mb-2">Puis-je changer d'abonnement plus tard ?</h3>
                         <p className="text-gray-600">Oui, vous pouvez passer d'un plan à l'autre à tout moment depuis votre tableau de bord. La différence sera calculée au prorata.</p>
                     </div>
                     <div className="bg-gray-50 p-6 rounded-lg">
                         <h3 className="font-bold text-gray-900 mb-2">Quels moyens de paiement acceptez-vous ?</h3>
                         <p className="text-gray-600">Nous acceptons les cartes bancaires (Visa, Mastercard) ainsi que tous les principaux Mobile Money (Orange Money, MTN, Wave, Moov) disponibles en Afrique de l'Ouest et Centrale.</p>
                     </div>
                     <div className="bg-gray-50 p-6 rounded-lg">
                         <h3 className="font-bold text-gray-900 mb-2">Comment fonctionne le badge "Vérifié" ?</h3>
                         <p className="text-gray-600">Une fois abonné au plan Booster ou Empire, notre équipe effectuera une vérification rapide de votre entreprise (identité légale) sous 48h pour activer votre badge.</p>
                     </div>
                 </div>
             </div>
        </div>
    );
};

export default SubscriptionPage;
