Add 2 files

index.html

@@ -182,7 +182,7 @@
         <section class="mb-16" id="films">
             <div class="flex items-center justify-between mb-6">
                 <h2 class="text-2xl font-bold">Tendances actuelles</h2>
-                <a href="#films" class="text-blue-400 hover:text-blue-300 flex items-center">
+                <a href="films.html" class="text-blue-400 hover:text-blue-300 flex items-center">
                     Voir tout <i class="fas fa-chevron-right ml-1"></i>
                 </a>
             </div>
@@ -192,7 +192,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/gEU2QniE6E77NI6lCU6MxlNBvIx.jpg" alt="Interstellar" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=zSWdZVtXT7E" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="film-interstellar.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -219,7 +219,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/qJ2tW6WMUDux911r6m7haRef0WH.jpg" alt="The Dark Knight" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=EXeTwQWrcwY" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="film-dark-knight.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -246,7 +246,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/9gk7adHYeDvHkCSEqAvQNLV5Uge.jpg" alt="Inception" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=YoHD9XEInc0" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="film-inception.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -273,7 +273,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/d5iIlFn5s0ImszYzBPb8JPIfbXD.jpg" alt="Pulp Fiction" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=s7EdQ4FqbhY" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="film-pulp-fiction.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -300,7 +300,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/q6y0Go1tsGEsmtFryDOJo3dEmqu.jpg" alt="The Shawshank Redemption" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=6hB3S9bIaco" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="film-shawshank.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -327,7 +327,7 @@
         <section class="mb-16" id="series">
             <div class="flex items-center justify-between mb-6">
                 <h2 class="text-2xl font-bold">Séries populaires</h2>
-                <a href="#series" class="text-blue-400 hover:text-blue-300 flex items-center">
+                <a href="series.html" class="text-blue-400 hover:text-blue-300 flex items-center">
                     Voir tout <i class="fas fa-chevron-right ml-1"></i>
                 </a>
             </div>
@@ -337,7 +337,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/49WJfeN0moxb9IPfGn8AIqMGskD.jpg" alt="Stranger Things" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=b9EkMc79ZSU" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="serie-stranger-things.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -364,7 +364,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/ggFHVNu6YYI5L9pCfOacjizRGt.jpg" alt="Breaking Bad" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=HhesaQXLuRY" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="serie-breaking-bad.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -391,7 +391,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/sWgBv7LV2PRoQgkxwlibdGXKz1S.jpg" alt="The Mandalorian" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=aOC8E8z_ifw" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="serie-mandalorian.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -418,7 +418,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/u3bZgnGQ9T01sWNhyveQz0wH0Hl.jpg" alt="Game of Thrones" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=rlR4PJn8z8g" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="serie-game-of-thrones.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -445,7 +445,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/7vjaCdMw15FEbXyLQTVa04URsPm.jpg" alt="The Witcher" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=ndl1W4ltcmg" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="serie-witcher.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -473,7 +473,7 @@
         <section class="mb-16" id="documentaires">
             <div class="flex items-center justify-between mb-6">
                 <h2 class="text-2xl font-bold">Documentaires primés</h2>
-                <a href="#documentaires" class="text-blue-400 hover:text-blue-300 flex items-center">
+                <a href="documentaires.html" class="text-blue-400 hover:text-blue-300 flex items-center">
                     Voir tout <i class="fas fa-chevron-right ml-1"></i>
                 </a>
             </div>
@@ -483,7 +483,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/4QKKGDVq1xW5L0j6T0GrGQzINYd.jpg" alt="Free Solo" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=gfK7vA1S6Uw" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="docu-free-solo.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -510,7 +510,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/bT3c4TSOPsDVLea6x1UA4bRZYCH.jpg" alt="The Social Dilemma" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=uaaC57tcci0" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="docu-social-dilemma.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -534,7 +534,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/tnX7iy3YQ2sErVG0UaMZqQ6hTQl.jpg" alt="My Octopus Teacher" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=Bs2VdYgJe6U" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="docu-octopus-teacher.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -561,7 +561,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/3Wk6Q0FM6sYvQvdQxUWQd8vF3z1.jpg" alt="The Last Dance" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=xYlTlH6ffQk" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="docu-last-dance.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -585,7 +585,7 @@
                     <div class="relative">
                         <img src="https://image.tmdb.org/t/p/w500/6pNY3OX5J7qFq8eWQ0Vk3QKFBQ5.jpg" alt="Seaspiracy" class="w-full h-auto">
                         <div class="play-overlay">
-                            <a href="https://www.youtube.com/watch?v=1ZPLFjGfQi0" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
+                            <a href="docu-seaspiracy.html" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-full text-lg flex items-center">
                                 <i class="fas fa-play mr-2"></i> Regarder
                             </a>
                         </div>
@@ -641,7 +641,7 @@
                             <span>Pas de téléchargement</span>
                         </li>
                     </ul>
-                    <a href="#abonnement" class="block w-full bg-gray-600 hover:bg-gray-500 text-white py-3 px-4 rounded-lg font-medium transition duration-300 text-center">
+                    <a href="abonnement.html?plan=basic" class="block w-full bg-gray-600 hover:bg-gray-500 text-white py-3 px-4 rounded-lg font-medium transition duration-300 text-center">
                         Choisir ce plan
                     </a>
                 </div>
@@ -677,7 +677,7 @@
                             <span>Annulation à tout moment</span>
                         </li>
                     </ul>
-                    <a href="#abonnement" class="block w-full bg-white hover:bg-gray-100 text-blue-600 py-3 px-4 rounded-lg font-medium transition duration-300 text-center">
+                    <a href="abonnement.html?plan=standard" class="block w-full bg-white hover:bg-gray-100 text-blue-600 py-3 px-4 rounded-lg font-medium transition duration-300 text-center">
                         Choisir ce plan
                     </a>
                 </div>
@@ -710,7 +710,7 @@
                             <span>Annulation à tout moment</span>
                         </li>
                     </ul>
-                    <a href="#abonnement" class="block w-full bg-gray-600 hover:bg-gray-500 text-white py-3 px-4 rounded-lg font-medium transition duration-300 text-center">
+                    <a href="abonnement.html?plan=premium" class="block w-full bg-gray-600 hover:bg-gray-500 text-white py-3 px-4 rounded-lg font-medium transition duration-300 text-center">
                         Choisir ce plan
                     </a>
                 </div>
@@ -736,7 +736,7 @@
                             </div>
                             <div>
                                 <h4 class="font-semibold mb-1">Mobile</h4>
-                                <p class="text-gray-400 text-sm">Disponible sur iOS et Android</p>
+                                <p class="text-gray-400 text-sm">Disponible sur iOS и Android</p>
                             </div>
                         </div>
                         <div class="flex items-start">
@@ -868,7 +868,7 @@
             <p class="text-xl text-blue-100 mb-8 max-w-2xl mx-auto">
                 Abonnez-vous dès maintenant. Annulez à tout moment pendant votre essai gratuit de 30 jours.
             </p>
-            <a href="#abonnement" class="inline-block bg-white hover:bg-gray-100 text-blue-600 font-bold py-4 px-12 rounded-lg text-lg transition duration-300 transform hover:scale-105">
+            <a href="abonnement.html" class="inline-block bg-white hover:bg-gray-100 text-blue-600 font-bold py-4 px-12 rounded-lg text-lg transition duration-300 transform hover:scale-105">
                 <i class="fas fa-play mr-2"></i> Commencer l'essai gratuit
             </a>
         </section>
@@ -882,29 +882,29 @@
                     <h3 class="text-lg font-semibold mb-4">Navigation</h3>
                     <ul class="space-y-2">
                         <li><a href="#" class="text-gray-400 hover:text-white">Accueil</a></li>
-                        <li><a href="#films" class="text-gray-400 hover:text-white">Films</a></li>
-                        <li><a href="#series" class="text-gray-400 hover:text-white">Séries</a></li>
-                        <li><a href="#documentaires" class="text-gray-400 hover:text-white">Nouveautés</a></li>
+                        <li><a href="films.html" class="text-gray-400 hover:text-white">Films</a></li>
+                        <li><a href="series.html" class="text-gray-400 hover:text-white">Séries</a></li>
+                        <li><a href="documentaires.html" class="text-gray-400 hover:text-white">Nouveautés</a></li>
                         <li><a href="#liste" class="text-gray-400 hover:text-white">Ma liste</a></li>
                     </ul>
                 </div>
                 <div>
                     <h3 class="text-lg font-semibold mb-4">Informations</h3>
                     <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-white">À propos</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Presse</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Carrières</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">FAQ</a></li>
+                        <li><a href="a-propos.html" class="text-gray-400 hover:text-white">À propos</a></li>
+                        <li><a href="presse.html" class="text-gray-400 hover:text-white">Presse</a></li>
+                        <li><a href="carrieres.html" class="text-gray-400 hover:text-white">Carrières</a></li>
+                        <li><a href="contact.html" class="text-gray-400 hover:text-white">Contact</a></li>
+                        <li><a href="faq.html" class="text-gray-400 hover:text-white">FAQ</a></li>
                     </ul>
                 </div>
                 <div>
                     <h3 class="text-lg font-semibold mb-4">Légal</h3>
                     <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-white">Conditions d'utilisation</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Confidentialité</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Préférences de cookies</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Mentions légales</a></li>
+                        <li><a href="conditions.html" class="text-gray-400 hover:text-white">Conditions d'utilisation</a></li>
+                        <li><a href="confidentialite.html" class="text-gray-400 hover:text-white">Confidentialité</a></li>
+                        <li><a href="cookies.html" class="text-gray-400 hover:text-white">Préférences de cookies</a></li>
+                        <li><a href="mentions-legales.html" class="text-gray-400 hover:text-white">Mentions légales</a></li>
                     </ul>
                 </div>
                 <div>
@@ -960,6 +960,23 @@
                 }
             });
         });
+
+        // Simulate page loading for demo purposes
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                
+                const targetId = this.getAttribute('href');
+                if(targetId === '#') return;
+                
+                const targetElement = document.querySelector(targetId);
+                if(targetElement) {
+                    targetElement.scrollIntoView({
+                        behavior: 'smooth'
+                    });
+                }
+            });
+        });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/stream-vision" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt

@@ -1,3 +1,4 @@
 Votre divertissement sans limites Des milliers de films, séries et documentaires à portée de main. Abonnez-vous dès maintenant.
 AFFICHER LES VRAIS IMAGE DU SISTE ET AJOUTER LES BOUTON PLAY POURQUE LES FILM DEMARRE DIRECTEMENT 
-les bouton de l'accueil ne sont pas cliquable :: et il manques des images des films et je veux  que les film sont des film complet a regarder de suite 
+les bouton de l'accueil ne sont pas cliquable :: et il manques des images des films et je veux  que les film sont des film complet a regarder de suite 
+les boutons voire plus de film nest pas cliquable et ne fonctionne pas voire plus de prodiuit