update last version of the website

components/index/apropos.html

@@ -0,0 +1,42 @@
+
+<section class="about" id="apropos">
+    <div class="section-header reveal">
+        <p class="section-tag">À propos</p>
+        <h2 class="section-title">Qui sommes-nous ?</h2>
+        <p class="section-desc">Une équipe passionnée dédiée à la création d'expériences RP uniques</p>
+    </div>
+    <div class="about-grid">
+        <div class="about-content reveal">
+            <h3>Notre Mission</h3>
+            <p>OmégaKube est né de la passion du Role Play et de l'envie de créer des outils innovants pour les communautés gaming. Nous développons des solutions sur mesure qui transforment l'expérience de jeu.</p>
+            <p>Notre expertise s'étend des bots Discord complexes aux environnements Fortnite immersifs, en passant par la création graphique. Chaque projet est une nouvelle aventure créative.</p>
+            <div class="about-stats">
+                <div class="stat-item">
+                    <div class="stat-number">50+</div>
+                    <div class="stat-label">Projets réalisés</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">10K+</div>
+                    <div class="stat-label">Joueurs actifs</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number" id="experienceYears"></div>
+                    <div class="stat-label">Ans d'exp.</div>
+                </div>
+            </div>
+        </div>
+        <div class="about-visual reveal reveal-delay-2">
+            <div class="about-card">
+                <h4>Notre Objectif</h4>
+                <p>Créer des outils et environnements RP simples d'utilisation, immersifs et parfaitement adaptés à tous types de serveurs et projets. Chaque communauté mérite une expérience unique qui reflète son identité.</p>
+                <div class="deco-triangle"></div>
+            </div>
+        </div>
+    </div>
+</section>
+<!-- <script>
+    const startYear = 2022; // Année de début de l'experience
+    const currentYear = new Date().getFullYear();
+    const years = currentYear - startYear;
+    document.getElementById('experienceYears').textContent = years;
+</script> -->

components/index/hero.html

@@ -0,0 +1,24 @@
+
+<section class="hero" id="accueil">
+    <div class="hero-content">
+        <div class="hero-badge">
+            <span>Créateurs d'univers RP</span>
+        </div>
+        <h1>
+            L'univers du<br>
+            <span class="highlight">Role Play</span><br>
+            réinventé
+        </h1>
+        <p>Bots Discord personnalisés, maps Fortnite immersives — des expériences sur mesure pour vos communautés gaming.</p>
+        <div class="hero-buttons">
+            <a href="pages/services.html" class="btn btn-primary">
+                <i data-feather="zap"></i>
+                Découvrir nos services
+            </a>
+            <a href="#contact" class="btn btn-secondary">
+                <i data-feather="message-circle"></i>
+                Nous contacter
+            </a>
+        </div>
+    </div>
+</section>

components/index/services.html

@@ -0,0 +1,52 @@
+
+<section class="services" id="services">
+    <div class="section-header reveal">
+        <p class="section-tag">Services</p>
+        <h2 class="section-title">Ce que nous créons</h2>
+        <p class="section-desc">Des solutions complètes pour vos projets Role Play</p>
+    </div>
+    <div class="services-grid">
+        <div class="service-card reveal">
+            <div class="service-icon">
+                <i data-feather="code"></i>
+            </div>
+            <h3>Bots Discord</h3>
+            <p>Des bots entièrement personnalisés pour animer et gérer tous vos serveurs.</p>
+            <ul class="service-features">
+                <li>Systèmes d'économie avancés</li>
+                <li>Gestion des stats et inventaires</li>
+                <li>Commandes RP personnalisées</li>
+            </ul>
+        </div>
+        <div class="service-card reveal reveal-delay-1">
+            <div class="service-icon">
+                <i data-feather="map"></i>
+            </div>
+            <h3>Maps Fortnite RP</h3>
+            <p>Des environnements uniques conçus pour des sessions RP mémorables.</p>
+            <ul class="service-features">
+                <li>Design d'environnement immersif</li>
+                <li>Scénarios narratifs intégrés</li>
+                <li>Optimisation performance</li>
+            </ul>
+        </div>
+        <div class="service-card reveal reveal-delay-2">
+            <div class="service-icon">
+                <i data-feather="image"></i>
+            </div>
+            <h3>Créations Graphiques</h3>
+            <p>Identité visuelle et assets graphiques pour vos projets.</p>
+            <ul class="service-features">
+                <li>Logos et branding</li>
+                <li>Bannières et visuels</li>
+                <li>Assets personnalisés</li>
+            </ul>
+        </div>
+    </div>
+    <div style="text-align: center; margin-top: 3rem;" class="reveal">
+        <a href="pages/services.html" class="btn btn-secondary">
+            <i data-feather="arrow-right"></i>
+            Voir tous nos services
+        </a>
+    </div>
+</section>