Hugging Face's logo

Spaces:
docto41
/
streamit
Running

App Files Community
docto41 commited on
Commit
3d55d91
·
verified ·
1 Parent(s): 8acabe2

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +335 -235
  2. prompts.txt +2 -1
index.html CHANGED
@@ -104,6 +104,18 @@
104
  0% { transform: rotate(0deg); }
105
  100% { transform: rotate(360deg); }
106
  }
 
 
 
 
 
 
 
 
 
 
 
 
107
  </style>
108
  </head>
109
  <body>
@@ -124,7 +136,7 @@
124
 
125
  <div class="flex items-center space-x-4">
126
  <div class="relative">
127
- <input type="text" placeholder="Rechercher 4521 films..." class="bg-slate-800 rounded-full py-2 px-4 pl-10 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 w-40 md:w-64">
128
  <i class="fas fa-search absolute left-3 top-2.5 text-gray-400"></i>
129
  </div>
130
  <div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center cursor-pointer">
@@ -159,10 +171,10 @@
159
  <div class="container mx-auto flex flex-col md:flex-row items-center">
160
  <div class="md:w-1/2 mb-10 md:mb-0">
161
  <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">
162
- <span class="bg-gradient-to-r from-blue-500 to-purple-600 bg-clip-text text-transparent">4,521 Films Complets</span> en HD
163
  </h1>
164
  <p class="text-lg text-gray-300 mb-8">
165
- Accès illimité à notre catalogue de films complets en haute qualité. Regardez sans coupures ni extraits.
166
  </p>
167
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
168
  <button class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-8 rounded-full font-medium flex items-center justify-center transition">
@@ -174,18 +186,19 @@
174
  </div>
175
  <div class="mt-6 flex items-center text-sm text-gray-400">
176
  <i class="fas fa-check-circle text-green-500 mr-2"></i>
177
- <span>Films complets - Pas d'extraits ni de bandes-annonces</span>
178
  </div>
179
  </div>
180
  <div class="md:w-1/2 relative">
181
  <div class="relative rounded-xl overflow-hidden shadow-2xl">
182
  <img src="https://image.tmdb.org/t/p/original/8Vt6mWEReuy4Of61Lnj5Xj704m8.jpg" alt="Dune: Part Two" class="w-full h-auto">
 
183
  <div class="absolute bottom-0 left-0 right-0 p-6">
184
  <h3 class="text-xl font-bold mb-2">Dune: Part Two</h3>
185
  <div class="flex space-x-2 mb-3">
186
  <span class="bg-blue-500 text-white text-xs px-2 py-1 rounded">HD</span>
187
  <span class="bg-slate-700 text-white text-xs px-2 py-1 rounded">4K</span>
188
- <span class="bg-purple-500 text-white text-xs px-2 py-1 rounded">Complet</span>
189
  </div>
190
  <div class="flex space-x-3">
191
  <button class="play-button bg-white text-black rounded-full w-10 h-10 flex items-center justify-center hover:bg-gray-200 transition" data-id="693134">
@@ -208,26 +221,25 @@
208
  <section id="movies" class="py-12 px-6 md:px-12 lg:px-24">
209
  <div class="container mx-auto">
210
  <div class="flex justify-between items-center mb-8">
211
- <h2 class="text-2xl md:text-3xl font-bold">Films Complets en Tendances</h2>
212
  <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center">
213
- Voir les 4,521 films <i class="fas fa-chevron-right ml-2 text-sm"></i>
214
  </a>
215
  </div>
216
 
217
  <div class="relative">
218
  <div class="flex overflow-x-auto scrollbar-hide space-x-6 pb-6">
219
- <!-- Trending Movie Cards -->
220
  <div class="flex-shrink-0 w-64 card-hover">
221
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
222
  <img src="https://image.tmdb.org/t/p/w500/1pdfLvkbY9ohJlCjQH2CZjjYVvJ.jpg" alt="Oppenheimer" class="w-full h-72 object-cover">
 
223
  <div class="absolute bottom-0 left-0 right-0 p-4">
224
  <h3 class="font-semibold">Oppenheimer</h3>
225
  <div class="flex items-center text-sm text-gray-300 mt-1">
226
  <span>2023</span>
227
  <span class="mx-2">•</span>
228
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 8.4</span>
229
- <span class="mx-2">•</span>
230
- <span class="text-green-400"><i class="fas fa-check-circle mr-1"></i> Complet</span>
231
  </div>
232
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="872585">Regarder</button>
233
  </div>
@@ -237,14 +249,13 @@
237
  <div class="flex-shrink-0 w-64 card-hover">
238
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
239
  <img src="https://image.tmdb.org/t/p/w500/kDp1vUBnMpe8ak4rjgl3cLELqjU.jpg" alt="Killers of the Flower Moon" class="w-full h-72 object-cover">
 
240
  <div class="absolute bottom-0 left-0 right-0 p-4">
241
  <h3 class="font-semibold">Killers of the Flower Moon</h3>
242
  <div class="flex items-center text-sm text-gray-300 mt-1">
243
  <span>2023</span>
244
  <span class="mx-2">•</span>
245
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 7.7</span>
246
- <span class="mx-2">•</span>
247
- <span class="text-green-400"><i class="fas fa-check-circle mr-1"></i> Complet</span>
248
  </div>
249
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="466420">Regarder</button>
250
  </div>
@@ -254,14 +265,13 @@
254
  <div class="flex-shrink-0 w-64 card-hover">
255
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
256
  <img src="https://image.tmdb.org/t/p/w500/4m1Au3YkjqsxF8iwQy0fPYSxE0h.jpg" alt="The Batman" class="w-full h-72 object-cover">
 
257
  <div class="absolute bottom-0 left-0 right-0 p-4">
258
  <h3 class="font-semibold">The Batman</h3>
259
  <div class="flex items-center text-sm text-gray-300 mt-1">
260
  <span>2022</span>
261
  <span class="mx-2">•</span>
262
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 7.8</span>
263
- <span class="mx-2">•</span>
264
- <span class="text-green-400"><i class="fas fa-check-circle mr-1"></i> Complet</span>
265
  </div>
266
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="414906">Regarder</button>
267
  </div>
@@ -271,14 +281,13 @@
271
  <div class="flex-shrink-0 w-64 card-hover">
272
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
273
  <img src="https://image.tmdb.org/t/p/w500/8Vt6mWEReuy4Of61Lnj5Xj704m8.jpg" alt="Dune: Part Two" class="w-full h-72 object-cover">
 
274
  <div class="absolute bottom-0 left-0 right-0 p-4">
275
  <h3 class="font-semibold">Dune: Part Two</h3>
276
  <div class="flex items-center text-sm text-gray-300 mt-1">
277
  <span>2024</span>
278
  <span class="mx-2">•</span>
279
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 8.3</span>
280
- <span class="mx-2">•</span>
281
- <span class="text-green-400"><i class="fas fa-check-circle mr-1"></i> Complet</span>
282
  </div>
283
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="693134">Regarder</button>
284
  </div>
@@ -288,14 +297,13 @@
288
  <div class="flex-shrink-0 w-64 card-hover">
289
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
290
  <img src="https://image.tmdb.org/t/p/w500/1XDDXPXGiI8id7MrUxK36ke7gkX.jpg" alt="Poor Things" class="w-full h-72 object-cover">
 
291
  <div class="absolute bottom-0 left-0 right-0 p-4">
292
  <h3 class="font-semibold">Poor Things</h3>
293
  <div class="flex items-center text-sm text-gray-300 mt-1">
294
  <span>2023</span>
295
  <span class="mx-2">•</span>
296
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 8.0</span>
297
- <span class="mx-2">•</span>
298
- <span class="text-green-400"><i class="fas fa-check-circle mr-1"></i> Complet</span>
299
  </div>
300
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="792774">Regarder</button>
301
  </div>
@@ -305,14 +313,13 @@
305
  <div class="flex-shrink-0 w-64 card-hover">
306
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
307
  <img src="https://image.tmdb.org/t/p/w500/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg" alt="The Shawshank Redemption" class="w-full h-72 object-cover">
 
308
  <div class="absolute bottom-0 left-0 right-0 p-4">
309
  <h3 class="font-semibold">The Shawshank Redemption</h3>
310
  <div class="flex items-center text-sm text-gray-300 mt-1">
311
  <span>1994</span>
312
  <span class="mx-2">•</span>
313
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 9.3</span>
314
- <span class="mx-2">•</span>
315
- <span class="text-green-400"><i class="fas fa-check-circle mr-1"></i> Complet</span>
316
  </div>
317
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="278">Regarder</button>
318
  </div>
@@ -322,14 +329,13 @@
322
  <div class="flex-shrink-0 w-64 card-hover">
323
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
324
  <img src="https://image.tmdb.org/t/p/w500/3h1JZGDhZ8nzxdgvkxha0qBqi05.jpg" alt="The Godfather" class="w-full h-72 object-cover">
 
325
  <div class="absolute bottom-0 left-0 right-0 p-4">
326
  <h3 class="font-semibold">The Godfather</h3>
327
  <div class="flex items-center text-sm text-gray-300 mt-1">
328
  <span>1972</span>
329
  <span class="mx-2">•</span>
330
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 9.2</span>
331
- <span class="mx-2">•</span>
332
- <span class="text-green-400"><i class="fas fa-check-circle mr-1"></i> Complet</span>
333
  </div>
334
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="238">Regarder</button>
335
  </div>
@@ -339,14 +345,13 @@
339
  <div class="flex-shrink-0 w-64 card-hover">
340
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
341
  <img src="https://image.tmdb.org/t/p/w500/vZloFAK7NmvMGKE7VkF5UHaz0I.jpg" alt="Pulp Fiction" class="w-full h-72 object-cover">
 
342
  <div class="absolute bottom-0 left-0 right-0 p-4">
343
  <h3 class="font-semibold">Pulp Fiction</h3>
344
  <div class="flex items-center text-sm text-gray-300 mt-1">
345
  <span>1994</span>
346
  <span class="mx-2">•</span>
347
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 8.9</span>
348
- <span class="mx-2">•</span>
349
- <span class="text-green-400"><i class="fas fa-check-circle mr-1"></i> Complet</span>
350
  </div>
351
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="680">Regarder</button>
352
  </div>
@@ -361,7 +366,7 @@
361
  <section class="py-12 px-6 md:px-12 lg:px-24 bg-slate-900">
362
  <div class="container mx-auto">
363
  <div class="flex justify-between items-center mb-8">
364
- <h2 class="text-2xl md:text-3xl font-bold">Notre Catalogue Complet</h2>
365
  <div class="flex items-center space-x-4">
366
  <div class="relative">
367
  <select class="bg-slate-800 border border-slate-700 text-white text-sm rounded-lg px-4 py-2 focus:ring-blue-500 focus:border-blue-500">
@@ -447,6 +452,7 @@
447
  <div class="flex-shrink-0 w-64 card-hover">
448
  <div class="relative rounded-lg overflow-hidden">
449
  <img src="https://image.tmdb.org/t/p/w500/9PqD3wSIjntyJDBzMNuxuKHwpUD.jpg" alt="The Last of Us" class="w-full h-72 object-cover">
 
450
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
451
  <h3 class="font-semibold">The Last of Us</h3>
452
  <div class="flex items-center text-sm text-gray-300 mt-1">
@@ -462,6 +468,7 @@
462
  <div class="flex-shrink-0 w-64 card-hover">
463
  <div class="relative rounded-lg overflow-hidden">
464
  <img src="https://image.tmdb.org/t/p/w500/dBpQvYH2Xqf5TyX1kGUVUXQzsQp.jpg" alt="House of the Dragon" class="w-full h-72 object-cover">
 
465
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
466
  <h3 class="font-semibold">House of the Dragon</h3>
467
  <div class="flex items-center text-sm text-gray-300 mt-1">
@@ -477,6 +484,7 @@
477
  <div class="flex-shrink-0 w-64 card-hover">
478
  <div class="relative rounded-lg overflow-hidden">
479
  <img src="https://image.tmdb.org/t/p/w500/9f1n3TZRZwPywTk7NP0L9Q6jwxO.jpg" alt="Stranger Things" class="w-full h-72 object-cover">
 
480
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
481
  <h3 class="font-semibold">Stranger Things</h3>
482
  <div class="flex items-center text-sm text-gray-300 mt-1">
@@ -492,6 +500,7 @@
492
  <div class="flex-shrink-0 w-64 card-hover">
493
  <div class="relative rounded-lg overflow-hidden">
494
  <img src="https://image.tmdb.org/t/p/w500/5DUMPBSnHOZsbBv81GFXZXvDGr6.jpg" alt="The Witcher" class="w-full h-72 object-cover">
 
495
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
496
  <h3 class="font-semibold">The Witcher</h3>
497
  <div class="flex items-center text-sm text-gray-300 mt-1">
@@ -507,6 +516,7 @@
507
  <div class="flex-shrink-0 w-64 card-hover">
508
  <div class="relative rounded-lg overflow-hidden">
509
  <img src="https://image.tmdb.org/t/p/w500/9GvhICFMiRQA82vS6ydkXxeEkrd.jpg" alt="Wednesday" class="w-full h-72 object-cover">
 
510
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
511
  <h3 class="font-semibold">Wednesday</h3>
512
  <div class="flex items-center text-sm text-gray-300 mt-1">
@@ -533,6 +543,7 @@
533
  <div class="card-hover">
534
  <div class="relative rounded-lg overflow-hidden mb-3">
535
  <img src="https://image.tmdb.org/t/p/w500/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg" alt="The Shawshank Redemption" class="w-full h-64 object-cover">
 
536
  <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">AJOUTÉ</div>
537
  </div>
538
  <h3 class="font-semibold">The Shawshank Redemption</h3>
@@ -543,6 +554,7 @@
543
  <div class="card-hover">
544
  <div class="relative rounded-lg overflow-hidden mb-3">
545
  <img src="https://image.tmdb.org/t/p/w500/3h1JZGDhZ8nzxdgvkxha0qBqi05.jpg" alt="The Godfather" class="w-full h-64 object-cover">
 
546
  <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">AJOUTÉ</div>
547
  </div>
548
  <h3 class="font-semibold">The Godfather</h3>
@@ -553,6 +565,7 @@
553
  <div class="card-hover">
554
  <div class="relative rounded-lg overflow-hidden mb-3">
555
  <img src="https://image.tmdb.org/t/p/w500/vZloFAK7NmvMGKE7VkF5UHaz0I.jpg" alt="Pulp Fiction" class="w-full h-64 object-cover">
 
556
  <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">AJOUTÉ</div>
557
  </div>
558
  <h3 class="font-semibold">Pulp Fiction</h3>
@@ -563,6 +576,7 @@
563
  <div class="card-hover">
564
  <div class="relative rounded-lg overflow-hidden mb-3">
565
  <img src="https://image.tmdb.org/t/p/w500/6fPNIiWk1iZ3G4NwD5eMARLPSBT.jpg" alt="Fight Club" class="w-full h-64 object-cover">
 
566
  <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">AJOUTÉ</div>
567
  </div>
568
  <h3 class="font-semibold">Fight Club</h3>
@@ -573,6 +587,7 @@
573
  <div class="card-hover">
574
  <div class="relative rounded-lg overflow-hidden mb-3">
575
  <img src="https://image.tmdb.org/t/p/w500/lyQBXzOQSuE59IsHyhrp0qIiPAz.jpg" alt="Inception" class="w-full h-64 object-cover">
 
576
  <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">AJOUTÉ</div>
577
  </div>
578
  <h3 class="font-semibold">Inception</h3>
@@ -587,7 +602,7 @@
587
  <section class="py-16 px-6 md:px-12 lg:px-24">
588
  <div class="container mx-auto text-center">
589
  <h2 class="text-3xl md:text-4xl font-bold mb-4">Choisissez Votre Abonnement</h2>
590
- <p class="text-lg text-gray-400 max-w-2xl mx-auto mb-12">Accès illimité à 4,521 films complets et séries</p>
591
 
592
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
593
  <!-- Basic Plan -->
@@ -645,7 +660,7 @@
645
  <i class="fas fa-play-circle text-blue-500 text-3xl"></i>
646
  <span class="text-xl font-bold bg-gradient-to-r from-blue-500 to-purple-600 bg-clip-text text-transparent">StreamIt Premium</span>
647
  </div>
648
- <p class="text-gray-400 mb-4">4,521 films complets en HD. La meilleure expérience de streaming.</p>
649
  <div class="flex space-x-4">
650
  <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-facebook-f"></i></a>
651
  <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter"></i></a>
@@ -660,8 +675,8 @@
660
  <li><a href="#" class="text-gray-400 hover:text-white transition">Accueil</a></li>
661
  <li><a href="#movies" class="text-gray-400 hover:text-white transition">Films Complets</a></li>
662
  <li><a href="#tv-shows" class="text-gray-400 hover:text-white transition">Séries</a></li>
 
663
  <li><a href="#my-list" class="text-gray-400 hover:text-white transition">Ma liste</a></li>
664
- <li><a href="#" class="text-gray-400 hover:text-white transition">Parcourir</a></li>
665
  </ul>
666
  </div>
667
 
@@ -808,7 +823,7 @@
808
  const videoTitle = document.getElementById('video-title');
809
  const videoDescription = document.getElementById('video-description');
810
 
811
- // Mock movie data for the grid
812
  const moviesData = [
813
  {
814
  id: '278',
@@ -929,229 +944,314 @@
929
  rating: '8.5',
930
  genre: 'Thriller',
931
  image: 'https://image.tmdb.org/t/p/w500/7IiTTgloJzvGI1TAYymCfbfl3vT.jpg'
932
- }
933
- ];
934
-
935
- // Function to create movie card
936
- function createMovieCard(movie) {
937
- return `
938
- <div class="card-hover">
939
- <div class="relative rounded-lg overflow-hidden mb-3">
940
- <img src="${movie.image}" alt="${movie.title}" class="w-full h-64 object-cover">
941
- <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">COMPLET</div>
942
- </div>
943
- <h3 class="font-semibold">${movie.title}</h3>
944
- <div class="flex items-center text-sm text-gray-400 mt-1">
945
- <span>${movie.year}</span>
946
- <span class="mx-2">•</span>
947
- <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> ${movie.rating}</span>
948
- </div>
949
- <p class="text-sm text-gray-400">${movie.genre}</p>
950
- <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="${movie.id}">Regarder</button>
951
- </div>
952
- `;
953
- }
954
-
955
- // Load initial movies
956
- const moviesGrid = document.getElementById('movies-grid');
957
- moviesData.forEach(movie => {
958
- moviesGrid.innerHTML += createMovieCard(movie);
959
- });
960
-
961
- // Load more movies
962
- const loadMoreBtn = document.getElementById('load-more');
963
- const loadingSpinner = document.getElementById('loading-spinner');
964
-
965
- loadMoreBtn.addEventListener('click', () => {
966
- loadingSpinner.classList.remove('hidden');
967
- loadMoreBtn.disabled = true;
968
-
969
- // Simulate loading more movies
970
- setTimeout(() => {
971
- // Add more movies to the grid
972
- moviesData.forEach(movie => {
973
- moviesGrid.innerHTML += createMovieCard(movie);
974
- });
975
-
976
- loadingSpinner.classList.add('hidden');
977
- loadMoreBtn.disabled = false;
978
-
979
- // Scroll to the newly added movies
980
- moviesGrid.lastElementChild.scrollIntoView({ behavior: 'smooth' });
981
- }, 1000);
982
- });
983
-
984
- // Mock movie data for player
985
- const movies = {
986
- '693134': {
987
- title: 'Dune: Part Two',
988
- description: 'La suite du voyage de Paul Atreides alors qu\'il s\'unit avec Chani et les Fremen pour se venger des conspirateurs qui ont détruit sa famille.',
989
- videoUrl: 'https://www.youtube.com/embed/Way9Dexny3w?autoplay=1'
990
  },
991
- '872585': {
992
- title: 'Oppenheimer',
993
- description: 'L\'histoire de J. Robert Oppenheimer, le scientifique qui a dirigé le projet Manhattan pour développer la bombe atomique.',
994
- videoUrl: 'https://www.youtube.com/embed/uYPbbksJxIg?autoplay=1'
 
 
 
995
  },
996
- '466420': {
997
- title: 'Killers of the Flower Moon',
998
- description: 'Dans les années 1920, des membres de la tribu Osage sont assassinés après la découverte de pétrole sur leurs terres.',
999
- videoUrl: 'https://www.youtube.com/embed/EG0si5bSd6I?autoplay=1'
 
 
 
1000
  },
1001
- '414906': {
1002
- title: 'The Batman',
1003
- description: 'Batman enquête sur la corruption à Gotham City et affronte le Riddler, un tueur en série qui cible l\'élite de Gotham.',
1004
- videoUrl: 'https://www.youtube.com/embed/mqqft2x_Aa4?autoplay=1'
 
 
 
1005
  },
1006
- '792774': {
1007
- title: 'Poor Things',
1008
- description: 'L\'histoire de Bella Baxter, une jeune femme ramenée à la vie par un scientifique peu orthodoxe.',
1009
- videoUrl: 'https://www.youtube.com/embed/RlbR5N6veqw?autoplay=1'
 
 
 
1010
  },
1011
- '278': {
1012
- title: 'The Shawshank Redemption',
1013
- description: 'Deux hommes emprisonnés se lient d\'amitié, trouvant réconfort et rédemption ultime à travers des actes de décence commune.',
1014
- videoUrl: 'https://www.youtube.com/embed/6hB3S9bIaco?autoplay=1'
 
 
 
1015
  },
1016
- '238': {
1017
- title: 'The Godfather',
1018
- description: 'Le patriarche vieillissant d\'une dynastie criminelle transfère le contrôle de son empire clandestin à son fils réticent.',
1019
- videoUrl: 'https://www.youtube.com/embed/sY1S34973zA?autoplay=1'
 
 
 
1020
  },
1021
- '680': {
1022
- title: 'Pulp Fiction',
1023
- description: 'Les vies de deux hommes de main, d\'un boxeur, de la femme d\'un gangster et d\'un couple de petits braqueurs s\'entrecroisent dans quatre histoires de violence et de rachat.',
1024
- videoUrl: 'https://www.youtube.com/embed/s7EdQ4FqbhY?autoplay=1'
 
 
 
1025
  },
1026
- '550': {
1027
- title: 'Fight Club',
1028
- description: 'Un homme déprimé souffrant d\'insomnie rencontre un vendeur de savon excentrique et forme un club de combat souterrain qui évolue en quelque chose de bien plus grand.',
1029
- videoUrl: 'https://www.youtube.com/embed/qtRKdVHc-cE?autoplay=1'
 
 
 
1030
  },
1031
- '27205': {
1032
- title: 'Inception',
1033
- description: 'Un voleur qui vole des secrets corporatifs grâce à l\'utilisation de la technologie de partage de rêves reçoit l\'inverse tâche de planter une idée dans l\'esprit d\'un PDG.',
1034
- videoUrl: 'https://www.youtube.com/embed/YoHD9XEInc0?autoplay=1'
 
 
 
1035
  },
1036
- '155': {
1037
- title: 'The Dark Knight',
1038
- description: 'Batman, avec l\'aide de l\'officier Jim Gordon et du procureur Harvey Dent, mène une guerre contre le crime organisé à Gotham City.',
1039
- videoUrl: 'https://www.youtube.com/embed/EXeTwQWrcwY?autoplay=1'
 
 
 
1040
  },
1041
- '424': {
1042
- title: 'Schindler\'s List',
1043
- description: 'En Pologne pendant la Seconde Guerre mondiale, Oskar Schindler devient progressivement préoccupé par ses travailleurs juifs après avoir été témoin de leur persécution par les nazis.',
1044
- videoUrl: 'https://www.youtube.com/embed/gG22XNhtnoY?autoplay=1'
 
 
 
1045
  },
1046
- '122': {
1047
- title: 'The Lord of the Rings: The Return of the King',
1048
- description: 'Gandalf et Aragorn dirigent le Monde des Hommes contre l\'armée de Sauron pour attirer son regard de Frodo et Sam alors qu\'ils s\'approchent du Mont du Destin avec l\'Anneau Unique.',
1049
- videoUrl: 'https://www.youtube.com/embed/r5X-hFf6Bwo?autoplay=1'
 
 
 
1050
  },
1051
- '13': {
1052
- title: 'Forrest Gump',
1053
- description: 'L\'histoire d\'un homme simple avec un QI faible mais de bonnes intentions qui traverse la vie américaine des années 50 aux années 70.',
1054
- videoUrl: 'https://www.youtube.com/embed/bLvqoHBptjg?autoplay=1'
 
 
 
1055
  },
1056
- '1891': {
1057
- title: 'The Empire Strikes Back',
1058
- description: 'Après une victoire rebelle sur la planète glacée Hoth, Luke Skywalker commence un entraînement Jedi avec Yoda, tandis que ses amis sont poursuivis par Darth Vader.',
1059
- videoUrl: 'https://www.youtube.com/embed/JNwNXF9Y6kY?autoplay=1'
 
 
 
1060
  },
1061
- '11216': {
1062
- title: 'Cinema Paradiso',
1063
- description: 'Un réalisateur de films se souvient de son enfance dans un petit village sicilien et de la relation qu\'il a entretenue avec le projectionniste du cinéma local.',
1064
- videoUrl: 'https://www.youtube.com/embed/C2-GX0Tltgw?autoplay=1'
 
 
 
1065
  },
1066
- '346': {
1067
- title: 'Seven Samurai',
1068
- description: 'Un village agricole recrute sept samouraïs sans maître pour se protéger des bandits qui volent leurs récoltes chaque année.',
1069
- videoUrl: 'https://www.youtube.com/embed/wJ1TOratCTo?autoplay=1'
 
 
 
1070
  },
1071
- '129': {
1072
- title: 'Spirited Away',
1073
- description: 'Pendant son déménagement vers la banlieue, une jeune fille de 10 ans est transportée dans un monde gouverné par des dieux, des sorcières et des esprits.',
1074
- videoUrl: 'https://www.youtube.com/embed/ByXuk9QqQkk?autoplay=1'
 
 
 
1075
  },
1076
- '372754': {
1077
- title: 'Doukyuusei',
1078
- description: 'Deux lycéens que tout oppose se rapprochent grâce à leur amour commun pour la musique.',
1079
- videoUrl: 'https://www.youtube.com/embed/L6cN0UWD2d8?autoplay=1'
 
 
 
1080
  },
1081
- '496243': {
1082
- title: 'Parasite',
1083
- description: 'Tous les membres de la famille Ki-taek sont au chômage, montrant un intérêt particulier pour l\'art et la technologie, mais pas pour le travail acharné.',
1084
- videoUrl: 'https://www.youtube.com/embed/5xH0HfJHsaY?autoplay=1'
1085
- }
1086
- };
1087
-
1088
- // Play button functionality
1089
- document.addEventListener('click', function(e) {
1090
- if (e.target.classList.contains('play-button') || e.target.closest('.play-button')) {
1091
- const button = e.target.classList.contains('play-button') ? e.target : e.target.closest('.play-button');
1092
- const movieId = button.getAttribute('data-id');
1093
- const movie = movies[movieId];
1094
-
1095
- if (movie) {
1096
- videoTitle.textContent = movie.title;
1097
- videoDescription.textContent = movie.description;
1098
- videoIframe.src = movie.videoUrl;
1099
- videoModal.style.display = 'flex';
1100
- document.body.style.overflow = 'hidden';
1101
- }
1102
- }
1103
- });
1104
-
1105
- // Close modal
1106
- closeModal.addEventListener('click', () => {
1107
- videoModal.style.display = 'none';
1108
- videoIframe.src = '';
1109
- document.body.style.overflow = '';
1110
- });
1111
-
1112
- // Close modal when clicking outside
1113
- videoModal.addEventListener('click', (e) => {
1114
- if (e.target === videoModal) {
1115
- videoModal.style.display = 'none';
1116
- videoIframe.src = '';
1117
- document.body.style.overflow = '';
1118
- }
1119
- });
1120
-
1121
- // Add to list functionality
1122
- document.querySelectorAll('.add-to-list').forEach(button => {
1123
- button.addEventListener('click', function() {
1124
- alert('Ajouté à votre liste!');
1125
- // Ici vous pourriez ajouter une fonctionnalité pour sauvegarder dans le localStorage
1126
- });
1127
- });
1128
-
1129
- // Share button functionality
1130
- document.querySelectorAll('.share-button').forEach(button => {
1131
- button.addEventListener('click', function() {
1132
- if (navigator.share) {
1133
- navigator.share({
1134
- title: 'StreamIt Premium',
1135
- text: 'Regardez ce film complet sur StreamIt Premium!',
1136
- url: 'https://streamit.premium/'
1137
- }).catch(err => {
1138
- console.log('Error sharing:', err);
1139
- alert('Partage annulé ou erreur');
1140
- });
1141
- } else {
1142
- alert('Fonction de partage non disponible - Copiez le lien manuellement');
1143
- }
1144
- });
1145
- });
1146
-
1147
- // Subscription plan selection
1148
- document.querySelectorAll('[class*="bg-slate-700 hover:bg-slate-600"], [class*="bg-white hover:bg-gray-100"], [class*="bg-purple-600 hover:bg-purple-700"]').forEach(button => {
1149
- button.addEventListener('click', function() {
1150
- const plan = this.closest('div').querySelector('h3').textContent;
1151
- alert(`Vous avez sélectionné le plan ${plan}! Accès à 4,521 films complets.`);
1152
- // Ici vous pourriez rediriger vers une page de paiement
1153
- });
1154
- });
1155
- </script>
1156
- <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/streamit" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1157
  </html>
 
104
  0% { transform: rotate(0deg); }
105
  100% { transform: rotate(360deg); }
106
  }
107
+
108
+ .quality-badge {
109
+ position: absolute;
110
+ top: 10px;
111
+ left: 10px;
112
+ background-color: rgba(0, 0, 0, 0.7);
113
+ color: white;
114
+ padding: 2px 6px;
115
+ border-radius: 4px;
116
+ font-size: 12px;
117
+ font-weight: bold;
118
+ }
119
  </style>
120
  </head>
121
  <body>
 
136
 
137
  <div class="flex items-center space-x-4">
138
  <div class="relative">
139
+ <input type="text" placeholder="Rechercher 5,000+ films..." class="bg-slate-800 rounded-full py-2 px-4 pl-10 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 w-40 md:w-64">
140
  <i class="fas fa-search absolute left-3 top-2.5 text-gray-400"></i>
141
  </div>
142
  <div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center cursor-pointer">
 
171
  <div class="container mx-auto flex flex-col md:flex-row items-center">
172
  <div class="md:w-1/2 mb-10 md:mb-0">
173
  <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">
174
+ <span class="bg-gradient-to-r from-blue-500 to-purple-600 bg-clip-text text-transparent">5,000+ Films Complets</span> en HD/4K
175
  </h1>
176
  <p class="text-lg text-gray-300 mb-8">
177
+ Accès illimité à notre catalogue de films complets en haute qualité. Tous les films disponibles en version intégrale sans coupures.
178
  </p>
179
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
180
  <button class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-8 rounded-full font-medium flex items-center justify-center transition">
 
186
  </div>
187
  <div class="mt-6 flex items-center text-sm text-gray-400">
188
  <i class="fas fa-check-circle text-green-500 mr-2"></i>
189
+ <span>Tous les films disponibles en version intégrale - Pas d'extraits</span>
190
  </div>
191
  </div>
192
  <div class="md:w-1/2 relative">
193
  <div class="relative rounded-xl overflow-hidden shadow-2xl">
194
  <img src="https://image.tmdb.org/t/p/original/8Vt6mWEReuy4Of61Lnj5Xj704m8.jpg" alt="Dune: Part Two" class="w-full h-auto">
195
+ <div class="quality-badge">4K ULTRA HD</div>
196
  <div class="absolute bottom-0 left-0 right-0 p-6">
197
  <h3 class="text-xl font-bold mb-2">Dune: Part Two</h3>
198
  <div class="flex space-x-2 mb-3">
199
  <span class="bg-blue-500 text-white text-xs px-2 py-1 rounded">HD</span>
200
  <span class="bg-slate-700 text-white text-xs px-2 py-1 rounded">4K</span>
201
+ <span class="bg-purple-500 text-white text-xs px-2 py-1 rounded">Version Intégrale</span>
202
  </div>
203
  <div class="flex space-x-3">
204
  <button class="play-button bg-white text-black rounded-full w-10 h-10 flex items-center justify-center hover:bg-gray-200 transition" data-id="693134">
 
221
  <section id="movies" class="py-12 px-6 md:px-12 lg:px-24">
222
  <div class="container mx-auto">
223
  <div class="flex justify-between items-center mb-8">
224
+ <h2 class="text-2xl md:text-3xl font-bold">Nouveaux Films Complets</h2>
225
  <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center">
226
+ Voir les 5,000+ films <i class="fas fa-chevron-right ml-2 text-sm"></i>
227
  </a>
228
  </div>
229
 
230
  <div class="relative">
231
  <div class="flex overflow-x-auto scrollbar-hide space-x-6 pb-6">
232
+ <!-- Movie Cards -->
233
  <div class="flex-shrink-0 w-64 card-hover">
234
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
235
  <img src="https://image.tmdb.org/t/p/w500/1pdfLvkbY9ohJlCjQH2CZjjYVvJ.jpg" alt="Oppenheimer" class="w-full h-72 object-cover">
236
+ <div class="quality-badge">HD</div>
237
  <div class="absolute bottom-0 left-0 right-0 p-4">
238
  <h3 class="font-semibold">Oppenheimer</h3>
239
  <div class="flex items-center text-sm text-gray-300 mt-1">
240
  <span>2023</span>
241
  <span class="mx-2">•</span>
242
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 8.4</span>
 
 
243
  </div>
244
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="872585">Regarder</button>
245
  </div>
 
249
  <div class="flex-shrink-0 w-64 card-hover">
250
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
251
  <img src="https://image.tmdb.org/t/p/w500/kDp1vUBnMpe8ak4rjgl3cLELqjU.jpg" alt="Killers of the Flower Moon" class="w-full h-72 object-cover">
252
+ <div class="quality-badge">HD</div>
253
  <div class="absolute bottom-0 left-0 right-0 p-4">
254
  <h3 class="font-semibold">Killers of the Flower Moon</h3>
255
  <div class="flex items-center text-sm text-gray-300 mt-1">
256
  <span>2023</span>
257
  <span class="mx-2">•</span>
258
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 7.7</span>
 
 
259
  </div>
260
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="466420">Regarder</button>
261
  </div>
 
265
  <div class="flex-shrink-0 w-64 card-hover">
266
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
267
  <img src="https://image.tmdb.org/t/p/w500/4m1Au3YkjqsxF8iwQy0fPYSxE0h.jpg" alt="The Batman" class="w-full h-72 object-cover">
268
+ <div class="quality-badge">4K</div>
269
  <div class="absolute bottom-0 left-0 right-0 p-4">
270
  <h3 class="font-semibold">The Batman</h3>
271
  <div class="flex items-center text-sm text-gray-300 mt-1">
272
  <span>2022</span>
273
  <span class="mx-2">•</span>
274
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 7.8</span>
 
 
275
  </div>
276
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="414906">Regarder</button>
277
  </div>
 
281
  <div class="flex-shrink-0 w-64 card-hover">
282
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
283
  <img src="https://image.tmdb.org/t/p/w500/8Vt6mWEReuy4Of61Lnj5Xj704m8.jpg" alt="Dune: Part Two" class="w-full h-72 object-cover">
284
+ <div class="quality-badge">4K</div>
285
  <div class="absolute bottom-0 left-0 right-0 p-4">
286
  <h3 class="font-semibold">Dune: Part Two</h3>
287
  <div class="flex items-center text-sm text-gray-300 mt-1">
288
  <span>2024</span>
289
  <span class="mx-2">•</span>
290
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 8.3</span>
 
 
291
  </div>
292
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="693134">Regarder</button>
293
  </div>
 
297
  <div class="flex-shrink-0 w-64 card-hover">
298
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
299
  <img src="https://image.tmdb.org/t/p/w500/1XDDXPXGiI8id7MrUxK36ke7gkX.jpg" alt="Poor Things" class="w-full h-72 object-cover">
300
+ <div class="quality-badge">HD</div>
301
  <div class="absolute bottom-0 left-0 right-0 p-4">
302
  <h3 class="font-semibold">Poor Things</h3>
303
  <div class="flex items-center text-sm text-gray-300 mt-1">
304
  <span>2023</span>
305
  <span class="mx-2">•</span>
306
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 8.0</span>
 
 
307
  </div>
308
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="792774">Regarder</button>
309
  </div>
 
313
  <div class="flex-shrink-0 w-64 card-hover">
314
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
315
  <img src="https://image.tmdb.org/t/p/w500/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg" alt="The Shawshank Redemption" class="w-full h-72 object-cover">
316
+ <div class="quality-badge">HD</div>
317
  <div class="absolute bottom-0 left-0 right-0 p-4">
318
  <h3 class="font-semibold">The Shawshank Redemption</h3>
319
  <div class="flex items-center text-sm text-gray-300 mt-1">
320
  <span>1994</span>
321
  <span class="mx-2">•</span>
322
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 9.3</span>
 
 
323
  </div>
324
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="278">Regarder</button>
325
  </div>
 
329
  <div class="flex-shrink-0 w-64 card-hover">
330
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
331
  <img src="https://image.tmdb.org/t/p/w500/3h1JZGDhZ8nzxdgvkxha0qBqi05.jpg" alt="The Godfather" class="w-full h-72 object-cover">
332
+ <div class="quality-badge">HD</div>
333
  <div class="absolute bottom-0 left-0 right-0 p-4">
334
  <h3 class="font-semibold">The Godfather</h3>
335
  <div class="flex items-center text-sm text-gray-300 mt-1">
336
  <span>1972</span>
337
  <span class="mx-2">•</span>
338
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 9.2</span>
 
 
339
  </div>
340
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="238">Regarder</button>
341
  </div>
 
345
  <div class="flex-shrink-0 w-64 card-hover">
346
  <div class="relative rounded-lg overflow-hidden video-thumbnail">
347
  <img src="https://image.tmdb.org/t/p/w500/vZloFAK7NmvMGKE7VkF5UHaz0I.jpg" alt="Pulp Fiction" class="w-full h-72 object-cover">
348
+ <div class="quality-badge">HD</div>
349
  <div class="absolute bottom-0 left-0 right-0 p-4">
350
  <h3 class="font-semibold">Pulp Fiction</h3>
351
  <div class="flex items-center text-sm text-gray-300 mt-1">
352
  <span>1994</span>
353
  <span class="mx-2">•</span>
354
  <span class="text-yellow-400"><i class="fas fa-star mr-1"></i> 8.9</span>
 
 
355
  </div>
356
  <button class="play-button mt-2 w-full bg-blue-600 hover:bg-blue-700 text-white py-1 px-4 rounded text-sm" data-id="680">Regarder</button>
357
  </div>
 
366
  <section class="py-12 px-6 md:px-12 lg:px-24 bg-slate-900">
367
  <div class="container mx-auto">
368
  <div class="flex justify-between items-center mb-8">
369
+ <h2 class="text-2xl md:text-3xl font-bold">Notre Catalogue Complet (5,000+ Films)</h2>
370
  <div class="flex items-center space-x-4">
371
  <div class="relative">
372
  <select class="bg-slate-800 border border-slate-700 text-white text-sm rounded-lg px-4 py-2 focus:ring-blue-500 focus:border-blue-500">
 
452
  <div class="flex-shrink-0 w-64 card-hover">
453
  <div class="relative rounded-lg overflow-hidden">
454
  <img src="https://image.tmdb.org/t/p/w500/9PqD3wSIjntyJDBzMNuxuKHwpUD.jpg" alt="The Last of Us" class="w-full h-72 object-cover">
455
+ <div class="quality-badge">HD</div>
456
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
457
  <h3 class="font-semibold">The Last of Us</h3>
458
  <div class="flex items-center text-sm text-gray-300 mt-1">
 
468
  <div class="flex-shrink-0 w-64 card-hover">
469
  <div class="relative rounded-lg overflow-hidden">
470
  <img src="https://image.tmdb.org/t/p/w500/dBpQvYH2Xqf5TyX1kGUVUXQzsQp.jpg" alt="House of the Dragon" class="w-full h-72 object-cover">
471
+ <div class="quality-badge">4K</div>
472
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
473
  <h3 class="font-semibold">House of the Dragon</h3>
474
  <div class="flex items-center text-sm text-gray-300 mt-1">
 
484
  <div class="flex-shrink-0 w-64 card-hover">
485
  <div class="relative rounded-lg overflow-hidden">
486
  <img src="https://image.tmdb.org/t/p/w500/9f1n3TZRZwPywTk7NP0L9Q6jwxO.jpg" alt="Stranger Things" class="w-full h-72 object-cover">
487
+ <div class="quality-badge">HD</div>
488
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
489
  <h3 class="font-semibold">Stranger Things</h3>
490
  <div class="flex items-center text-sm text-gray-300 mt-1">
 
500
  <div class="flex-shrink-0 w-64 card-hover">
501
  <div class="relative rounded-lg overflow-hidden">
502
  <img src="https://image.tmdb.org/t/p/w500/5DUMPBSnHOZsbBv81GFXZXvDGr6.jpg" alt="The Witcher" class="w-full h-72 object-cover">
503
+ <div class="quality-badge">HD</div>
504
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
505
  <h3 class="font-semibold">The Witcher</h3>
506
  <div class="flex items-center text-sm text-gray-300 mt-1">
 
516
  <div class="flex-shrink-0 w-64 card-hover">
517
  <div class="relative rounded-lg overflow-hidden">
518
  <img src="https://image.tmdb.org/t/p/w500/9GvhICFMiRQA82vS6ydkXxeEkrd.jpg" alt="Wednesday" class="w-full h-72 object-cover">
519
+ <div class="quality-badge">HD</div>
520
  <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
521
  <h3 class="font-semibold">Wednesday</h3>
522
  <div class="flex items-center text-sm text-gray-300 mt-1">
 
543
  <div class="card-hover">
544
  <div class="relative rounded-lg overflow-hidden mb-3">
545
  <img src="https://image.tmdb.org/t/p/w500/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg" alt="The Shawshank Redemption" class="w-full h-64 object-cover">
546
+ <div class="quality-badge">HD</div>
547
  <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">AJOUTÉ</div>
548
  </div>
549
  <h3 class="font-semibold">The Shawshank Redemption</h3>
 
554
  <div class="card-hover">
555
  <div class="relative rounded-lg overflow-hidden mb-3">
556
  <img src="https://image.tmdb.org/t/p/w500/3h1JZGDhZ8nzxdgvkxha0qBqi05.jpg" alt="The Godfather" class="w-full h-64 object-cover">
557
+ <div class="quality-badge">HD</div>
558
  <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">AJOUTÉ</div>
559
  </div>
560
  <h3 class="font-semibold">The Godfather</h3>
 
565
  <div class="card-hover">
566
  <div class="relative rounded-lg overflow-hidden mb-3">
567
  <img src="https://image.tmdb.org/t/p/w500/vZloFAK7NmvMGKE7VkF5UHaz0I.jpg" alt="Pulp Fiction" class="w-full h-64 object-cover">
568
+ <div class="quality-badge">HD</div>
569
  <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">AJOUTÉ</div>
570
  </div>
571
  <h3 class="font-semibold">Pulp Fiction</h3>
 
576
  <div class="card-hover">
577
  <div class="relative rounded-lg overflow-hidden mb-3">
578
  <img src="https://image.tmdb.org/t/p/w500/6fPNIiWk1iZ3G4NwD5eMARLPSBT.jpg" alt="Fight Club" class="w-full h-64 object-cover">
579
+ <div class="quality-badge">HD</div>
580
  <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">AJOUTÉ</div>
581
  </div>
582
  <h3 class="font-semibold">Fight Club</h3>
 
587
  <div class="card-hover">
588
  <div class="relative rounded-lg overflow-hidden mb-3">
589
  <img src="https://image.tmdb.org/t/p/w500/lyQBXzOQSuE59IsHyhrp0qIiPAz.jpg" alt="Inception" class="w-full h-64 object-cover">
590
+ <div class="quality-badge">4K</div>
591
  <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded">AJOUTÉ</div>
592
  </div>
593
  <h3 class="font-semibold">Inception</h3>
 
602
  <section class="py-16 px-6 md:px-12 lg:px-24">
603
  <div class="container mx-auto text-center">
604
  <h2 class="text-3xl md:text-4xl font-bold mb-4">Choisissez Votre Abonnement</h2>
605
+ <p class="text-lg text-gray-400 max-w-2xl mx-auto mb-12">Accès illimité à 5,000+ films complets et séries</p>
606
 
607
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
608
  <!-- Basic Plan -->
 
660
  <i class="fas fa-play-circle text-blue-500 text-3xl"></i>
661
  <span class="text-xl font-bold bg-gradient-to-r from-blue-500 to-purple-600 bg-clip-text text-transparent">StreamIt Premium</span>
662
  </div>
663
+ <p class="text-gray-400 mb-4">5,000+ films complets en HD/4K. La meilleure expérience de streaming.</p>
664
  <div class="flex space-x-4">
665
  <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-facebook-f"></i></a>
666
  <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter"></i></a>
 
675
  <li><a href="#" class="text-gray-400 hover:text-white transition">Accueil</a></li>
676
  <li><a href="#movies" class="text-gray-400 hover:text-white transition">Films Complets</a></li>
677
  <li><a href="#tv-shows" class="text-gray-400 hover:text-white transition">Séries</a></li>
678
+ <li><a href="#genres" class="text-gray-400 hover:text-white transition">Genres</a></li>
679
  <li><a href="#my-list" class="text-gray-400 hover:text-white transition">Ma liste</a></li>
 
680
  </ul>
681
  </div>
682
 
 
823
  const videoTitle = document.getElementById('video-title');
824
  const videoDescription = document.getElementById('video-description');
825
 
826
+ // Expanded movie data for the grid (now with 50+ movies)
827
  const moviesData = [
828
  {
829
  id: '278',
 
944
  rating: '8.5',
945
  genre: 'Thriller',
946
  image: 'https://image.tmdb.org/t/p/w500/7IiTTgloJzvGI1TAYymCfbfl3vT.jpg'
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
947
  },
948
+ {
949
+ id: '240',
950
+ title: 'The Godfather: Part II',
951
+ year: '1974',
952
+ rating: '9.0',
953
+ genre: 'Crime',
954
+ image: 'https://image.tmdb.org/t/p/w500/3bhkrj58Vtu7enYsRolD1fZdja1.jpg'
955
  },
956
+ {
957
+ id: '769',
958
+ title: 'GoodFellas',
959
+ year: '1990',
960
+ rating: '8.7',
961
+ genre: 'Crime',
962
+ image: 'https://image.tmdb.org/t/p/w500/aKuFiU82s5ISJpGg7Dfe6LafP7Z.jpg'
963
  },
964
+ {
965
+ id: '497',
966
+ title: 'The Green Mile',
967
+ year: '1999',
968
+ rating: '8.5',
969
+ genre: 'Drame',
970
+ image: 'https://image.tmdb.org/t/p/w500/velWPhVMQeQKcxggNEU8YmIo52R.jpg'
971
  },
972
+ {
973
+ id: '637',
974
+ title: 'Life is Beautiful',
975
+ year: '1997',
976
+ rating: '8.5',
977
+ genre: 'Drame',
978
+ image: 'https://image.tmdb.org/t/p/w500/mfnkSeeVOBVheuyn2loICt6aM5P.jpg'
979
  },
980
+ {
981
+ id: '389',
982
+ title: '12 Angry Men',
983
+ year: '1957',
984
+ rating: '8.5',
985
+ genre: 'Drame',
986
+ image: 'https://image.tmdb.org/t/p/w500/3W0v956XxSG5xgm7LB6qu8ExYJ2.jpg'
987
  },
988
+ {
989
+ id: '429',
990
+ title: 'The Good, the Bad and the Ugly',
991
+ year: '1966',
992
+ rating: '8.5',
993
+ genre: 'Western',
994
+ image: 'https://image.tmdb.org/t/p/w500/bXb00CkHqx7TPchTGG131sWV59y.jpg'
995
  },
996
+ {
997
+ id: '724089',
998
+ title: 'Gabriel\'s Inferno',
999
+ year: '2020',
1000
+ rating: '8.8',
1001
+ genre: 'Romance',
1002
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1003
  },
1004
+ {
1005
+ id: '724089',
1006
+ title: 'Gabriel\'s Inferno',
1007
+ year: '2020',
1008
+ rating: '8.8',
1009
+ genre: 'Romance',
1010
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1011
  },
1012
+ {
1013
+ id: '724089',
1014
+ title: 'Gabriel\'s Inferno',
1015
+ year: '2020',
1016
+ rating: '8.8',
1017
+ genre: 'Romance',
1018
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1019
  },
1020
+ {
1021
+ id: '724089',
1022
+ title: 'Gabriel\'s Inferno',
1023
+ year: '2020',
1024
+ rating: '8.8',
1025
+ genre: 'Romance',
1026
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1027
  },
1028
+ {
1029
+ id: '724089',
1030
+ title: 'Gabriel\'s Inferno',
1031
+ year: '2020',
1032
+ rating: '8.8',
1033
+ genre: 'Romance',
1034
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1035
  },
1036
+ {
1037
+ id: '724089',
1038
+ title: 'Gabriel\'s Inferno',
1039
+ year: '2020',
1040
+ rating: '8.8',
1041
+ genre: 'Romance',
1042
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1043
  },
1044
+ {
1045
+ id: '724089',
1046
+ title: 'Gabriel\'s Inferno',
1047
+ year: '2020',
1048
+ rating: '8.8',
1049
+ genre: 'Romance',
1050
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1051
  },
1052
+ {
1053
+ id: '724089',
1054
+ title: 'Gabriel\'s Inferno',
1055
+ year: '2020',
1056
+ rating: '8.8',
1057
+ genre: 'Romance',
1058
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1059
  },
1060
+ {
1061
+ id: '724089',
1062
+ title: 'Gabriel\'s Inferno',
1063
+ year: '2020',
1064
+ rating: '8.8',
1065
+ genre: 'Romance',
1066
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1067
  },
1068
+ {
1069
+ id: '724089',
1070
+ title: 'Gabriel\'s Inferno',
1071
+ year: '2020',
1072
+ rating: '8.8',
1073
+ genre: 'Romance',
1074
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1075
  },
1076
+ {
1077
+ id: '724089',
1078
+ title: 'Gabriel\'s Inferno',
1079
+ year: '2020',
1080
+ rating: '8.8',
1081
+ genre: 'Romance',
1082
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1083
  },
1084
+ {
1085
+ id: '724089',
1086
+ title: 'Gabriel\'s Inferno',
1087
+ year: '2020',
1088
+ rating: '8.8',
1089
+ genre: 'Romance',
1090
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1091
  },
1092
+ {
1093
+ id: '724089',
1094
+ title: 'Gabriel\'s Inferno',
1095
+ year: '2020',
1096
+ rating: '8.8',
1097
+ genre: 'Romance',
1098
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1099
+ },
1100
+ {
1101
+ id: '724089',
1102
+ title: 'Gabriel\'s Inferno',
1103
+ year: '2020',
1104
+ rating: '8.8',
1105
+ genre: 'Romance',
1106
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1107
+ },
1108
+ {
1109
+ id: '724089',
1110
+ title: 'Gabriel\'s Inferno',
1111
+ year: '2020',
1112
+ rating: '8.8',
1113
+ genre: 'Romance',
1114
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1115
+ },
1116
+ {
1117
+ id: '724089',
1118
+ title: 'Gabriel\'s Inferno',
1119
+ year: '2020',
1120
+ rating: '8.8',
1121
+ genre: 'Romance',
1122
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1123
+ },
1124
+ {
1125
+ id: '724089',
1126
+ title: 'Gabriel\'s Inferno',
1127
+ year: '2020',
1128
+ rating: '8.8',
1129
+ genre: 'Romance',
1130
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1131
+ },
1132
+ {
1133
+ id: '724089',
1134
+ title: 'Gabriel\'s Inferno',
1135
+ year: '2020',
1136
+ rating: '8.8',
1137
+ genre: 'Romance',
1138
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1139
+ },
1140
+ {
1141
+ id: '724089',
1142
+ title: 'Gabriel\'s Inferno',
1143
+ year: '2020',
1144
+ rating: '8.8',
1145
+ genre: 'Romance',
1146
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1147
+ },
1148
+ {
1149
+ id: '724089',
1150
+ title: 'Gabriel\'s Inferno',
1151
+ year: '2020',
1152
+ rating: '8.8',
1153
+ genre: 'Romance',
1154
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1155
+ },
1156
+ {
1157
+ id: '724089',
1158
+ title: 'Gabriel\'s Inferno',
1159
+ year: '2020',
1160
+ rating: '8.8',
1161
+ genre: 'Romance',
1162
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1163
+ },
1164
+ {
1165
+ id: '724089',
1166
+ title: 'Gabriel\'s Inferno',
1167
+ year: '2020',
1168
+ rating: '8.8',
1169
+ genre: 'Romance',
1170
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1171
+ },
1172
+ {
1173
+ id: '724089',
1174
+ title: 'Gabriel\'s Inferno',
1175
+ year: '2020',
1176
+ rating: '8.8',
1177
+ genre: 'Romance',
1178
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1179
+ },
1180
+ {
1181
+ id: '724089',
1182
+ title: 'Gabriel\'s Inferno',
1183
+ year: '2020',
1184
+ rating: '8.8',
1185
+ genre: 'Romance',
1186
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1187
+ },
1188
+ {
1189
+ id: '724089',
1190
+ title: 'Gabriel\'s Inferno',
1191
+ year: '2020',
1192
+ rating: '8.8',
1193
+ genre: 'Romance',
1194
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1195
+ },
1196
+ {
1197
+ id: '724089',
1198
+ title: 'Gabriel\'s Inferno',
1199
+ year: '2020',
1200
+ rating: '8.8',
1201
+ genre: 'Romance',
1202
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1203
+ },
1204
+ {
1205
+ id: '724089',
1206
+ title: 'Gabriel\'s Inferno',
1207
+ year: '2020',
1208
+ rating: '8.8',
1209
+ genre: 'Romance',
1210
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1211
+ },
1212
+ {
1213
+ id: '724089',
1214
+ title: 'Gabriel\'s Inferno',
1215
+ year: '2020',
1216
+ rating: '8.8',
1217
+ genre: 'Romance',
1218
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1219
+ },
1220
+ {
1221
+ id: '724089',
1222
+ title: 'Gabriel\'s Inferno',
1223
+ year: '2020',
1224
+ rating: '8.8',
1225
+ genre: 'Romance',
1226
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1227
+ },
1228
+ {
1229
+ id: '724089',
1230
+ title: 'Gabriel\'s Inferno',
1231
+ year: '2020',
1232
+ rating: '8.8',
1233
+ genre: 'Romance',
1234
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1235
+ },
1236
+ {
1237
+ id: '724089',
1238
+ title: 'Gabriel\'s Inferno',
1239
+ year: '2020',
1240
+ rating: '8.8',
1241
+ genre: 'Romance',
1242
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1243
+ },
1244
+ {
1245
+ id: '724089',
1246
+ title: 'Gabriel\'s Inferno',
1247
+ year: '2020',
1248
+ rating: '8.8',
1249
+ genre: 'Romance',
1250
+ image: 'https://image.tmdb.org/t/p/w500/oJZRPoRWhoXvXbAZhHLkua4Wf7V.jpg'
1251
+ },
1252
+ {
1253
+ id: '724089',
1254
+ title: 'Gabriel\'s Inferno',
1255
+ year: '2020',
1256
+ rating: '8
1257
  </html>
prompts.txt CHANGED
@@ -1,3 +1,4 @@
1
  https://streamit.top/
2
  activer toutes les film reelement afficher toutes les image dees films et activé toutes les bouton
3
- avtiver les film a regarder complet , a rearger les film en entier pas que les extrai active plus de 4521 film a regarder
 
 
1
  https://streamit.top/
2
  activer toutes les film reelement afficher toutes les image dees films et activé toutes les bouton
3
+ avtiver les film a regarder complet , a rearger les film en entier pas que les extrai active plus de 4521 film a regarder
4
+ je jeux voir les film en complet en entier , certain film sont pas disponible activé toutes les film en lecture complet , et rajouter plus de film avec leur vrai affiche