add dynamics categories

index.php

@@ -311,6 +311,53 @@
             <button class="view-more">Voir plus</button>
         </div>
         
+        <!-- Sections par catégorie -->
+        <?php
+        // Récupérer les catégories avec leurs vidéos
+        $displayCategories = getDisplayCategories();
+        
+        // Afficher chaque catégorie qui a des vidéos
+        foreach ($displayCategories as $category):
+            if (!empty($category['videos'])):
+        ?>
+        <!-- Section Catégorie: <?php echo $category['name']; ?> -->
+        <div class="video-section">
+            <div class="section-header">
+                <div class="section-logo">
+                    <img src="img/logo.png" alt="Kaubuntu.re">
+                </div>
+                <h2 class="section-title"><?php echo $category['name']; ?></h2>
+            </div>
+            
+            <div class="video-grid">
+                <?php foreach ($category['videos'] as $video): ?>
+                <div class="video-card" data-video-id="<?php echo $video['id']; ?>">
+                    <div class="video-thumbnail">
+                        <img src="<?php echo $video['thumbnail']; ?>" alt="<?php echo $video['title']; ?>">
+                        <div class="video-play-icon">
+                            <i class="fas fa-play-circle"></i>
+                        </div>
+                        <div class="video-duration"><?php echo formatDuration($video['duration']); ?></div>
+                    </div>
+                    <div class="video-info">
+                        <h3 class="video-title"><?php echo $video['title']; ?></h3>
+                        <div class="video-channel"><?php echo $video['channel']; ?></div>
+                        <div class="video-metadata">
+                            <span class="video-views"><i class="fas fa-eye"></i> <?php echo formatViewCount($video['views']); ?> vues</span>
+                            <span class="video-date"><i class="far fa-calendar-alt"></i> <?php echo formatDate($video['date']); ?></span>
+                        </div>
+                    </div>
+                </div>
+                <?php endforeach; ?>
+            </div>
+            
+            <button class="view-more">Voir plus</button>
+        </div>
+        <?php 
+            endif;
+        endforeach;
+        ?>
+        
         <!-- Section Tendances Hashtags -->
         <div class="video-section">
             <h2 class="section-title">Tendances</h2>