Hugging Face's logo

Spaces:
docto41
/
stream-vista
Running

App Files Community
docto41 commited on
Commit
83683f2
·
verified ·
1 Parent(s): f63e1eb

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +166 -46
  2. prompts.txt +2 -1
index.html CHANGED
@@ -50,6 +50,7 @@
50
  position: relative;
51
  overflow: hidden;
52
  border-radius: 0.5rem;
 
53
  }
54
 
55
  .movie-card img {
@@ -134,6 +135,20 @@
134
  color: #3b82f6;
135
  font-weight: bold;
136
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
137
  </style>
138
  </head>
139
  <body class="text-white">
@@ -147,11 +162,11 @@
147
  </div>
148
  <div class="hidden md:block">
149
  <div class="ml-10 flex items-baseline space-x-4">
150
- <a href="#home" class="px-3 py-2 rounded-md text-sm font-medium bg-blue-600 text-white">Accueil</a>
151
- <a href="#movies" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white">Films</a>
152
- <a href="#series" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white">Séries</a>
153
- <a href="#documentaries" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white">Documentaires</a>
154
- <a href="#mylist" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white">Ma liste</a>
155
  </div>
156
  </div>
157
  </div>
@@ -159,22 +174,22 @@
159
  <div class="ml-4 flex items-center md:ml-6">
160
  <div class="relative mx-4">
161
  <input type="text" placeholder="Rechercher..." class="bg-gray-700 text-white px-4 py-1 rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 w-64">
162
- <button class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400">
163
  <i class="fas fa-search"></i>
164
  </button>
165
  </div>
166
- <button class="p-1 rounded-full text-gray-400 hover:text-white focus:outline-none" onclick="alert('Notifications cliquées')">
167
  <i class="fas fa-bell text-xl"></i>
168
  </button>
169
  <div class="ml-3 relative">
170
- <div class="h-8 w-8 rounded-full bg-blue-500 flex items-center justify-center cursor-pointer" onclick="alert('Profil cliqué')">
171
  <span class="text-sm font-medium">JP</span>
172
  </div>
173
  </div>
174
  </div>
175
  </div>
176
  <div class="-mr-2 flex md:hidden">
177
- <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none" onclick="toggleMobileMenu()">
178
  <span class="sr-only">Open main menu</span>
179
  <i class="fas fa-bars text-xl"></i>
180
  </button>
@@ -185,11 +200,27 @@
185
  <!-- Mobile menu -->
186
  <div class="md:hidden hidden" id="mobile-menu">
187
  <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 bg-gray-800">
188
- <a href="#home" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-gray-900">Accueil</a>
189
- <a href="#movies" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700">Films</a>
190
- <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>
191
- <a href="#documentaries" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700">Documentaires</a>
192
- <a href="#mylist" 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>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
193
  </div>
194
  </div>
195
  </nav>
@@ -207,11 +238,11 @@
207
  Des milliers de films disponibles immédiatement en streaming.
208
  </p>
209
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
210
- <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg flex items-center justify-center transition duration-300 transform hover:scale-105" onclick="startFreeTrial()">
211
  <span>Commencer l'essai gratuit</span>
212
  <i class="fas fa-play ml-2"></i>
213
  </button>
214
- <button class="bg-gray-700 hover:bg-gray-600 text-white font-bold py-3 px-8 rounded-lg flex items-center justify-center transition duration-300" onclick="showMoreInfo()">
215
  <i class="fas fa-info-circle mr-2"></i>
216
  <span>En savoir plus</span>
217
  </button>
@@ -254,7 +285,7 @@
254
  <div id="movies" class="mb-16">
255
  <div class="flex justify-between items-center mb-6">
256
  <h3 class="text-xl font-semibold">Films complets en français</h3>
257
- <a href="#all-movies" class="text-blue-400 hover:text-blue-300 text-sm flex items-center">
258
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
259
  </a>
260
  </div>
@@ -267,7 +298,7 @@
267
  <div id="series" class="mb-16">
268
  <div class="flex justify-between items-center mb-6">
269
  <h3 class="text-xl font-semibold">Séries complètes en français</h3>
270
- <a href="#all-series" class="text-blue-400 hover:text-blue-300 text-sm flex items-center">
271
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
272
  </a>
273
  </div>
@@ -280,7 +311,7 @@
280
  <div id="documentaries">
281
  <div class="flex justify-between items-center mb-6">
282
  <h3 class="text-xl font-semibold">Documentaires complets</h3>
283
- <a href="#all-documentaries" class="text-blue-400 hover:text-blue-300 text-sm flex items-center">
284
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
285
  </a>
286
  </div>
@@ -343,42 +374,42 @@
343
  <div>
344
  <h3 class="text-lg font-semibold mb-4">Navigation</h3>
345
  <ul class="space-y-2">
346
- <li><a href="#home" class="text-gray-400 hover:text-white">Accueil</a></li>
347
- <li><a href="#movies" class="text-gray-400 hover:text-white">Films</a></li>
348
- <li><a href="#series" class="text-gray-400 hover:text-white">Séries</a></li>
349
- <li><a href="#documentaries" class="text-gray-400 hover:text-white">Documentaires</a></li>
350
- <li><a href="#mylist" class="text-gray-400 hover:text-white">Ma liste</a></li>
351
  </ul>
352
  </div>
353
  <div>
354
  <h3 class="text-lg font-semibold mb-4">Informations</h3>
355
  <ul class="space-y-2">
356
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('À propos cliqué')">À propos</a></li>
357
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('Carrières cliqué')">Carrières</a></li>
358
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('Presse cliqué')">Presse</a></li>
359
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('Investisseurs cliqué')">Investisseurs</a></li>
360
  </ul>
361
  </div>
362
  <div>
363
  <h3 class="text-lg font-semibold mb-4">Légal</h3>
364
  <ul class="space-y-2">
365
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('Conditions cliquées')">Conditions d'utilisation</a></li>
366
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('Confidentialité cliquée')">Confidentialité</a></li>
367
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('Cookies cliqués')">Préférences de cookies</a></li>
368
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('Mentions légales cliquées')">Mentions légales</a></li>
369
  </ul>
370
  </div>
371
  <div>
372
  <h3 class="text-lg font-semibold mb-4">Contact</h3>
373
  <ul class="space-y-2">
374
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('Service client cliqué')">Service client</a></li>
375
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('FAQ cliquée')">FAQ</a></li>
376
- <li><a href="#" class="text-gray-400 hover:text-white" onclick="alert('Aide cliquée')">Centre d'aide</a></li>
377
  <li class="flex space-x-4 mt-4">
378
- <a href="#" class="text-gray-400 hover:text-white" onclick="alert('Facebook cliqué')"><i class="fab fa-facebook-f"></i></a>
379
- <a href="#" class="text-gray-400 hover:text-white" onclick="alert('Twitter cliqué')"><i class="fab fa-twitter"></i></a>
380
- <a href="#" class="text-gray-400 hover:text-white" onclick="alert('Instagram cliqué')"><i class="fab fa-instagram"></i></a>
381
- <a href="#" class="text-gray-400 hover:text-white" onclick="alert('YouTube cliqué')"><i class="fab fa-youtube"></i></a>
382
  </li>
383
  </ul>
384
  </div>
@@ -386,9 +417,9 @@
386
  <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
387
  <p class="text-gray-400 mb-4 md:mb-0">© 2023 StreamVista. Tous droits réservés.</p>
388
  <div class="flex space-x-6">
389
- <a href="#" class="text-gray-400 hover:text-white" onclick="alert('Paramètres cliqués')">Paramètres</a>
390
- <a href="#" class="text-gray-400 hover:text-white" onclick="alert('Confidentialité cliquée')">Confidentialité</a>
391
- <a href="#" class="text-gray-400 hover:text-white" onclick="alert('Cookies cliqués')">Cookies</a>
392
  </div>
393
  </div>
394
  </div>
@@ -401,10 +432,10 @@
401
  <div class="video-container">
402
  <iframe id="modalVideo" frameborder="0" allowfullscreen></iframe>
403
  <div class="language-selector">
404
- <button class="language-btn active" onclick="changeLanguage('fr')">FR</button>
405
- <button class="language-btn" onclick="changeLanguage('en')">EN</button>
406
- <button class="language-btn" onclick="changeLanguage('es')">ES</button>
407
- <button class="language-btn" onclick="changeLanguage('de')">DE</button>
408
  </div>
409
  </div>
410
  </div>
@@ -704,6 +735,95 @@
704
  alert("StreamVista offre des milliers de films et séries en français et autres langues. Abonnez-vous dès maintenant!");
705
  }
706
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
707
  // Initialize the page with movie data
708
  document.addEventListener('DOMContentLoaded', function() {
709
  createMovieCards(trendingMovies, 'trending-movies');
 
50
  position: relative;
51
  overflow: hidden;
52
  border-radius: 0.5rem;
53
+ cursor: pointer;
54
  }
55
 
56
  .movie-card img {
 
135
  color: #3b82f6;
136
  font-weight: bold;
137
  }
138
+
139
+ /* Style pour les boutons cliquables */
140
+ .clickable {
141
+ cursor: pointer;
142
+ transition: all 0.2s ease;
143
+ }
144
+
145
+ .clickable:hover {
146
+ opacity: 0.8;
147
+ }
148
+
149
+ .clickable:active {
150
+ transform: scale(0.95);
151
+ }
152
  </style>
153
  </head>
154
  <body class="text-white">
 
162
  </div>
163
  <div class="hidden md:block">
164
  <div class="ml-10 flex items-baseline space-x-4">
165
+ <a href="#home" class="px-3 py-2 rounded-md text-sm font-medium bg-blue-600 text-white clickable">Accueil</a>
166
+ <a href="#movies" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white clickable">Films</a>
167
+ <a href="#series" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white clickable">Séries</a>
168
+ <a href="#documentaries" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white clickable">Documentaires</a>
169
+ <a href="#mylist" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white clickable">Ma liste</a>
170
  </div>
171
  </div>
172
  </div>
 
174
  <div class="ml-4 flex items-center md:ml-6">
175
  <div class="relative mx-4">
176
  <input type="text" placeholder="Rechercher..." class="bg-gray-700 text-white px-4 py-1 rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 w-64">
177
+ <button class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 clickable" onclick="searchMovies()">
178
  <i class="fas fa-search"></i>
179
  </button>
180
  </div>
181
+ <button class="p-1 rounded-full text-gray-400 hover:text-white focus:outline-none clickable" onclick="showNotifications()">
182
  <i class="fas fa-bell text-xl"></i>
183
  </button>
184
  <div class="ml-3 relative">
185
+ <div class="h-8 w-8 rounded-full bg-blue-500 flex items-center justify-center cursor-pointer clickable" onclick="showProfileMenu()">
186
  <span class="text-sm font-medium">JP</span>
187
  </div>
188
  </div>
189
  </div>
190
  </div>
191
  <div class="-mr-2 flex md:hidden">
192
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none clickable" onclick="toggleMobileMenu()">
193
  <span class="sr-only">Open main menu</span>
194
  <i class="fas fa-bars text-xl"></i>
195
  </button>
 
200
  <!-- Mobile menu -->
201
  <div class="md:hidden hidden" id="mobile-menu">
202
  <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 bg-gray-800">
203
+ <a href="#home" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-gray-900 clickable">Accueil</a>
204
+ <a href="#movies" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 clickable">Films</a>
205
+ <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 clickable">Séries</a>
206
+ <a href="#documentaries" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 clickable">Documentaires</a>
207
+ <a href="#mylist" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 clickable">Ma liste</a>
208
+ <div class="pt-4 pb-3 border-t border-gray-700">
209
+ <div class="flex items-center px-5">
210
+ <div class="h-8 w-8 rounded-full bg-blue-500 flex items-center justify-center">
211
+ <span class="text-sm font-medium">JP</span>
212
+ </div>
213
+ <div class="ml-3">
214
+ <div class="text-base font-medium text-white">Jean Dupont</div>
215
+ <div class="text-sm font-medium text-gray-400">[email protected]</div>
216
+ </div>
217
+ </div>
218
+ <div class="mt-3 px-2 space-y-1">
219
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700 clickable" onclick="showProfile()">Votre profil</a>
220
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700 clickable" onclick="showSettings()">Paramètres</a>
221
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700 clickable" onclick="logout()">Se déconnecter</a>
222
+ </div>
223
+ </div>
224
  </div>
225
  </div>
226
  </nav>
 
238
  Des milliers de films disponibles immédiatement en streaming.
239
  </p>
240
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
241
+ <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg flex items-center justify-center transition duration-300 transform hover:scale-105 clickable" onclick="startFreeTrial()">
242
  <span>Commencer l'essai gratuit</span>
243
  <i class="fas fa-play ml-2"></i>
244
  </button>
245
+ <button class="bg-gray-700 hover:bg-gray-600 text-white font-bold py-3 px-8 rounded-lg flex items-center justify-center transition duration-300 clickable" onclick="showMoreInfo()">
246
  <i class="fas fa-info-circle mr-2"></i>
247
  <span>En savoir plus</span>
248
  </button>
 
285
  <div id="movies" class="mb-16">
286
  <div class="flex justify-between items-center mb-6">
287
  <h3 class="text-xl font-semibold">Films complets en français</h3>
288
+ <a href="#all-movies" class="text-blue-400 hover:text-blue-300 text-sm flex items-center clickable" onclick="showAllMovies()">
289
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
290
  </a>
291
  </div>
 
298
  <div id="series" class="mb-16">
299
  <div class="flex justify-between items-center mb-6">
300
  <h3 class="text-xl font-semibold">Séries complètes en français</h3>
301
+ <a href="#all-series" class="text-blue-400 hover:text-blue-300 text-sm flex items-center clickable" onclick="showAllSeries()">
302
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
303
  </a>
304
  </div>
 
311
  <div id="documentaries">
312
  <div class="flex justify-between items-center mb-6">
313
  <h3 class="text-xl font-semibold">Documentaires complets</h3>
314
+ <a href="#all-documentaries" class="text-blue-400 hover:text-blue-300 text-sm flex items-center clickable" onclick="showAllDocumentaries()">
315
  Voir tout <i class="fas fa-chevron-right ml-1"></i>
316
  </a>
317
  </div>
 
374
  <div>
375
  <h3 class="text-lg font-semibold mb-4">Navigation</h3>
376
  <ul class="space-y-2">
377
+ <li><a href="#home" class="text-gray-400 hover:text-white clickable">Accueil</a></li>
378
+ <li><a href="#movies" class="text-gray-400 hover:text-white clickable">Films</a></li>
379
+ <li><a href="#series" class="text-gray-400 hover:text-white clickable">Séries</a></li>
380
+ <li><a href="#documentaries" class="text-gray-400 hover:text-white clickable">Documentaires</a></li>
381
+ <li><a href="#mylist" class="text-gray-400 hover:text-white clickable">Ma liste</a></li>
382
  </ul>
383
  </div>
384
  <div>
385
  <h3 class="text-lg font-semibold mb-4">Informations</h3>
386
  <ul class="space-y-2">
387
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showAbout()">À propos</a></li>
388
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showCareers()">Carrières</a></li>
389
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showPress()">Presse</a></li>
390
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showInvestors()">Investisseurs</a></li>
391
  </ul>
392
  </div>
393
  <div>
394
  <h3 class="text-lg font-semibold mb-4">Légal</h3>
395
  <ul class="space-y-2">
396
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showTerms()">Conditions d'utilisation</a></li>
397
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showPrivacy()">Confidentialité</a></li>
398
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showCookies()">Préférences de cookies</a></li>
399
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showLegal()">Mentions légales</a></li>
400
  </ul>
401
  </div>
402
  <div>
403
  <h3 class="text-lg font-semibold mb-4">Contact</h3>
404
  <ul class="space-y-2">
405
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showCustomerService()">Service client</a></li>
406
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showFAQ()">FAQ</a></li>
407
+ <li><a href="#" class="text-gray-400 hover:text-white clickable" onclick="showHelpCenter()">Centre d'aide</a></li>
408
  <li class="flex space-x-4 mt-4">
409
+ <a href="#" class="text-gray-400 hover:text-white clickable" onclick="showSocial('facebook')"><i class="fab fa-facebook-f"></i></a>
410
+ <a href="#" class="text-gray-400 hover:text-white clickable" onclick="showSocial('twitter')"><i class="fab fa-twitter"></i></a>
411
+ <a href="#" class="text-gray-400 hover:text-white clickable" onclick="showSocial('instagram')"><i class="fab fa-instagram"></i></a>
412
+ <a href="#" class="text-gray-400 hover:text-white clickable" onclick="showSocial('youtube')"><i class="fab fa-youtube"></i></a>
413
  </li>
414
  </ul>
415
  </div>
 
417
  <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
418
  <p class="text-gray-400 mb-4 md:mb-0">© 2023 StreamVista. Tous droits réservés.</p>
419
  <div class="flex space-x-6">
420
+ <a href="#" class="text-gray-400 hover:text-white clickable" onclick="showSettings()">Paramètres</a>
421
+ <a href="#" class="text-gray-400 hover:text-white clickable" onclick="showPrivacy()">Confidentialité</a>
422
+ <a href="#" class="text-gray-400 hover:text-white clickable" onclick="showCookies()">Cookies</a>
423
  </div>
424
  </div>
425
  </div>
 
432
  <div class="video-container">
433
  <iframe id="modalVideo" frameborder="0" allowfullscreen></iframe>
434
  <div class="language-selector">
435
+ <button class="language-btn active clickable" onclick="changeLanguage('fr')">FR</button>
436
+ <button class="language-btn clickable" onclick="changeLanguage('en')">EN</button>
437
+ <button class="language-btn clickable" onclick="changeLanguage('es')">ES</button>
438
+ <button class="language-btn clickable" onclick="changeLanguage('de')">DE</button>
439
  </div>
440
  </div>
441
  </div>
 
735
  alert("StreamVista offre des milliers de films et séries en français et autres langues. Abonnez-vous dès maintenant!");
736
  }
737
 
738
+ function showAllMovies() {
739
+ alert("Affichage de tous les films disponibles...");
740
+ }
741
+
742
+ function showAllSeries() {
743
+ alert("Affichage de toutes les séries disponibles...");
744
+ }
745
+
746
+ function showAllDocumentaries() {
747
+ alert("Affichage de tous les documentaires disponibles...");
748
+ }
749
+
750
+ function searchMovies() {
751
+ const searchTerm = document.querySelector('input[type="text"]').value;
752
+ if (searchTerm.trim() === "") {
753
+ alert("Veuillez entrer un terme de recherche");
754
+ } else {
755
+ alert(`Recherche de "${searchTerm}"...`);
756
+ }
757
+ }
758
+
759
+ function showNotifications() {
760
+ alert("Affichage des notifications...");
761
+ }
762
+
763
+ function showProfileMenu() {
764
+ alert("Affichage du menu profil...");
765
+ }
766
+
767
+ function showProfile() {
768
+ alert("Affichage du profil utilisateur...");
769
+ }
770
+
771
+ function showSettings() {
772
+ alert("Affichage des paramètres...");
773
+ }
774
+
775
+ function logout() {
776
+ alert("Déconnexion en cours...");
777
+ }
778
+
779
+ function showAbout() {
780
+ alert("À propos de StreamVista...");
781
+ }
782
+
783
+ function showCareers() {
784
+ alert("Opportunités de carrière...");
785
+ }
786
+
787
+ function showPress() {
788
+ alert("Espace presse...");
789
+ }
790
+
791
+ function showInvestors() {
792
+ alert("Informations pour les investisseurs...");
793
+ }
794
+
795
+ function showTerms() {
796
+ alert("Conditions d'utilisation...");
797
+ }
798
+
799
+ function showPrivacy() {
800
+ alert("Politique de confidentialité...");
801
+ }
802
+
803
+ function showCookies() {
804
+ alert("Préférences de cookies...");
805
+ }
806
+
807
+ function showLegal() {
808
+ alert("Mentions légales...");
809
+ }
810
+
811
+ function showCustomerService() {
812
+ alert("Service client...");
813
+ }
814
+
815
+ function showFAQ() {
816
+ alert("Foire aux questions...");
817
+ }
818
+
819
+ function showHelpCenter() {
820
+ alert("Centre d'aide...");
821
+ }
822
+
823
+ function showSocial(platform) {
824
+ alert(`Ouverture de ${platform}...`);
825
+ }
826
+
827
  // Initialize the page with movie data
828
  document.addEventListener('DOMContentLoaded', function() {
829
  createMovieCards(trendingMovies, 'trending-movies');
prompts.txt CHANGED
@@ -2,4 +2,5 @@ Votre divertissement sans limites Des milliers de films, séries et documentaire
2
  afficher les vrai images des films avec les films qui joue reelement
3
  AFFICHER LES VRAIS IMAGE DU SISTE ET AJOUTER LES BOUTON PLAY POURQUE LES FILM DEMARRE DIRECTEMENT
4
  il manques des images des films et je veux que les film sont des film complet a regarder de suite
5
- toutes les boutons de la page d'accueil ne fonctionne pas et il manques des images des films et je veux que les film sont des film complet a regarder de suite :: et je veux les film en francais avec possible de mettre d'autre langue
 
 
2
  afficher les vrai images des films avec les films qui joue reelement
3
  AFFICHER LES VRAIS IMAGE DU SISTE ET AJOUTER LES BOUTON PLAY POURQUE LES FILM DEMARRE DIRECTEMENT
4
  il manques des images des films et je veux que les film sont des film complet a regarder de suite
5
+ toutes les boutons de la page d'accueil ne fonctionne pas et il manques des images des films et je veux que les film sont des film complet a regarder de suite :: et je veux les film en francais avec possible de mettre d'autre langue
6
+ touts les boutons ne sont pas cliquable et pas fonctionnel veuiller parer