// ... existing code ... </div>
                    </div>
                </div>

                <!-- Section Options de personnalisation et fonctionnalités -->
                <div class="customization-section my-5">
                    <div class="row mb-4">
                        <div class="col-lg-12">
                            <h2 class="section-title text-center mb-3">Votre site WordPress personnalisé et fonctionnel</h2>
                            <p class="text-center lead text-white">Découvrez toutes les options de personnalisation et fonctionnalités incluses dans votre site WordPress gratuit</p>
                        </div>
                    </div>

                    <!-- Onglets de fonctionnalités -->
                    <div class="row">
                        <div class="col-lg-12 mb-4">
                            <ul class="nav nav-pills nav-fill mb-4" id="featuresTab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="ecommerce-tab" data-bs-toggle="pill" data-bs-target="#ecommerce" type="button" role="tab" aria-controls="ecommerce" aria-selected="true">
                                        <i class="fas fa-shopping-cart me-2"></i>E-commerce
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="vitrine-tab" data-bs-toggle="pill" data-bs-target="#vitrine" type="button" role="tab" aria-controls="vitrine" aria-selected="false">
                                        <i class="fas fa-building me-2"></i>Site Vitrine
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="landing-tab" data-bs-toggle="pill" data-bs-target="#landing" type="button" role="tab" aria-controls="landing" aria-selected="false">
                                        <i class="fas fa-bullseye me-2"></i>Landing Page
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="perso-tab" data-bs-toggle="pill" data-bs-target="#perso" type="button" role="tab" aria-controls="perso" aria-selected="false">
                                        <i class="fas fa-paint-brush me-2"></i>Personnalisation
                                    </button>
                                </li>
                            </ul>

                            <div class="tab-content" id="featuresTabContent">
                                <!-- E-commerce Tab -->
                                <div class="tab-pane fade show active" id="ecommerce" role="tabpanel" aria-labelledby="ecommerce-tab">
                                    <div class="card bg-dark text-white border-success">
                                        <div class="card-body p-4">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <div class="feature-image-container bg-light p-3 rounded text-center">
                                                        <img src="https://same-assets.com/images/woocommerce-dashboard.png" alt="WooCommerce Dashboard" class="img-fluid rounded mb-2" style="max-height: 300px; width: auto;">
                                                        <p class="text-dark mb-0 small">Interface WooCommerce</p>
                                                    </div>
                                                </div>
                                                <div class="col-md-7">
                                                    <h3 class="text-success mb-3">Site E-commerce Complet</h3>
                                                    <p>Votre boutique en ligne professionnelle avec WooCommerce, entièrement configurée et prête à générer des ventes :</p>

                                                    <div class="row mt-4">
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Catalogue Produits</h5>
                                                                <ul class="small">
                                                                    <li>Configuration de 10 produits initiaux</li>
                                                                    <li>Catégories et attributs personnalisés</li>
                                                                    <li>Images et descriptions optimisées</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Paiement sécurisé</h5>
                                                                <ul class="small">
                                                                    <li>Stripe, PayPal ou autre au choix</li>
                                                                    <li>Configuration sécurisée SSL</li>
                                                                    <li>Facturation automatisée</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Livraison flexible</h5>
                                                                <ul class="small">
                                                                    <li>Frais de port personnalisables</li>
                                                                    <li>Zones de livraison configurées</li>
                                                                    <li>Options de retrait en magasin</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Marketing intégré</h5>
                                                                <ul class="small">
                                                                    <li>Coupons et promotions</li>
                                                                    <li>Produits associés cross-selling</li>
                                                                    <li>Emails de suivi automatisés</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Site Vitrine Tab -->
                                <div class="tab-pane fade" id="vitrine" role="tabpanel" aria-labelledby="vitrine-tab">
                                    <div class="card bg-dark text-white border-success">
                                        <div class="card-body p-4">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <div class="feature-image-container bg-light p-3 rounded text-center">
                                                        <img src="https://same-assets.com/images/wordpress-business-theme.png" alt="WordPress Theme for Business" class="img-fluid rounded mb-2" style="max-height: 300px; width: auto;">
                                                        <p class="text-dark mb-0 small">Exemple de site vitrine professionnel</p>
                                                    </div>
                                                </div>
                                                <div class="col-md-7">
                                                    <h3 class="text-success mb-3">Site Vitrine Professionnel</h3>
                                                    <p>Présentez votre entreprise, vos services ou votre expertise avec un site élégant qui convertit vos visiteurs en clients :</p>

                                                    <div class="row mt-4">
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Pages stratégiques</h5>
                                                                <ul class="small">
                                                                    <li>Accueil percutant et optimisé</li>
                                                                    <li>Pages Services/Produits détaillées</li>
                                                                    <li>À propos et histoire de l'entreprise</li>
                                                                    <li>Contact avec formulaire et carte</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Éléments de confiance</h5>
                                                                <ul class="small">
                                                                    <li>Section témoignages clients</li>
                                                                    <li>Logos partenaires et certifications</li>
                                                                    <li>Mise en avant des avantages clés</li>
                                                                    <li>FAQ et garanties</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Médias professionnels</h5>
                                                                <ul class="small">
                                                                    <li>Galerie photos/vidéos</li>
                                                                    <li>Intégration portfolio/réalisations</li>
                                                                    <li>Présentation de l'équipe</li>
                                                                    <li>Médias optimisés pour le web</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Génération de leads</h5>
                                                                <ul class="small">
                                                                    <li>Formulaires stratégiquement placés</li>
                                                                    <li>Call-to-action optimisés</li>
                                                                    <li>Pop-up de capture d'emails</li>
                                                                    <li>Système de rendez-vous en ligne</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Landing Page Tab -->
                                <div class="tab-pane fade" id="landing" role="tabpanel" aria-labelledby="landing-tab">
                                    <div class="card bg-dark text-white border-success">
                                        <div class="card-body p-4">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <div class="feature-image-container bg-light p-3 rounded text-center">
                                                        <img src="https://same-assets.com/images/wordpress-landing-page.png" alt="WordPress Landing Page" class="img-fluid rounded mb-2" style="max-height: 300px; width: auto;">
                                                        <p class="text-dark mb-0 small">Exemple de landing page haute conversion</p>
                                                    </div>
                                                </div>
                                                <div class="col-md-7">
                                                    <h3 class="text-success mb-3">Landing Page Haute Conversion</h3>
                                                    <p>Une page d'atterrissage optimisée pour convertir le trafic en leads ou ventes, parfaite pour les lancements ou campagnes marketing :</p>

                                                    <div class="row mt-4">
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Structure convertissante</h5>
                                                                <ul class="small">
                                                                    <li>Headline accrocheur validé par A/B tests</li>
                                                                    <li>Value proposition claire et concise</li>
                                                                    <li>Parcours utilisateur optimisé</li>
                                                                    <li>Appels à l'action stratégiques</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Éléments persuasifs</h5>
                                                                <ul class="small">
                                                                    <li>Social proof renforcé</li>
                                                                    <li>Scarcité et urgence (compteurs)</li>
                                                                    <li>FAQs et objections traitées</li>
                                                                    <li>Garanties et sécurisation</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Capture de leads</h5>
                                                                <ul class="small">
                                                                    <li>Formulaire optimisé et testé</li>
                                                                    <li>Système de double opt-in</li>
                                                                    <li>Page de remerciement personnalisée</li>
                                                                    <li>Séquence d'emails de suivi</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="feature-item mb-3">
                                                                <h5><i class="fas fa-check-circle text-success me-2"></i> Analytics avancés</h5>
                                                                <ul class="small">
                                                                    <li>Suivi des conversions</li>
                                                                    <li>Heatmaps et enregistrements</li>
                                                                    <li>Tests A/B intégrés</li>
                                                                    <li>Rapports de performance</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Personnalisation Tab -->
                                <div class="tab-pane fade" id="perso" role="tabpanel" aria-labelledby="perso-tab">
                                    <div class="card bg-dark text-white border-success">
                                        <div class="card-body p-4">
                                            <div class="row">
                                                <div class="col-md-12 mb-4">
                                                    <h3 class="text-success mb-3 text-center">Options de personnalisation incluses</h3>
                                                    <p class="text-center mb-4">Quel que soit le type de site choisi, votre projet bénéficie de ces personnalisations pour refléter parfaitement votre identité et vos objectifs :</p>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-md-3 mb-4">
                                                    <div class="card h-100 bg-dark border-success">
                                                        <div class="card-body text-center">
                                                            <i class="fas fa-palette text-success fa-3x mb-3"></i>
                                                            <h4>Design sur mesure</h4>
                                                            <ul class="text-start small mt-3">
                                                                <li>Charte graphique respectée</li>
                                                                <li>Couleurs & typographies personnalisées</li>
                                                                <li>Adaptation de votre logo</li>
                                                                <li>Icônes et illustrations cohérentes</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 mb-4">
                                                    <div class="card h-100 bg-dark border-success">
                                                        <div class="card-body text-center">
                                                            <i class="fas fa-mobile-alt text-success fa-3x mb-3"></i>
                                                            <h4>100% Responsive</h4>
                                                            <ul class="text-start small mt-3">
                                                                <li>Adaptation à tous les appareils</li>
                                                                <li>Optimisation mobile prioritaire</li>
                                                                <li>Tests sur multiples résolutions</li>
                                                                <li>Navigation tactile optimisée</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 mb-4">
                                                    <div class="card h-100 bg-dark border-success">
                                                        <div class="card-body text-center">
                                                            <i class="fas fa-search text-success fa-3x mb-3"></i>
                                                            <h4>SEO optimisé</h4>
                                                            <ul class="text-start small mt-3">
                                                                <li>Structure SEO-friendly</li>
                                                                <li>Méta-données optimisées</li>
                                                                <li>Balisage schema.org</li>
                                                                <li>Vitesse de chargement optimale</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 mb-4">
                                                    <div class="card h-100 bg-dark border-success">
                                                        <div class="card-body text-center">
                                                            <i class="fas fa-shield-alt text-success fa-3x mb-3"></i>
                                                            <h4>Sécurité & Performance</h4>
                                                            <ul class="text-start small mt-3">
                                                                <li>Certificat SSL inclus</li>
                                                                <li>Protection anti-spam/hacking</li>
                                                                <li>Sauvegardes automatisées</li>
                                                                <li>Cache & optimisation images</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="text-center mt-3">
                                                <a href="#inscription" class="btn btn-success btn-lg">Je veux mon site personnalisé</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Section Témoignages -->
// ... existing code ... <div class="mt-5 mb-5">