<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>À propos - EDEN</title>
    <link rel="stylesheet" href="../assets/css/main.css">
</head>
<body>
    <?php 
        $base = '';
        include __DIR__ . '/../includes/header.php'; 
    ?>

    <!-- QUI SOMMES-NOUS -->
    <section id="qui-sommes-nous" class="contact-map-section">
        <div class="container">
            <div class="contact-grid" style="display: flex; flex-wrap: wrap; align-items: flex-start; gap: 30px;">
                <!-- Image à gauche -->
                <div style="flex: 1; min-width: 300px;">
                    <img src="../img/WhatsApp Image 2026-01-01 at 21.37.14 (1).jpeg" alt="Équipe EDEN" style="width: 100%; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
                </div>
                
                <!-- Contenu texte à droite -->
                <div style="flex: 1; min-width: 300px;">
                    <h2 style="font-size: 2em; font-weight: 700; margin-bottom: 20px;">Qui sommes-nous ?</h2>
                    <p style="line-height: 1.8; margin-bottom: 15px;">
                        Nous sommes <strong> EdEn </strong> : Des personnes qui n'ont aucun atout, sauf la preuve que l'amour de Dieu est réel. 
                        Notre seule compétence est l'adoration!! Nous avons été choisis et consacrés par onction selon la souveraineté de Dieu, pour vous dire avec conviction
                        que Dieu vous aime énormément ; pour vous montrer comment recevoir cet amour au
                        travers toutes sortes d'atmosphères de croissance, et pour vous accompagner dans l'utilisation efficace,
                        constructive et adorative de cet amour.
                    </p>
                    <p style="line-height: 1.8;">
                        Fondé avec la vision de recevoir l'onction du réveil et la répandre partout dans son entourage, EDEN organise trois fois l'an un camp spécial dénommé "La semaine de croissances". La semaine de croissance c'est six jours dans la saturation de la présence de Dieu, ce sont des moments de contemplation, de prière, d'enseignement, de rafraîchissement spirituel et de communion fraternelle dans la joie et l'onction du Saint-Esprit.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- NOTRE VISION -->
    <section id="notre-vision" class="contact-map-section" style="background: var(--light-bg);">
        <div class="container">
            <div class="contact-grid" style="display: flex; flex-wrap: wrap-reverse; align-items: center; gap: 30px;">
                <!-- Contenu texte à gauche -->
                <div style="flex: 1; min-width: 300px;">
                    <h2 style="font-size: 2em; font-weight: 700; margin-bottom: 30px;">Notre Vision</h2>
                    <div style="background: white; padding: 30px; border-radius: var(--radius); border-left: 4px solid var(--color-primary);">
                        <p style="line-height: 1.8; color: #333; font-style: italic;">
                            " PLUS DE CONSÉCRATION, DE PROSPÉRITÉ ET DE BONNE SANTÉ
                    
                            <br><br>
                            EDEN SHIHT WEEK reçoit l'onction de Dieu pour être un incubateur des Rois (c'est-à-dire des personnes avec un fort potentiel de leadership spirituel); un parrain des destinées ; et un centre de renouveau Spirituel.
                        
                            <br><br>
                            (Sophonie 3:17) "L'Éternel ton Dieu est au milieu de toi, comme un héros qui sauve; il gardera le silence dans son amour; il aura pour toi des transports d'allégresse."
                        </p>
                    </div>
                </div>
                
                <!-- Image à droite -->
                <div style="flex: 1; min-width: 300px; text-align: center;">
                    <img src="../img/WhatsApp Image 2026-01-01 at 21.43.06 (1).jpeg" alt="Vision EDEN" style="max-width: 100%; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
                </div>
            </div>
        </div>
    </section>

    <!-- NOTRE MISSION -->
    <section id="notre-mission" class="mission-section" style="padding: 5rem 0; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);">
        <div class="container">
            <div class="section-header" style="text-align: center; margin-bottom: 3rem;">
                <span class="section-subtitle" style="display: block; color: var(--color-primary); font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 2px; font-size: 1.1em;">Notre Engagement</span>
                <h2 class="section-title" style="font-size: 2.5em; color: #2c3e50; margin: 0; position: relative; display: inline-block;">
                    Notre Mission
                    <span style="content: ''; display: block; width: 80px; height: 4px; background: var(--color-primary); margin: 15px auto 0; border-radius: 2px;"></span>
                </h2>
            </div>
            
            <div class="mission-content" style="max-width: 900px; margin: 0 auto; background: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); overflow: hidden;">
                <div class="mission-text" style="padding: 50px;">
                    <p style="font-size: 1em; line-height: 1.8; color: #4a5568; margin-bottom: 2rem; text-align: center; position: relative;">
                        Nous sommes engagés parceque nous avons la conviction que toute personne et tout environnement (famille, village,ville, pays, continent) ont le potentiel et l'appel de vivre la vision de Dieu pour sa création sur terre, rèvéler en EDEN Cela est possible lorsque l'environnement ou la personne porte sur son leadership une personne capable de cultiver c'est à dire une personne connecté au père et soumis à ses volontés en dévelloppant son caractère et ses compétences pour porter tout autour de lui, lui meme y compris dans la vision de Dieu pour les hommes et pour le monde. Notre Mission est donc de présenter ces personnes au monde pour DIEU"
                    </p>
                    <p style="font-size: 1em; line-height: 1.8; color: #4a5568; margin-bottom: 2rem; text-align: center; position: relative;"> vous etes precieux pour Dieu et pour nous, c'est pourquoi nous sommes résolu à donner le meilleur, pour vous donner à recevoir l'@mour de Dieu, contribuer à votre croissance et laisser exprimer le genie de Dieu en vous quelque soit votre passion car "Eden c'est sur terre"
            
                    
                    
                    
                    <div class="bible-verse" style="background: linear-gradient(135deg, var(--color-primary) 0%, #4a89dc 100%); padding: 2rem; border-radius: 8px; text-align: center; margin-top: 2.5rem; color: white; position: relative; overflow: hidden;">
                        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><text x="10" y="50" font-size="80" opacity="0.05">"</text></svg>') center/contain no-repeat; opacity: 0.2;"></div>
                        <p style="font-size: 1.5em; font-style: italic; margin: 0 0 1rem 0; position: relative; line-height: 1.5;">
                            "Lorsque l'eternel fit une terre et des cieux, aucun arbuste de champs n'était encore sur la terre, et aucune herbe des champs ne germait encore: car l'Eternel Dieu n'avait pas fait pleuvoir sur la terre, et il n'y avait point d'homme pour cultiver le sol."
                        </p>
                        <p style="margin: 0; font-weight: 500; opacity: 0.9; position: relative; font-size: 1.1em;">
                            Genèse 2:5
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- NOUS CROYONS -->
    <section class="secondary-blocks" style="padding: 5rem 0; background: var(--color-bg);">
        <div class="container">
            <h2 style="text-align: center; font-size: 2.2em; margin-bottom: 2.5rem; color: var(--color-primary);">Nos Objectifs/Nous croyons pour...!!</h2>
            
            <div class="beliefs-slider">
                <button class="beliefs-arrow prev">❮</button>
                <button class="beliefs-arrow next">❯</button>
                
                <div class="beliefs-slide active">
                    <h2>Adoration</h2>
                    <p>
                        Des personnes passionnées par Dieu, qui se laissent déborder par Lui
                        et qui grandissent avec transformation dans leur relation avec Lui.
                    </p>
                </div>
                
                <div class="beliefs-slide">
                    <h2>Maturité</h2>
                    <p>
                        Des personnes passionnées de Dieu, qui ont découvert leur but et
                        qui s'engagent au prix de leur vie à l'enfanter par la croissance.
                    </p>
                </div>
                
                <div class="beliefs-slide">
                    <h2>Impact</h2>
                    <p>
                        Des personnes capables d'affecter la vie des autres, pour participer
                        à leurs promotions au rang de l'Élite royale.
                    </p>
                </div>
                
                <div class="beliefs-slide">
                    <h2>Service</h2>
                    <p>
                        Des personnes autonomes et non dépendantes, qui prospèrent
                        pour toujours avoir de quoi donner et servir les autres.
                    </p>
                </div>
                
                <div class="beliefs-slide">
                    <h2>Fraternité</h2>
                    <p>
                        Des personnes passionnées par les gens, pour les aimer et les honorer
                        sans limites, des personnes qui se purifient et se gardent pour les autres.
                    </p>
                </div>
                
                <div class="beliefs-nav">
                    <button class="beliefs-dot active" data-slide="0"></button>
                    <button class="beliefs-dot" data-slide="1"></button>
                    <button class="beliefs-dot" data-slide="2"></button>
                    <button class="beliefs-dot" data-slide="3"></button>
                    <button class="beliefs-dot" data-slide="4"></button>
                </div>
            </div>
        </div>
    </section>

    <!-- NOS VALEURS FONDAMENTALES -->
    <section class="secondary-blocks">
        <div class="container">
            <h2 style="font-size: 1.6em; font-weight: 700; margin-bottom: 20px; color: var(--dark-text);">Nos Valeurs Fondamentales</h2>
            <div class="block-grid">
                <div class="block" style="background-color: var(--color-primary);">
                    <h3 style="color: white;">Profondeur</h3>
                    <p style="font-size: 0.95em; color: white;">
                        Nous croyons vivement et fermement qu’un parcours terrestre réussi est le
                        résultat d’une vie fondée sur la relation intime et personnelle avec Dieu en
                        Jésus-Christ par le Saint-Esprit, en dehors tout n’est qu’illusion.
                    </p>
                </div>
                <div class="block" style="background-color: var(--color-primary-dark);">
                    <h3 style="color: white;">Onction</h3>
                    <p style="font-size: 0.95em; color: white;">
                        Nous croyons en l’appel spécifique de Dieu pour chaque être humain sur la terre,
                        ce qui lui confère la faveur de collaborer avec le Saint-Esprit et d’avoir accès à sa
                        puissance, les deux mis ensemble qui font l’onction du Saint-Esprit.
                    </p>
                </div>
                <div class="block" style="background-color: var(--color-primary-light);">
                    <h3 style="color: white;">Excellence</h3>
                    <p style="font-size: 0.95em; color: white;">
                        Nous croyons que notre Dieu n’est pas médiocre, il est excellent et désire vivement
                        que ses enfants soient excellents et qu’ils l’apportent partout dans leur entourage.
                    </p>
                </div>
                <div class="block" style="background-color: var(--color-secondary);">
                    <h3 style="color: white;">Conviction</h3>
                    <p style="font-size: 0.95em; color: white;">
                        Nous croyons que le but de tout être humain sur terre est de recevoir la foi,
                        vivre par elle et la garder pour le retour de Christ ; raison pour laquelle enseigner
                        la Parole est notre activité principale.
                    </p>
                </div>
                <div class="block" style="background-color: #4d8f6a;">
                    <h3 style="color: white;">Authenticité</h3>
                    <p style="font-size: 0.95em; color: white;">
                        Nous croyons que chaque être humain est pleinement aimé par Dieu et que
                        nous sommes uniques chacun en son sens, raison pour laquelle nous célébrons
                        les différences et haïssons les discriminations, les comparaisons et les
                        compétitions déloyales.
                    </p>
                </div>
            </div>
        </div>
    </section>

    