Hugging Face's logo

Spaces:
docto41
/
stream-vision
Running

App Files Community
docto41 commited on
Commit
0a2faa5
·
verified ·
1 Parent(s): 3d4a24d

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +105 -147
  2. prompts.txt +2 -1
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>StreamVision | Votre divertissement sans limites</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
@@ -24,35 +24,25 @@
24
  transform: scale(1.05);
25
  background-color: #3b82f6;
26
  }
27
- .video-container {
28
- position: fixed;
29
  top: 0;
30
  left: 0;
31
  width: 100%;
32
  height: 100%;
33
- background-color: rgba(0, 0, 0, 0.9);
34
- z-index: 1000;
35
- display: none;
36
  justify-content: center;
37
  align-items: center;
 
 
38
  }
39
- .close-video {
40
- position: absolute;
41
- top: 20px;
42
- right: 20px;
43
- color: white;
44
- font-size: 30px;
45
- cursor: pointer;
46
  }
47
  </style>
48
  </head>
49
  <body class="bg-gray-900 text-white font-sans">
50
- <!-- Video Player Container -->
51
- <div class="video-container" id="videoContainer">
52
- <span class="close-video" id="closeVideo">&times;</span>
53
- <iframe id="videoPlayer" width="80%" height="80%" src="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
54
- </div>
55
-
56
  <!-- Navigation -->
57
  <nav class="bg-gray-900 bg-opacity-90 backdrop-blur-md fixed w-full z-50 border-b border-gray-800">
58
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -64,10 +54,10 @@
64
  <div class="hidden md:block">
65
  <div class="ml-10 flex items-baseline space-x-4">
66
  <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-white bg-blue-600">Accueil</a>
67
- <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700">Films</a>
68
- <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700">Séries</a>
69
- <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700">Documentaires</a>
70
- <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700">Ma liste</a>
71
  </div>
72
  </div>
73
  </div>
@@ -96,7 +86,6 @@
96
  <span class="sr-only">Open main menu</span>
97
  <i class="fas fa-bars"></i>
98
  </button>
99
- </div>
100
  </div>
101
  </div>
102
  </div>
@@ -105,10 +94,10 @@
105
  <div class="md:hidden hidden" id="mobile-menu">
106
  <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
107
  <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-gray-900">Accueil</a>
108
- <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700">Films</a>
109
- <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700">Séries</a>
110
- <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700">Documentaires</a>
111
- <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700">Ma liste</a>
112
  </div>
113
  <div class="pt-4 pb-3 border-t border-gray-700">
114
  <div class="flex items-center px-5">
@@ -145,12 +134,12 @@
145
  Regardez ce que vous voulez, quand vous voulez, sans publicité.
146
  </p>
147
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
148
- <button class="bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-8 rounded-lg text-lg flex items-center justify-center transition duration-300 transform hover:scale-105">
149
- <i class="fas fa-play mr-2"></i> Commencer l'essai gratuit
150
- </button>
151
- <button class="bg-white bg-opacity-20 hover:bg-opacity-30 text-white font-bold py-3 px-8 rounded-lg text-lg flex items-center justify-center transition duration-300 transform hover:scale-105">
152
- <i class="fas fa-info-circle mr-2"></i> En savoir plus
153
- </button>
154
  </div>
155
  <div class="mt-6 flex items-center">
156
  <div class="flex -space-x-2">
@@ -177,9 +166,9 @@
177
  <span class="mr-3">16+</span>
178
  <span>5 saisons</span>
179
  </div>
180
- <button class="mt-3 bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg text-sm flex items-center watch-btn" data-video-id="z_ZuZY7zBy4">
181
  <i class="fas fa-play mr-2"></i> Regarder maintenant
182
- </button>
183
  </div>
184
  </div>
185
  </div>
@@ -190,10 +179,10 @@
190
  <!-- Content Sections -->
191
  <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
192
  <!-- Trending Now -->
193
- <section class="mb-16">
194
  <div class="flex items-center justify-between mb-6">
195
  <h2 class="text-2xl font-bold">Tendances actuelles</h2>
196
- <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center">
197
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
198
  </a>
199
  </div>
@@ -201,11 +190,11 @@
201
  <!-- Movie Card 1 -->
202
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
203
  <div class="relative">
204
- <img src="https://image.tmdb.org/t/p/w500/gEU2QniE6E77NI6lCU6MxlNBvIx.jpg" alt="Movie poster" class="w-full h-auto">
205
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
206
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="zSWdZVtXT7E">
207
  <i class="fas fa-play mr-2"></i> Regarder
208
- </button>
209
  </div>
210
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
211
  4K
@@ -228,11 +217,11 @@
228
  <!-- Movie Card 2 -->
229
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
230
  <div class="relative">
231
- <img src="https://image.tmdb.org/t/p/w500/qJ2tW6WMUDux911r6m7haRef0WH.jpg" alt="Movie poster" class="w-full h-auto">
232
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
233
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="EXeTwQWrcwY">
234
  <i class="fas fa-play mr-2"></i> Regarder
235
- </button>
236
  </div>
237
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
238
  HD
@@ -255,11 +244,11 @@
255
  <!-- Movie Card 3 -->
256
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
257
  <div class="relative">
258
- <img src="https://image.tmdb.org/t/p/w500/9gk7adHYeDvHkCSEqAvQNLV5Uge.jpg" alt="Movie poster" class="w-full h-auto">
259
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
260
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="YoHD9XEInc0">
261
  <i class="fas fa-play mr-2"></i> Regarder
262
- </button>
263
  </div>
264
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
265
  4K
@@ -282,11 +271,11 @@
282
  <!-- Movie Card 4 -->
283
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
284
  <div class="relative">
285
- <img src="https://image.tmdb.org/t/p/w500/d5iIlFn5s0ImszYzBPb8JPIfbXD.jpg" alt="Movie poster" class="w-full h-auto">
286
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
287
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="s7EdQ4FqbhY">
288
  <i class="fas fa-play mr-2"></i> Regarder
289
- </button>
290
  </div>
291
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
292
  HD
@@ -309,11 +298,11 @@
309
  <!-- Movie Card 5 -->
310
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
311
  <div class="relative">
312
- <img src="https://image.tmdb.org/t/p/w500/q6y0Go1tsGEsmtFryDOJo3dEmqu.jpg" alt="Movie poster" class="w-full h-auto">
313
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
314
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="6hB3S9bIaco">
315
  <i class="fas fa-play mr-2"></i> Regarder
316
- </button>
317
  </div>
318
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
319
  4K
@@ -335,10 +324,10 @@
335
  </section>
336
 
337
  <!-- Popular Series -->
338
- <section class="mb-16">
339
  <div class="flex items-center justify-between mb-6">
340
  <h2 class="text-2xl font-bold">Séries populaires</h2>
341
- <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center">
342
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
343
  </a>
344
  </div>
@@ -346,11 +335,11 @@
346
  <!-- Series Card 1 -->
347
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
348
  <div class="relative">
349
- <img src="https://image.tmdb.org/t/p/w500/49WJfeN0moxb9IPfGn8AIqMGskD.jpg" alt="Series poster" class="w-full h-auto">
350
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
351
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="b9EkMc79ZSU">
352
  <i class="fas fa-play mr-2"></i> Regarder
353
- </button>
354
  </div>
355
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
356
  4K
@@ -373,11 +362,11 @@
373
  <!-- Series Card 2 -->
374
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
375
  <div class="relative">
376
- <img src="https://image.tmdb.org/t/p/w500/ggFHVNu6YYI5L9pCfOacjizRGt.jpg" alt="Series poster" class="w-full h-auto">
377
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
378
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="HhesaQXLuRY">
379
  <i class="fas fa-play mr-2"></i> Regarder
380
- </button>
381
  </div>
382
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
383
  HD
@@ -392,7 +381,7 @@
392
  </div>
393
  <div class="mt-2 flex flex-wrap gap-1">
394
  <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Crime</span>
395
- <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Drame</span>
396
  </div>
397
  </div>
398
  </div>
@@ -400,11 +389,11 @@
400
  <!-- Series Card 3 -->
401
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
402
  <div class="relative">
403
- <img src="https://image.tmdb.org/t/p/w500/sWgBv7LV2PRoQgkxwlibdGXKz1S.jpg" alt="Series poster" class="w-full h-auto">
404
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
405
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="aOC8E8z_ifw">
406
  <i class="fas fa-play mr-2"></i> Regarder
407
- </button>
408
  </div>
409
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
410
  4K
@@ -427,11 +416,11 @@
427
  <!-- Series Card 4 -->
428
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
429
  <div class="relative">
430
- <img src="https://image.tmdb.org/t/p/w500/u3bZgnGQ9T01sWNhyveQz0wH0Hl.jpg" alt="Series poster" class="w-full h-auto">
431
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
432
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="rlR4PJn8z8g">
433
  <i class="fas fa-play mr-2"></i> Regarder
434
- </button>
435
  </div>
436
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
437
  HD
@@ -454,11 +443,11 @@
454
  <!-- Series Card 5 -->
455
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
456
  <div class="relative">
457
- <img src="https://image.tmdb.org/t/p/w500/7vjaCdMw15FEbXyLQTVa04URsPm.jpg" alt="Series poster" class="w-full h-auto">
458
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
459
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="ndl1W4ltcmg">
460
  <i class="fas fa-play mr-2"></i> Regarder
461
- </button>
462
  </div>
463
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
464
  4K
@@ -481,10 +470,10 @@
481
  </section>
482
 
483
  <!-- Documentaries -->
484
- <section class="mb-16">
485
  <div class="flex items-center justify-between mb-6">
486
  <h2 class="text-2xl font-bold">Documentaires primés</h2>
487
- <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center">
488
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
489
  </a>
490
  </div>
@@ -492,11 +481,11 @@
492
  <!-- Documentary Card 1 -->
493
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
494
  <div class="relative">
495
- <img src="https://image.tmdb.org/t/p/w500/4QKKGDVq1xW5L0j6T0GrGQzINYd.jpg" alt="Documentary poster" class="w-full h-auto">
496
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
497
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="gfK7vA1S6Uw">
498
  <i class="fas fa-play mr-2"></i> Regarder
499
- </button>
500
  </div>
501
  <div class="absolute top-2 right-2 bg-yellow-500 text-gray-900 text-xs px-2 py-1 rounded font-bold">
502
  <i class="fas fa-trophy mr-1"></i> OSCAR
@@ -519,11 +508,11 @@
519
  <!-- Documentary Card 2 -->
520
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
521
  <div class="relative">
522
- <img src="https://image.tmdb.org/t/p/w500/bT3c4TSOPsDVLea6x1UA4bRZYCH.jpg" alt="Documentary poster" class="w-full h-auto">
523
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
524
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="uaaC57tcci0">
525
  <i class="fas fa-play mr-2"></i> Regarder
526
- </button>
527
  </div>
528
  </div>
529
  <div class="p-4">
@@ -543,11 +532,11 @@
543
  <!-- Documentary Card 3 -->
544
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
545
  <div class="relative">
546
- <img src="https://image.tmdb.org/t/p/w500/tnX7iy3YQ2sErVG0UaMZqQ6hTQl.jpg" alt="Documentary poster" class="w-full h-auto">
547
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
548
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="Bs2VdYgJe6U">
549
  <i class="fas fa-play mr-2"></i> Regarder
550
- </button>
551
  </div>
552
  <div class="absolute top-2 right-2 bg-yellow-500 text-gray-900 text-xs px-2 py-1 rounded font-bold">
553
  <i class="fas fa-trophy mr-1"></i> OSCAR
@@ -570,11 +559,11 @@
570
  <!-- Documentary Card 4 -->
571
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
572
  <div class="relative">
573
- <img src="https://image.tmdb.org/t/p/w500/3Wk6Q0FM6sYvQvdQxUWQd8vF3z1.jpg" alt="Documentary poster" class="w-full h-auto">
574
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
575
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="xYlTlH6ffQk">
576
  <i class="fas fa-play mr-2"></i> Regarder
577
- </button>
578
  </div>
579
  </div>
580
  <div class="p-4">
@@ -594,11 +583,11 @@
594
  <!-- Documentary Card 5 -->
595
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
596
  <div class="relative">
597
- <img src="https://image.tmdb.org/t/p/w500/6pNY3OX5J7qFq8eWQ0Vk3QKFBQ5.jpg" alt="Documentary poster" class="w-full h-auto">
598
- <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
599
- <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full text-sm flex items-center mx-auto mb-2 watch-btn" data-video-id="1ZPLFjGfQi0">
600
  <i class="fas fa-play mr-2"></i> Regarder
601
- </button>
602
  </div>
603
  </div>
604
  <div class="p-4">
@@ -618,7 +607,7 @@
618
  </section>
619
 
620
  <!-- Pricing Section -->
621
- <section class="mb-16 bg-gray-800 rounded-xl p-8">
622
  <div class="text-center mb-12">
623
  <h2 class="text-3xl font-bold mb-4">Choisissez votre abonnement</h2>
624
  <p class="text-gray-300 max-w-2xl mx-auto">Profitez de StreamVision sans publicité, sur tous vos appareils, avec des fonctionnalités premium.</p>
@@ -652,9 +641,9 @@
652
  <span>Pas de téléchargement</span>
653
  </li>
654
  </ul>
655
- <button class="w-full bg-gray-600 hover:bg-gray-500 text-white py-3 px-4 rounded-lg font-medium transition duration-300">
656
  Choisir ce plan
657
- </button>
658
  </div>
659
 
660
  <!-- Standard Plan (Recommended) -->
@@ -688,9 +677,9 @@
688
  <span>Annulation à tout moment</span>
689
  </li>
690
  </ul>
691
- <button class="w-full bg-white hover:bg-gray-100 text-blue-600 py-3 px-4 rounded-lg font-medium transition duration-300">
692
  Choisir ce plan
693
- </button>
694
  </div>
695
 
696
  <!-- Premium Plan -->
@@ -721,9 +710,9 @@
721
  <span>Annulation à tout moment</span>
722
  </li>
723
  </ul>
724
- <button class="w-full bg-gray-600 hover:bg-gray-500 text-white py-3 px-4 rounded-lg font-medium transition duration-300">
725
  Choisir ce plan
726
- </button>
727
  </div>
728
  </div>
729
  <div class="mt-8 text-center text-gray-400 text-sm">
@@ -879,9 +868,9 @@
879
  <p class="text-xl text-blue-100 mb-8 max-w-2xl mx-auto">
880
  Abonnez-vous dès maintenant. Annulez à tout moment pendant votre essai gratuit de 30 jours.
881
  </p>
882
- <button class="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">
883
  <i class="fas fa-play mr-2"></i> Commencer l'essai gratuit
884
- </button>
885
  </section>
886
  </main>
887
 
@@ -893,10 +882,10 @@
893
  <h3 class="text-lg font-semibold mb-4">Navigation</h3>
894
  <ul class="space-y-2">
895
  <li><a href="#" class="text-gray-400 hover:text-white">Accueil</a></li>
896
- <li><a href="#" class="text-gray-400 hover:text-white">Films</a></li>
897
- <li><a href="#" class="text-gray-400 hover:text-white">Séries</a></li>
898
- <li><a href="#" class="text-gray-400 hover:text-white">Nouveautés</a></li>
899
- <li><a href="#" class="text-gray-400 hover:text-white">Ma liste</a></li>
900
  </ul>
901
  </div>
902
  <div>
@@ -971,37 +960,6 @@
971
  }
972
  });
973
  });
974
-
975
- // Video player functionality
976
- const videoContainer = document.getElementById('videoContainer');
977
- const videoPlayer = document.getElementById('videoPlayer');
978
- const closeVideo = document.getElementById('closeVideo');
979
- const watchButtons = document.querySelectorAll('.watch-btn');
980
-
981
- watchButtons.forEach(button => {
982
- button.addEventListener('click', (e) => {
983
- e.preventDefault();
984
- const videoId = button.getAttribute('data-video-id');
985
- videoPlayer.src = `https://www.youtube.com/embed/${videoId}?autoplay=1`;
986
- videoContainer.style.display = 'flex';
987
- document.body.style.overflow = 'hidden';
988
- });
989
- });
990
-
991
- closeVideo.addEventListener('click', () => {
992
- videoPlayer.src = '';
993
- videoContainer.style.display = 'none';
994
- document.body.style.overflow = 'auto';
995
- });
996
-
997
- // Close video when clicking outside
998
- videoContainer.addEventListener('click', (e) => {
999
- if (e.target === videoContainer) {
1000
- videoPlayer.src = '';
1001
- videoContainer.style.display = 'none';
1002
- document.body.style.overflow = 'auto';
1003
- }
1004
- });
1005
  </script>
1006
  <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>
1007
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>StreamVision | Films et Séries en streaming</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
 
24
  transform: scale(1.05);
25
  background-color: #3b82f6;
26
  }
27
+ .play-overlay {
28
+ position: absolute;
29
  top: 0;
30
  left: 0;
31
  width: 100%;
32
  height: 100%;
33
+ background: rgba(0, 0, 0, 0.7);
34
+ display: flex;
 
35
  justify-content: center;
36
  align-items: center;
37
+ opacity: 0;
38
+ transition: opacity 0.3s ease;
39
  }
40
+ .card-hover:hover .play-overlay {
41
+ opacity: 1;
 
 
 
 
 
42
  }
43
  </style>
44
  </head>
45
  <body class="bg-gray-900 text-white font-sans">
 
 
 
 
 
 
46
  <!-- Navigation -->
47
  <nav class="bg-gray-900 bg-opacity-90 backdrop-blur-md fixed w-full z-50 border-b border-gray-800">
48
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 
54
  <div class="hidden md:block">
55
  <div class="ml-10 flex items-baseline space-x-4">
56
  <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-white bg-blue-600">Accueil</a>
57
+ <a href="#films" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700">Films</a>
58
+ <a href="#series" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700">Séries</a>
59
+ <a href="#documentaires" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700">Documentaires</a>
60
+ <a href="#liste" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-gray-700">Ma liste</a>
61
  </div>
62
  </div>
63
  </div>
 
86
  <span class="sr-only">Open main menu</span>
87
  <i class="fas fa-bars"></i>
88
  </button>
 
89
  </div>
90
  </div>
91
  </div>
 
94
  <div class="md:hidden hidden" id="mobile-menu">
95
  <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
96
  <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-gray-900">Accueil</a>
97
+ <a href="#films" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700">Films</a>
98
+ <a href="#series" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700">Séries</a>
99
+ <a href="#documentaires" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700">Documentaires</a>
100
+ <a href="#liste" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700">Ma liste</a>
101
  </div>
102
  <div class="pt-4 pb-3 border-t border-gray-700">
103
  <div class="flex items-center px-5">
 
134
  Regardez ce que vous voulez, quand vous voulez, sans publicité.
135
  </p>
136
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
137
+ <a href="#films" class="bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-8 rounded-lg text-lg flex items-center justify-center transition duration-300 transform hover:scale-105">
138
+ <i class="fas fa-play mr-2"></i> Commencer à regarder
139
+ </a>
140
+ <a href="#abonnement" class="bg-white bg-opacity-20 hover:bg-opacity-30 text-white font-bold py-3 px-8 rounded-lg text-lg flex items-center justify-center transition duration-300 transform hover:scale-105">
141
+ <i class="fas fa-info-circle mr-2"></i> S'abonner
142
+ </a>
143
  </div>
144
  <div class="mt-6 flex items-center">
145
  <div class="flex -space-x-2">
 
166
  <span class="mr-3">16+</span>
167
  <span>5 saisons</span>
168
  </div>
169
+ <a href="https://www.youtube.com/watch?v=WueUQSSbQ1M" target="_blank" class="mt-3 bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg text-sm flex items-center">
170
  <i class="fas fa-play mr-2"></i> Regarder maintenant
171
+ </a>
172
  </div>
173
  </div>
174
  </div>
 
179
  <!-- Content Sections -->
180
  <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
181
  <!-- Trending Now -->
182
+ <section class="mb-16" id="films">
183
  <div class="flex items-center justify-between mb-6">
184
  <h2 class="text-2xl font-bold">Tendances actuelles</h2>
185
+ <a href="#films" class="text-blue-400 hover:text-blue-300 flex items-center">
186
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
187
  </a>
188
  </div>
 
190
  <!-- Movie Card 1 -->
191
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
192
  <div class="relative">
193
+ <img src="https://image.tmdb.org/t/p/w500/gEU2QniE6E77NI6lCU6MxlNBvIx.jpg" alt="Interstellar" class="w-full h-auto">
194
+ <div class="play-overlay">
195
+ <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">
196
  <i class="fas fa-play mr-2"></i> Regarder
197
+ </a>
198
  </div>
199
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
200
  4K
 
217
  <!-- Movie Card 2 -->
218
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
219
  <div class="relative">
220
+ <img src="https://image.tmdb.org/t/p/w500/qJ2tW6WMUDux911r6m7haRef0WH.jpg" alt="The Dark Knight" class="w-full h-auto">
221
+ <div class="play-overlay">
222
+ <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">
223
  <i class="fas fa-play mr-2"></i> Regarder
224
+ </a>
225
  </div>
226
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
227
  HD
 
244
  <!-- Movie Card 3 -->
245
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
246
  <div class="relative">
247
+ <img src="https://image.tmdb.org/t/p/w500/9gk7adHYeDvHkCSEqAvQNLV5Uge.jpg" alt="Inception" class="w-full h-auto">
248
+ <div class="play-overlay">
249
+ <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">
250
  <i class="fas fa-play mr-2"></i> Regarder
251
+ </a>
252
  </div>
253
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
254
  4K
 
271
  <!-- Movie Card 4 -->
272
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
273
  <div class="relative">
274
+ <img src="https://image.tmdb.org/t/p/w500/d5iIlFn5s0ImszYzBPb8JPIfbXD.jpg" alt="Pulp Fiction" class="w-full h-auto">
275
+ <div class="play-overlay">
276
+ <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">
277
  <i class="fas fa-play mr-2"></i> Regarder
278
+ </a>
279
  </div>
280
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
281
  HD
 
298
  <!-- Movie Card 5 -->
299
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
300
  <div class="relative">
301
+ <img src="https://image.tmdb.org/t/p/w500/q6y0Go1tsGEsmtFryDOJo3dEmqu.jpg" alt="The Shawshank Redemption" class="w-full h-auto">
302
+ <div class="play-overlay">
303
+ <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">
304
  <i class="fas fa-play mr-2"></i> Regarder
305
+ </a>
306
  </div>
307
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
308
  4K
 
324
  </section>
325
 
326
  <!-- Popular Series -->
327
+ <section class="mb-16" id="series">
328
  <div class="flex items-center justify-between mb-6">
329
  <h2 class="text-2xl font-bold">Séries populaires</h2>
330
+ <a href="#series" class="text-blue-400 hover:text-blue-300 flex items-center">
331
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
332
  </a>
333
  </div>
 
335
  <!-- Series Card 1 -->
336
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
337
  <div class="relative">
338
+ <img src="https://image.tmdb.org/t/p/w500/49WJfeN0moxb9IPfGn8AIqMGskD.jpg" alt="Stranger Things" class="w-full h-auto">
339
+ <div class="play-overlay">
340
+ <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">
341
  <i class="fas fa-play mr-2"></i> Regarder
342
+ </a>
343
  </div>
344
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
345
  4K
 
362
  <!-- Series Card 2 -->
363
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
364
  <div class="relative">
365
+ <img src="https://image.tmdb.org/t/p/w500/ggFHVNu6YYI5L9pCfOacjizRGt.jpg" alt="Breaking Bad" class="w-full h-auto">
366
+ <div class="play-overlay">
367
+ <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">
368
  <i class="fas fa-play mr-2"></i> Regarder
369
+ </a>
370
  </div>
371
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
372
  HD
 
381
  </div>
382
  <div class="mt-2 flex flex-wrap gap-1">
383
  <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Crime</span>
384
+ <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Drama</span>
385
  </div>
386
  </div>
387
  </div>
 
389
  <!-- Series Card 3 -->
390
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
391
  <div class="relative">
392
+ <img src="https://image.tmdb.org/t/p/w500/sWgBv7LV2PRoQgkxwlibdGXKz1S.jpg" alt="The Mandalorian" class="w-full h-auto">
393
+ <div class="play-overlay">
394
+ <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">
395
  <i class="fas fa-play mr-2"></i> Regarder
396
+ </a>
397
  </div>
398
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
399
  4K
 
416
  <!-- Series Card 4 -->
417
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
418
  <div class="relative">
419
+ <img src="https://image.tmdb.org/t/p/w500/u3bZgnGQ9T01sWNhyveQz0wH0Hl.jpg" alt="Game of Thrones" class="w-full h-auto">
420
+ <div class="play-overlay">
421
+ <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">
422
  <i class="fas fa-play mr-2"></i> Regarder
423
+ </a>
424
  </div>
425
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
426
  HD
 
443
  <!-- Series Card 5 -->
444
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
445
  <div class="relative">
446
+ <img src="https://image.tmdb.org/t/p/w500/7vjaCdMw15FEbXyLQTVa04URsPm.jpg" alt="The Witcher" class="w-full h-auto">
447
+ <div class="play-overlay">
448
+ <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">
449
  <i class="fas fa-play mr-2"></i> Regarder
450
+ </a>
451
  </div>
452
  <div class="absolute top-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded">
453
  4K
 
470
  </section>
471
 
472
  <!-- Documentaries -->
473
+ <section class="mb-16" id="documentaires">
474
  <div class="flex items-center justify-between mb-6">
475
  <h2 class="text-2xl font-bold">Documentaires primés</h2>
476
+ <a href="#documentaires" class="text-blue-400 hover:text-blue-300 flex items-center">
477
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
478
  </a>
479
  </div>
 
481
  <!-- Documentary Card 1 -->
482
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
483
  <div class="relative">
484
+ <img src="https://image.tmdb.org/t/p/w500/4QKKGDVq1xW5L0j6T0GrGQzINYd.jpg" alt="Free Solo" class="w-full h-auto">
485
+ <div class="play-overlay">
486
+ <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">
487
  <i class="fas fa-play mr-2"></i> Regarder
488
+ </a>
489
  </div>
490
  <div class="absolute top-2 right-2 bg-yellow-500 text-gray-900 text-xs px-2 py-1 rounded font-bold">
491
  <i class="fas fa-trophy mr-1"></i> OSCAR
 
508
  <!-- Documentary Card 2 -->
509
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
510
  <div class="relative">
511
+ <img src="https://image.tmdb.org/t/p/w500/bT3c4TSOPsDVLea6x1UA4bRZYCH.jpg" alt="The Social Dilemma" class="w-full h-auto">
512
+ <div class="play-overlay">
513
+ <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">
514
  <i class="fas fa-play mr-2"></i> Regarder
515
+ </a>
516
  </div>
517
  </div>
518
  <div class="p-4">
 
532
  <!-- Documentary Card 3 -->
533
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
534
  <div class="relative">
535
+ <img src="https://image.tmdb.org/t/p/w500/tnX7iy3YQ2sErVG0UaMZqQ6hTQl.jpg" alt="My Octopus Teacher" class="w-full h-auto">
536
+ <div class="play-overlay">
537
+ <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">
538
  <i class="fas fa-play mr-2"></i> Regarder
539
+ </a>
540
  </div>
541
  <div class="absolute top-2 right-2 bg-yellow-500 text-gray-900 text-xs px-2 py-1 rounded font-bold">
542
  <i class="fas fa-trophy mr-1"></i> OSCAR
 
559
  <!-- Documentary Card 4 -->
560
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
561
  <div class="relative">
562
+ <img src="https://image.tmdb.org/t/p/w500/3Wk6Q0FM6sYvQvdQxUWQd8vF3z1.jpg" alt="The Last Dance" class="w-full h-auto">
563
+ <div class="play-overlay">
564
+ <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">
565
  <i class="fas fa-play mr-2"></i> Regarder
566
+ </a>
567
  </div>
568
  </div>
569
  <div class="p-4">
 
583
  <!-- Documentary Card 5 -->
584
  <div class="card-hover bg-gray-800 rounded-lg overflow-hidden shadow-lg cursor-pointer">
585
  <div class="relative">
586
+ <img src="https://image.tmdb.org/t/p/w500/6pNY3OX5J7qFq8eWQ0Vk3QKFBQ5.jpg" alt="Seaspiracy" class="w-full h-auto">
587
+ <div class="play-overlay">
588
+ <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">
589
  <i class="fas fa-play mr-2"></i> Regarder
590
+ </a>
591
  </div>
592
  </div>
593
  <div class="p-4">
 
607
  </section>
608
 
609
  <!-- Pricing Section -->
610
+ <section class="mb-16 bg-gray-800 rounded-xl p-8" id="abonnement">
611
  <div class="text-center mb-12">
612
  <h2 class="text-3xl font-bold mb-4">Choisissez votre abonnement</h2>
613
  <p class="text-gray-300 max-w-2xl mx-auto">Profitez de StreamVision sans publicité, sur tous vos appareils, avec des fonctionnalités premium.</p>
 
641
  <span>Pas de téléchargement</span>
642
  </li>
643
  </ul>
644
+ <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">
645
  Choisir ce plan
646
+ </a>
647
  </div>
648
 
649
  <!-- Standard Plan (Recommended) -->
 
677
  <span>Annulation à tout moment</span>
678
  </li>
679
  </ul>
680
+ <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">
681
  Choisir ce plan
682
+ </a>
683
  </div>
684
 
685
  <!-- Premium Plan -->
 
710
  <span>Annulation à tout moment</span>
711
  </li>
712
  </ul>
713
+ <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">
714
  Choisir ce plan
715
+ </a>
716
  </div>
717
  </div>
718
  <div class="mt-8 text-center text-gray-400 text-sm">
 
868
  <p class="text-xl text-blue-100 mb-8 max-w-2xl mx-auto">
869
  Abonnez-vous dès maintenant. Annulez à tout moment pendant votre essai gratuit de 30 jours.
870
  </p>
871
+ <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">
872
  <i class="fas fa-play mr-2"></i> Commencer l'essai gratuit
873
+ </a>
874
  </section>
875
  </main>
876
 
 
882
  <h3 class="text-lg font-semibold mb-4">Navigation</h3>
883
  <ul class="space-y-2">
884
  <li><a href="#" class="text-gray-400 hover:text-white">Accueil</a></li>
885
+ <li><a href="#films" class="text-gray-400 hover:text-white">Films</a></li>
886
+ <li><a href="#series" class="text-gray-400 hover:text-white">Séries</a></li>
887
+ <li><a href="#documentaires" class="text-gray-400 hover:text-white">Nouveautés</a></li>
888
+ <li><a href="#liste" class="text-gray-400 hover:text-white">Ma liste</a></li>
889
  </ul>
890
  </div>
891
  <div>
 
960
  }
961
  });
962
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
963
  </script>
964
  <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>
965
  </html>
prompts.txt CHANGED
@@ -1,2 +1,3 @@
1
  Votre divertissement sans limites Des milliers de films, séries et documentaires à portée de main. Abonnez-vous dès maintenant.
2
- AFFICHER LES VRAIS IMAGE DU SISTE ET AJOUTER LES BOUTON PLAY POURQUE LES FILM DEMARRE DIRECTEMENT
 
 
1
  Votre divertissement sans limites Des milliers de films, séries et documentaires à portée de main. Abonnez-vous dès maintenant.
2
+ AFFICHER LES VRAIS IMAGE DU SISTE ET AJOUTER LES BOUTON PLAY POURQUE LES FILM DEMARRE DIRECTEMENT
3
+ 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