Hugging Face's logo

Spaces:
docto41
/
cin-verse-ai
Running

App Files Community
docto41 commited on
Commit
93a40e6
·
verified ·
1 Parent(s): b0b2283

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +542 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Cin Verse Ai
3
- emoji: 🐢
4
  colorFrom: green
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: cin-verse-ai
3
+ emoji: 🐳
4
  colorFrom: green
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,542 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="fr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>CinéVerse - Streaming Ultra HD</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>
10
+ .movie-card:hover .movie-poster {
11
+ transform: scale(1.05);
12
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
13
+ }
14
+ .movie-poster {
15
+ transition: all 0.3s ease;
16
+ }
17
+ .rating-circle {
18
+ width: 40px;
19
+ height: 40px;
20
+ display: flex;
21
+ align-items: center;
22
+ justify-content: center;
23
+ border-radius: 50%;
24
+ font-weight: bold;
25
+ position: absolute;
26
+ top: -15px;
27
+ right: 10px;
28
+ z-index: 10;
29
+ }
30
+ .rating-high {
31
+ background-color: #16a34a;
32
+ }
33
+ .rating-medium {
34
+ background-color: #d97706;
35
+ }
36
+ .rating-low {
37
+ background-color: #dc2626;
38
+ }
39
+ .hero-gradient {
40
+ background: linear-gradient(135deg, #1e3a8a 0%, #7c3aed 100%);
41
+ }
42
+ .platform-icon {
43
+ width: 30px;
44
+ height: 30px;
45
+ display: inline-flex;
46
+ align-items: center;
47
+ justify-content: center;
48
+ border-radius: 6px;
49
+ margin-right: 5px;
50
+ }
51
+ .netflix {
52
+ background-color: #e50914;
53
+ }
54
+ .prime {
55
+ background-color: #00a8e1;
56
+ }
57
+ .disney {
58
+ background-color: #113cc7;
59
+ }
60
+ .search-bar {
61
+ backdrop-filter: blur(10px);
62
+ background-color: rgba(255, 255, 255, 0.1);
63
+ }
64
+ .nav-link:hover {
65
+ color: #a5b4fc;
66
+ }
67
+ .genre-tag {
68
+ transition: all 0.2s ease;
69
+ }
70
+ .genre-tag:hover {
71
+ transform: translateY(-2px);
72
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
73
+ }
74
+ .dropdown:hover .dropdown-menu {
75
+ display: block;
76
+ }
77
+ </style>
78
+ </head>
79
+ <body class="bg-gray-900 text-gray-100">
80
+ <!-- Header/Navigation -->
81
+ <header class="sticky top-0 z-50 bg-gray-900 bg-opacity-90 border-b border-gray-800">
82
+ <div class="container mx-auto px-4 py-3 flex items-center justify-between">
83
+ <div class="flex items-center space-x-8">
84
+ <a href="#" class="flex items-center">
85
+ <span class="text-2xl font-bold text-indigo-400">Ciné<span class="text-white">Verse</span></span>
86
+ </a>
87
+ <nav class="hidden md:flex space-x-6">
88
+ <a href="#" class="nav-link text-white hover:text-indigo-300 font-medium">Accueil</a>
89
+ <a href="#" class="nav-link text-gray-400 hover:text-white font-medium">Films</a>
90
+ <a href="#" class="nav-link text-gray-400 hover:text-white font-medium">Séries</a>
91
+ <div class="dropdown relative">
92
+ <button class="nav-link text-gray-400 hover:text-white font-medium flex items-center">
93
+ Catégories <i class="fas fa-chevron-down ml-1 text-xs"></i>
94
+ </button>
95
+ <div class="dropdown-menu absolute hidden mt-2 w-48 bg-gray-800 rounded-md shadow-lg z-50">
96
+ <a href="#" class="block px-4 py-2 text-gray-300 hover:bg-gray-700">Action</a>
97
+ <a href="#" class="block px-4 py-2 text-gray-300 hover:bg-gray-700">Comédie</a>
98
+ <a href="#" class="block px-4 py-2 text-gray-300 hover:bg-gray-700">Drame</a>
99
+ <a href="#" class="block px-4 py-2 text-gray-300 hover:bg-gray-700">Horreur</a>
100
+ <a href="#" class="block px-4 py-2 text-gray-300 hover:bg-gray-700">Romance</a>
101
+ </div>
102
+ </div>
103
+ <a href="#" class="nav-link text-gray-400 hover:text-white font-medium">Nouveautés</a>
104
+ </nav>
105
+ </div>
106
+ <div class="flex items-center space-x-4">
107
+ <div class="relative hidden md:block">
108
+ <input type="text" placeholder="Rechercher un film..." class="search-bar bg-gray-800 text-white px-4 py-2 rounded-full w-64 focus:outline-none focus:ring-2 focus:ring-indigo-500">
109
+ <button class="absolute right-3 top-2 text-gray-400">
110
+ <i class="fas fa-search"></i>
111
+ </button>
112
+ </div>
113
+ <button class="md:hidden text-gray-400">
114
+ <i class="fas fa-search text-xl"></i>
115
+ </button>
116
+ <a href="#" class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md font-medium transition duration-300">Connexion</a>
117
+ <button class="md:hidden text-gray-400">
118
+ <i class="fas fa-bars text-xl"></i>
119
+ </button>
120
+ </div>
121
+ </div>
122
+ </header>
123
+
124
+ <!-- Hero Section -->
125
+ <section class="hero-gradient py-16">
126
+ <div class="container mx-auto px-4">
127
+ <div class="max-w-3xl mx-auto text-center">
128
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Streaming Ultra HD</h1>
129
+ <p class="text-xl md:text-2xl mb-8">+962,000 films et séries en VF et VOSTFR en automatique</p>
130
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
131
+ <a href="#" class="bg-white text-indigo-700 hover:bg-gray-100 font-bold py-3 px-6 rounded-full transition duration-300 flex items-center justify-center">
132
+ <i class="fas fa-play mr-2"></i> Commencer à regarder
133
+ </a>
134
+ <a href="#" class="bg-transparent border-2 border-white text-white hover:bg-white hover:text-indigo-700 font-bold py-3 px-6 rounded-full transition duration-300 flex items-center justify-center">
135
+ <i class="fas fa-info-circle mr-2"></i> En savoir plus
136
+ </a>
137
+ </div>
138
+ </div>
139
+ </div>
140
+ </section>
141
+
142
+ <!-- Main Content -->
143
+ <main class="container mx-auto px-4 py-8">
144
+ <!-- Featured Section -->
145
+ <section class="mb-12">
146
+ <div class="flex justify-between items-center mb-6">
147
+ <h2 class="text-2xl font-bold">À ne pas manquer</h2>
148
+ <a href="#" class="text-indigo-400 hover:text-indigo-300 flex items-center">
149
+ Voir plus <i class="fas fa-chevron-right ml-1"></i>
150
+ </a>
151
+ </div>
152
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6">
153
+ <!-- Featured Movie 1 -->
154
+ <div class="movie-card relative group">
155
+ <div class="relative overflow-hidden rounded-lg">
156
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Deadpool+3" alt="Deadpool & Wolverine" class="movie-poster w-full h-auto rounded-lg">
157
+ <div class="rating-circle rating-high">
158
+ 7.6
159
+ </div>
160
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
161
+ <div>
162
+ <h3 class="text-white font-bold">Deadpool & Wolverine</h3>
163
+ <p class="text-gray-300 text-sm">2024 • Action, Comédie</p>
164
+ <div class="flex mt-2">
165
+ <span class="platform-icon netflix text-white"><i class="fab fa-netflix"></i></span>
166
+ <span class="platform-icon disney text-white"><i class="fab fa-disney"></i></span>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ </div>
172
+
173
+ <!-- Featured Movie 2 -->
174
+ <div class="movie-card relative group">
175
+ <div class="relative overflow-hidden rounded-lg">
176
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Gladiator+II" alt="Gladiator II" class="movie-poster w-full h-auto rounded-lg">
177
+ <div class="rating-circle rating-medium">
178
+ 6.7
179
+ </div>
180
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
181
+ <div>
182
+ <h3 class="text-white font-bold">Gladiator II</h3>
183
+ <p class="text-gray-300 text-sm">2024 • Action, Drame</p>
184
+ <div class="flex mt-2">
185
+ <span class="platform-icon prime text-white"><i class="fab fa-amazon"></i></span>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ </div>
191
+
192
+ <!-- Featured Movie 3 -->
193
+ <div class="movie-card relative group">
194
+ <div class="relative overflow-hidden rounded-lg">
195
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Mission+Impossible" alt="Mission : Impossible - The Final Reckoning" class="movie-poster w-full h-auto rounded-lg">
196
+ <div class="rating-circle rating-high">
197
+ 8.8
198
+ </div>
199
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
200
+ <div>
201
+ <h3 class="text-white font-bold">Mission : Impossible</h3>
202
+ <p class="text-gray-300 text-sm">2025 • Action, Thriller</p>
203
+ <div class="flex mt-2">
204
+ <span class="platform-icon prime text-white"><i class="fab fa-amazon"></i></span>
205
+ </div>
206
+ </div>
207
+ </div>
208
+ </div>
209
+ </div>
210
+
211
+ <!-- Featured Movie 4 -->
212
+ <div class="movie-card relative group">
213
+ <div class="relative overflow-hidden rounded-lg">
214
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Captain+America" alt="Captain America : Brave New World" class="movie-poster w-full h-auto rounded-lg">
215
+ <div class="rating-circle rating-medium">
216
+ 6.1
217
+ </div>
218
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
219
+ <div>
220
+ <h3 class="text-white font-bold">Captain America</h3>
221
+ <p class="text-gray-300 text-sm">2025 • Action, Super-héros</p>
222
+ <div class="flex mt-2">
223
+ <span class="platform-icon disney text-white"><i class="fab fa-disney"></i></span>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ </div>
228
+ </div>
229
+
230
+ <!-- Featured Movie 5 -->
231
+ <div class="movie-card relative group">
232
+ <div class="relative overflow-hidden rounded-lg">
233
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Sonic+3" alt="Sonic 3, le film" class="movie-poster w-full h-auto rounded-lg">
234
+ <div class="rating-circle rating-high">
235
+ 7.7
236
+ </div>
237
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
238
+ <div>
239
+ <h3 class="text-white font-bold">Sonic 3, le film</h3>
240
+ <p class="text-gray-300 text-sm">2024 • Animation, Aventure</p>
241
+ <div class="flex mt-2">
242
+ <span class="platform-icon prime text-white"><i class="fab fa-amazon"></i></span>
243
+ <span class="platform-icon netflix text-white"><i class="fab fa-netflix"></i></span>
244
+ </div>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+ </section>
251
+
252
+ <!-- Categories Section -->
253
+ <section class="mb-12">
254
+ <h2 class="text-2xl font-bold mb-6">Parcourir par genre</h2>
255
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
256
+ <a href="#" class="genre-tag bg-indigo-900 hover:bg-indigo-800 text-white px-4 py-3 rounded-lg font-medium text-center">Action</a>
257
+ <a href="#" class="genre-tag bg-yellow-900 hover:bg-yellow-800 text-white px-4 py-3 rounded-lg font-medium text-center">Comédie</a>
258
+ <a href="#" class="genre-tag bg-purple-900 hover:bg-purple-800 text-white px-4 py-3 rounded-lg font-medium text-center">Drame</a>
259
+ <a href="#" class="genre-tag bg-red-900 hover:bg-red-800 text-white px-4 py-3 rounded-lg font-medium text-center">Horreur</a>
260
+ <a href="#" class="genre-tag bg-pink-900 hover:bg-pink-800 text-white px-4 py-3 rounded-lg font-medium text-center">Romance</a>
261
+ <a href="#" class="genre-tag bg-gray-800 hover:bg-gray-700 text-white px-4 py-3 rounded-lg font-medium text-center">Science-fiction</a>
262
+ </div>
263
+ </section>
264
+
265
+ <!-- New Releases Section -->
266
+ <section class="mb-12">
267
+ <div class="flex justify-between items-center mb-6">
268
+ <h2 class="text-2xl font-bold">Nouveautés 2024</h2>
269
+ <a href="#" class="text-indigo-400 hover:text-indigo-300 flex items-center">
270
+ Voir plus <i class="fas fa-chevron-right ml-1"></i>
271
+ </a>
272
+ </div>
273
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6">
274
+ <!-- Repeat this block for each movie -->
275
+ <div class="movie-card relative group">
276
+ <div class="relative overflow-hidden rounded-lg">
277
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Venom+3" alt="Venom : The Last Dance" class="movie-poster w-full h-auto rounded-lg">
278
+ <div class="rating-circle rating-medium">
279
+ 6.7
280
+ </div>
281
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
282
+ <div>
283
+ <h3 class="text-white font-bold">Venom : The Last Dance</h3>
284
+ <p class="text-gray-300 text-sm">2024 • Action, Sci-Fi</p>
285
+ <div class="flex mt-2">
286
+ <span class="platform-icon netflix text-white"><i class="fab fa-netflix"></i></span>
287
+ </div>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+
293
+ <div class="movie-card relative group">
294
+ <div class="relative overflow-hidden rounded-lg">
295
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Kraven" alt="Kraven the Hunter" class="movie-poster w-full h-auto rounded-lg">
296
+ <div class="rating-circle rating-medium">
297
+ 6.6
298
+ </div>
299
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
300
+ <div>
301
+ <h3 class="text-white font-bold">Kraven the Hunter</h3>
302
+ <p class="text-gray-300 text-sm">2024 • Action, Aventure</p>
303
+ <div class="flex mt-2">
304
+ <span class="platform-icon prime text-white"><i class="fab fa-amazon"></i></span>
305
+ </div>
306
+ </div>
307
+ </div>
308
+ </div>
309
+ </div>
310
+
311
+ <div class="movie-card relative group">
312
+ <div class="relative overflow-hidden rounded-lg">
313
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Devara" alt="Devara: Partie 1" class="movie-poster w-full h-auto rounded-lg">
314
+ <div class="rating-circle rating-high">
315
+ 7.0
316
+ </div>
317
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
318
+ <div>
319
+ <h3 class="text-white font-bold">Devara: Partie 1</h3>
320
+ <p class="text-gray-300 text-sm">2024 • Action, Drame</p>
321
+ <div class="flex mt-2">
322
+ <span class="platform-icon netflix text-white"><i class="fab fa-netflix"></i></span>
323
+ </div>
324
+ </div>
325
+ </div>
326
+ </div>
327
+ </div>
328
+
329
+ <div class="movie-card relative group">
330
+ <div class="relative overflow-hidden rounded-lg">
331
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=The+Siege" alt="The Siege" class="movie-poster w-full h-auto rounded-lg">
332
+ <div class="rating-circle rating-low">
333
+ 5.4
334
+ </div>
335
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
336
+ <div>
337
+ <h3 class="text-white font-bold">The Siege</h3>
338
+ <p class="text-gray-300 text-sm">2023 • Action, Thriller</p>
339
+ <div class="flex mt-2">
340
+ <span class="platform-icon prime text-white"><i class="fab fa-amazon"></i></span>
341
+ </div>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </div>
346
+
347
+ <div class="movie-card relative group">
348
+ <div class="relative overflow-hidden rounded-lg">
349
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Brave+Citizen" alt="Brave Citizen" class="movie-poster w-full h-auto rounded-lg">
350
+ <div class="rating-circle rating-high">
351
+ 7.1
352
+ </div>
353
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
354
+ <div>
355
+ <h3 class="text-white font-bold">Brave Citizen</h3>
356
+ <p class="text-gray-300 text-sm">2023 • Action, Drame</p>
357
+ <div class="flex mt-2">
358
+ <span class="platform-icon netflix text-white"><i class="fab fa-netflix"></i></span>
359
+ </div>
360
+ </div>
361
+ </div>
362
+ </div>
363
+ </div>
364
+ </div>
365
+ </section>
366
+
367
+ <!-- Coming Soon Section -->
368
+ <section>
369
+ <div class="flex justify-between items-center mb-6">
370
+ <h2 class="text-2xl font-bold">Prochainement</h2>
371
+ <a href="#" class="text-indigo-400 hover:text-indigo-300 flex items-center">
372
+ Voir plus <i class="fas fa-chevron-right ml-1"></i>
373
+ </a>
374
+ </div>
375
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6">
376
+ <!-- Repeat this block for each movie -->
377
+ <div class="movie-card relative group">
378
+ <div class="relative overflow-hidden rounded-lg">
379
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Tin+Soldier" alt="Tin Soldier" class="movie-poster w-full h-auto rounded-lg">
380
+ <div class="absolute top-2 left-2 bg-yellow-600 text-white text-xs font-bold px-2 py-1 rounded">
381
+ Bientôt
382
+ </div>
383
+ <div class="rating-circle rating-medium">
384
+ 7.1
385
+ </div>
386
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
387
+ <div>
388
+ <h3 class="text-white font-bold">Tin Soldier</h3>
389
+ <p class="text-gray-300 text-sm">2025 • Action, Guerre</p>
390
+ <p class="text-yellow-400 text-sm mt-1">Sortie: 15 mars 2025</p>
391
+ </div>
392
+ </div>
393
+ </div>
394
+ </div>
395
+
396
+ <div class="movie-card relative group">
397
+ <div class="relative overflow-hidden rounded-lg">
398
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Balle+perdue+3" alt="Balle perdue 3" class="movie-poster w-full h-auto rounded-lg">
399
+ <div class="absolute top-2 left-2 bg-yellow-600 text-white text-xs font-bold px-2 py-1 rounded">
400
+ Bientôt
401
+ </div>
402
+ <div class="rating-circle rating-medium">
403
+ 6.7
404
+ </div>
405
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
406
+ <div>
407
+ <h3 class="text-white font-bold">Balle perdue 3</h3>
408
+ <p class="text-gray-300 text-sm">2025 • Action, Thriller</p>
409
+ <p class="text-yellow-400 text-sm mt-1">Sortie: 12 avril 2025</p>
410
+ </div>
411
+ </div>
412
+ </div>
413
+ </div>
414
+
415
+ <div class="movie-card relative group">
416
+ <div class="relative overflow-hidden rounded-lg">
417
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Thunderbolts" alt="Thunderbolts*" class="movie-poster w-full h-auto rounded-lg">
418
+ <div class="absolute top-2 left-2 bg-yellow-600 text-white text-xs font-bold px-2 py-1 rounded">
419
+ Bientôt
420
+ </div>
421
+ <div class="rating-circle rating-high">
422
+ 7.5
423
+ </div>
424
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
425
+ <div>
426
+ <h3 class="text-white font-bold">Thunderbolts*</h3>
427
+ <p class="text-gray-300 text-sm">2025 • Action, Super-héros</p>
428
+ <p class="text-yellow-400 text-sm mt-1">Sortie: 2 mai 2025</p>
429
+ </div>
430
+ </div>
431
+ </div>
432
+ </div>
433
+
434
+ <div class="movie-card relative group">
435
+ <div class="relative overflow-hidden rounded-lg">
436
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Karate+Kid" alt="Karate Kid: Legends" class="movie-poster w-full h-auto rounded-lg">
437
+ <div class="absolute top-2 left-2 bg-yellow-600 text-white text-xs font-bold px-2 py-1 rounded">
438
+ Bientôt
439
+ </div>
440
+ <div class="rating-circle rating-high">
441
+ 7.3
442
+ </div>
443
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
444
+ <div>
445
+ <h3 class="text-white font-bold">Karate Kid: Legends</h3>
446
+ <p class="text-gray-300 text-sm">2025 • Action, Drame</p>
447
+ <p class="text-yellow-400 text-sm mt-1">Sortie: 20 juin 2025</p>
448
+ </div>
449
+ </div>
450
+ </div>
451
+ </div>
452
+
453
+ <div class="movie-card relative group">
454
+ <div class="relative overflow-hidden rounded-lg">
455
+ <img src="https://via.placeholder.com/300x450/1f2937/ffffff?text=Diamond+Heist" alt="Voleur de diamant : Le casse commence" class="movie-poster w-full h-auto rounded-lg">
456
+ <div class="absolute top-2 left-2 bg-yellow-600 text-white text-xs font-bold px-2 py-1 rounded">
457
+ Bientôt
458
+ </div>
459
+ <div class="rating-circle rating-medium">
460
+ 6.8
461
+ </div>
462
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
463
+ <div>
464
+ <h3 class="text-white font-bold">Voleur de diamant</h3>
465
+ <p class="text-gray-300 text-sm">2025 • Action, Crime</p>
466
+ <p class="text-yellow-400 text-sm mt-1">Sortie: 10 juillet 2025</p>
467
+ </div>
468
+ </div>
469
+ </div>
470
+ </div>
471
+ </div>
472
+ </section>
473
+ </main>
474
+
475
+ <!-- Newsletter Section -->
476
+ <section class="bg-gray-800 py-12">
477
+ <div class="container mx-auto px-4 text-center">
478
+ <h2 class="text-2xl md:text-3xl font-bold mb-4">Restez informé des dernières sorties</h2>
479
+ <p class="text-gray-400 mb-6 max-w-2xl mx-auto">Abonnez-vous à notre newsletter pour recevoir les dernières actualités cinéma directement dans votre boîte mail.</p>
480
+ <div class="flex flex-col sm:flex-row justify-center max-w-md mx-auto">
481
+ <input type="email" placeholder="Votre adresse email" class="bg-gray-700 text-white px-4 py-3 rounded-l-lg sm:rounded-r-none rounded-r-lg sm:w-full focus:outline-none focus:ring-2 focus:ring-indigo-500">
482
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 rounded-r-lg sm:rounded-l-none rounded-l-lg mt-2 sm:mt-0 sm:w-auto transition duration-300">
483
+ S'abonner
484
+ </button>
485
+ </div>
486
+ </div>
487
+ </section>
488
+
489
+ <!-- Footer -->
490
+ <footer class="bg-gray-900 py-12 border-t border-gray-800">
491
+ <div class="container mx-auto px-4">
492
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
493
+ <div>
494
+ <h3 class="text-xl font-bold text-white mb-4 flex items-center">
495
+ <span class="text-indigo-400">Ciné</span><span class="text-white">Verse</span>
496
+ </h3>
497
+ <p class="text-gray-400 mb-4">Votre destination pour découvrir les meilleurs films et où les regarder légalement.</p>
498
+ <div class="flex space-x-4">
499
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
500
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
501
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
502
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-youtube"></i></a>
503
+ </div>
504
+ </div>
505
+ <div>
506
+ <h4 class="text-white font-bold mb-4">Liens utiles</h4>
507
+ <ul class="space-y-2">
508
+ <li><a href="#" class="text-gray-400 hover:text-white">À propos</a></li>
509
+ <li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
510
+ <li><a href="#" class="text-gray-400 hover:text-white">Politique de confidentialité</a></li>
511
+ <li><a href="#" class="text-gray-400 hover:text-white">Conditions d'utilisation</a></li>
512
+ </ul>
513
+ </div>
514
+ <div>
515
+ <h4 class="text-white font-bold mb-4">Plateformes</h4>
516
+ <ul class="space-y-2">
517
+ <li><a href="#" class="text-gray-400 hover:text-white flex items-center"><span class="platform-icon netflix mr-2"><i class="fab fa-netflix"></i></span> Netflix</a></li>
518
+ <li><a href="#" class="text-gray-400 hover:text-white flex items-center"><span class="platform-icon prime mr-2"><i class="fab fa-amazon"></i></span> Amazon Prime</a></li>
519
+ <li><a href="#" class="text-gray-400 hover:text-white flex items-center"><span class="platform-icon disney mr-2"><i class="fab fa-disney"></i></span> Disney+</a></li>
520
+ </ul>
521
+ </div>
522
+ <div>
523
+ <h4 class="text-white font-bold mb-4">Informations</h4>
524
+ <p class="text-gray-400 mb-2">Ce site utilise l'API TMDB mais n'est pas affilié à TMDB.</p>
525
+ <p class="text-gray-400">Les films présentés sont protégés par des droits d'auteur.</p>
526
+ </div>
527
+ </div>
528
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
529
+ <p>&copy; 2023 CinéVerse. Tous droits réservés.</p>
530
+ </div>
531
+ </div>
532
+ </footer>
533
+
534
+ <script>
535
+ // Mobile menu toggle functionality would go here
536
+ document.addEventListener('DOMContentLoaded', function() {
537
+ // You could add JavaScript for mobile menu toggle here
538
+ console.log('CinéVerse loaded');
539
+ });
540
+ </script>
541
+ <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/cin-verse-ai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
542
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Streaming Ultra HD +962,000 films et séries en VF et VOSTFR en automatique