require_once 'includes/blog-header-dynamic.php';
?>

<!-- Revenir au CSS standard du site -->
<link rel="stylesheet" href="css/service.css" type="text/css" media="all" />
<!-- CSS Solutions (Split Screen & Components) -->
<link rel="stylesheet" href="css/solutions.css" type="text/css" media="all" />

<style>
    /* Standard Footer is now visible */
    
    /* Header fix if needed */
    .site-header { position: relative !important; background: white !important; margin-bottom: 0 !important; }
    
    /* Remove potential default margins/paddings on this specific page structure */
    body, main {
        margin: 0;
        padding: 0;
    }
    
    /* Ensure the wrapper starts exactly after header */
    .solutions-fullscreen-wrapper {
        margin-top: 0;
        min-height: calc(100vh - 100px); /* Adjust based on header height */
    }

    /* HIDE THE SPACER DIV injected by blog-header-dynamic.php */
    /* It's the first div after header usually, or check structure */
    body > div[style*="height: 80px"] {
        display: none !important;
    }
</style>

<main>
    <!-- Fullscreen Split Section -->
    <section class="solutions-fullscreen-wrapper">
        
        <!-- Solution 1: Santé -->
        <div class="solution-split-item">
            <div class="solution-split-bg" style="background-image: url('images/solutions/gestion-centre-sante-hero.png');"></div>
            <div class="solution-split-content">
                <div class="split-icon">
                    <i class="fas fa-heartbeat"></i>
                </div>
                <h2 class="split-title">Gestion de Centres de Santé</h2>
                <p class="split-desc">
                    Une solution complète pour optimiser la facturation, le suivi patient et la gestion des stocks.
                </p>
                <div class="split-actions">
                    <a href="solutions/gestion-centres-de-sante.php" class="site-btn primary-btn btn-1">
                        En savoir plus
                    </a>
                    <a href="#" class="site-btn secondary-btn open-demo-modal btn-2" data-solution="Gestion de centre de santé">
                        Demander une démo
                    </a>
                </div>
            </div>
        </div>

        <!-- Solution 2: Éducation -->
        <div class="solution-split-item">
            <div class="solution-split-bg" style="background-image: url('images/solutions/school-mgmt-hero.png');"></div>
            <div class="solution-split-content">
                <div class="split-icon">
                    <i class="fas fa-graduation-cap"></i>
                </div>
                <h2 class="split-title">Gestion Établissements Scolaires</h2>
                <p class="split-desc">
                    Centralisez la gestion académique, administrative et financière de votre établissement.
                </p>
                <div class="split-actions">
                    <a href="solutions/gestion-etablissements-scolaires.php" class="site-btn primary-btn btn-1">
                        En savoir plus
                    </a>
                    <a href="#" class="site-btn secondary-btn open-demo-modal btn-2" data-solution="Gestion d’établissement scolaire">
                        Demander une démo
                    </a>
                </div>
            </div>
        </div>

        <!-- Minimal Footer -->
        <!-- <div class="solutions-minimal-footer">
            <div class="copyright">
                &copy; 2026 SEPRO SARL. Tous droits réservés.
            </div>
            <div class="legal-links">
                <a href="#">Mentions légales</a>
                <a href="#">Politique de confidentialité</a>
            </div>
        </div> -->

    </section>

    <!-- Autres solutions à venir (Optionnel, gardé simple) -->
</main>

    <footer id="footer">
        <div class="site-wrapper">
            <div class="top-footer">
                <div class="site-row">
                    <div class="site-col col-3">
                        <div class="ftr-nav">
                            <div>
                                <img src="image/logo.png" alt="" srcset="" class="image_footer">
                                <p><b> Provider SARL (SEPRO SARL) </b></p>
                                <p class="p"><span class="r">R</span>éunit technologie, stratégie et communication pour
                                    accompagner les entreprises d’Afrique et de la diaspora dans leur transformation
                                    digitale et leur croissance. Nos pôles — Eagle Digital, Business Services et VD
                                    Academy — proposent des solutions intégrées orientées résultats.
                                </p>

                            </div>
                        </div>
                    </div>
                    <div class="site-col col-3">
                        <div class="ftr-nav">
                            <h6>Navigation</h6>
                            <ul>
                                <li>
                                    <a href="index.html">Accueil</a>
                                </li>
                                <li>
                                    <a href="index.html#about-us">À propos</a>
                                </li>
                                <li>
                                    <a href="services.html">Services</a>
                                </li>
                                <li>
                                    <a href="solutions.php">Solutions</a>
                                </li>
                                <li>
                                    <a href="blog.php">Blog</a>
                                </li>
                                <li>
                                    <a href="contact.html">Contact</a>
                                </li>
                                <li>
                                    <a href="contact.html">Demander un devis</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="site-col col-3">
                        <div class="ftr-nav">
                            <h6>Services</h6>
                            <ul>
                                <li>
                                    <a href="services.html#services"><i class="fas fa-laptop-code"></i> Eagle Digital - Solutions
                                        IT</a>
                                </li>
                                <li>
                                    <a href="services.html#services"><i class="fas fa-check-circle"></i> Tests et Assurance</a>
                                </li>
                                <li>
                                    <a href="services.html#services"><i class="fas fa-cloud"></i> Solutions Cloud</a>
                                </li>
                                <li>
                                    <a href="services.html#services"><i class="fas fa-brain"></i> Intelligence Digitale</a>
                                </li>
                                <li>
                                    <a href="services.html#services"><i class="fas fa-shield-alt"></i> Services Managés de
                                        Sécurité</a>
                                </li>
                                <li>
                                    <a href="services.html#services"><i class="fas fa-brands fa-nfc-directional"></i> Détection et
                                        Réponse</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="site-col col-3">
                        <div class="ftr-nav ftr-contact">
                            <h6>Contact</h6>
                            <p><i class="fas fa-map-marker-alt"></i> Douala, Bonamoussadi<br>Face École Les Canaris</p>
                            <div class="ftr-contact">
                                <p><span class="icon"><i class="fas fa-envelope"></i></span>
                                    contact@servicesproviders.org</p>
                                <p><span class="icon"><i class="fab fa-whatsapp"></i></span> +254 794 584 589</p>
                                <p><span class="icon"><i class="fas fa-phone"></i></span> +237 673 168 126</p>
                                <p><span class="icon"><i class="fas fa-phone"></i></span> +237 689 626 225</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

    </footer>
    <div class="bottom-footer">
        <p class="site-copyright"><span> © 2025 SEPRO SARL. Tous droits réservés.</span> Le partenaire
            Business & I.T de votre entreprise</p>
        <div class="ftr-social d-flex">
            <a href="https://web.facebook.com/eagledigital237"> <img width="20" height="20" src="img/facebook.svg"
                    alt=""></a>
            <a href="https://wa.me/+254794584589"> <img width="20" height="20" src="img/what.svg" alt=""></a>
            <a href="https://web.instagram.com/eagledigital237"> <img width="20" height="20" src="img/instagram.svg"
                    alt=""></a></li>
            <a href="https://www.linkedin.com/company/business-it-provider"> <img width="20" height="20"
                    src="img/linkedin.svg" alt=""></a>
        </div>
        <a href="#" class="go-top" style="display: inline;">Haut de page <i class="fas fa-arrow-up"></i></a>

        <!-- Bouton Scroll to Top -->
        <button id="scrollToTopBtn" class="scroll-to-top" title="Retour au haut">
            <i class="fas fa-arrow-up"></i>
        </button>

<!-- Define global variables for JS -->
<script>
    const SITE_ROOT = "";
</script>

<!-- NOTE: We conditionally include scripts or adjust paths -->
    <script src="js/navbar.js"></script>
    <script src="js/1.js"></script>
    <script src="js/2.js"></script>
    <script src="js/cont.js"></script>
    <script src="js/script.js"></script>
    <script src="js/contact.js"></script>
    <script src="js/demo-modal.js"></script>
    <div class="cursor-wave"></div>
    <canvas class="cursor cursor--canvas" resize></canvas>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.0/paper-core.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/simplex-noise/2.4.0/simplex-noise.min.js"></script>
    <script src="js/cursor-effect.js"></script>
</body>
</html>