Hugging Face's logo

Spaces:
docto41
/
jeu-reunion
Running

App Files Community
docto41 commited on
Commit
ee30c5d
·
verified ·
1 Parent(s): 4b58d63

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +456 -19
  3. prompts.txt +4 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Jeu Reunion
3
- emoji: ⚡
4
- colorFrom: blue
5
- colorTo: green
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: jeu-reunion
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: red
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,456 @@
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>Réunion Games - Jeux vidéo pour l'Île de la Réunion</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
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #FF6B6B 0%, #4ECDC4 100%);
12
+ }
13
+ .card-hover:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .transition-all {
18
+ transition: all 0.3s ease;
19
+ }
20
+ .reunion-theme {
21
+ border-color: #FF6B6B;
22
+ color: #FF6B6B;
23
+ }
24
+ .reunion-theme-bg {
25
+ background-color: #FF6B6B;
26
+ }
27
+ .reunion-theme-bg:hover {
28
+ background-color: #e05555;
29
+ }
30
+ .local-badge {
31
+ background-color: #4ECDC4;
32
+ color: white;
33
+ }
34
+ .game-card {
35
+ border-radius: 12px;
36
+ overflow: hidden;
37
+ }
38
+ .discount-badge {
39
+ position: absolute;
40
+ top: 10px;
41
+ right: 10px;
42
+ background-color: #FF6B6B;
43
+ color: white;
44
+ padding: 2px 8px;
45
+ border-radius: 4px;
46
+ font-size: 12px;
47
+ font-weight: bold;
48
+ }
49
+ .platform-icon {
50
+ width: 24px;
51
+ height: 24px;
52
+ display: inline-flex;
53
+ align-items: center;
54
+ justify-content: center;
55
+ border-radius: 4px;
56
+ margin-right: 5px;
57
+ }
58
+ .ps-icon {
59
+ background-color: #003791;
60
+ color: white;
61
+ }
62
+ .xbox-icon {
63
+ background-color: #107C10;
64
+ color: white;
65
+ }
66
+ .pc-icon {
67
+ background-color: #333;
68
+ color: white;
69
+ }
70
+ .switch-icon {
71
+ background-color: #e60012;
72
+ color: white;
73
+ }
74
+ </style>
75
+ </head>
76
+ <body class="bg-gray-50 font-sans">
77
+ <!-- Navigation -->
78
+ <nav class="gradient-bg text-white shadow-lg">
79
+ <div class="container mx-auto px-4 py-3">
80
+ <div class="flex justify-between items-center">
81
+ <div class="flex items-center space-x-4">
82
+ <a href="#" class="text-2xl font-bold flex items-center">
83
+ <i class="fas fa-gamepad mr-2"></i>
84
+ Réunion Games
85
+ </a>
86
+ </div>
87
+ <div class="hidden md:flex items-center space-x-6">
88
+ <a href="#" class="hover:text-gray-200 transition-all">Accueil</a>
89
+ <a href="#" class="hover:text-gray-200 transition-all">Nouveautés</a>
90
+ <a href="#" class="hover:text-gray-200 transition-all">Promotions</a>
91
+ <a href="#" class="hover:text-gray-200 transition-all">Jeux Réunion</a>
92
+ <a href="#" class="hover:text-gray-200 transition-all">Support</a>
93
+ </div>
94
+ <div class="flex items-center space-x-4">
95
+ <div class="relative">
96
+ <input type="text" placeholder="Rechercher..." class="bg-white bg-opacity-20 rounded-full py-1 px-4 text-white placeholder-white focus:outline-none focus:ring-2 focus:ring-white">
97
+ <i class="fas fa-search absolute right-3 top-2 text-white"></i>
98
+ </div>
99
+ <a href="#" class="relative hover:text-gray-200 transition-all">
100
+ <i class="fas fa-shopping-cart text-xl"></i>
101
+ <span class="absolute -top-2 -right-2 bg-red-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">3</span>
102
+ </a>
103
+ <a href="#" class="hover:text-gray-200 transition-all">Connexion</a>
104
+ </div>
105
+ <button class="md:hidden text-white focus:outline-none">
106
+ <i class="fas fa-bars text-xl"></i>
107
+ </button>
108
+ </div>
109
+ </div>
110
+ </nav>
111
+
112
+ <!-- Hero Section -->
113
+ <section class="gradient-bg text-white py-12">
114
+ <div class="container mx-auto px-4">
115
+ <div class="flex flex-col md:flex-row items-center">
116
+ <div class="md:w-1/2 mb-8 md:mb-0">
117
+ <h1 class="text-4xl md:text-5xl font-bold mb-4">Jeux vidéo à la Réunion</h1>
118
+ <p class="text-xl mb-6">Découvrez des jeux uniques inspirés de l'Île de la Réunion et des meilleurs titres internationaux à prix local.</p>
119
+ <div class="flex space-x-4">
120
+ <a href="#" class="bg-white text-gray-800 px-6 py-3 rounded-md font-bold hover:bg-gray-100 transition-all">Acheter maintenant</a>
121
+ <a href="#" class="border-2 border-white text-white px-6 py-3 rounded-md font-bold hover:bg-white hover:text-gray-800 transition-all">Découvrir</a>
122
+ </div>
123
+ </div>
124
+ <div class="md:w-1/2">
125
+ <img src="https://via.placeholder.com/600x400/FF6B6B/FFFFFF?text=Jeux+Réunion" alt="Jeux Réunion" class="rounded-lg shadow-xl">
126
+ </div>
127
+ </div>
128
+ </div>
129
+ </section>
130
+
131
+ <!-- Featured Games -->
132
+ <section class="py-12 bg-white">
133
+ <div class="container mx-auto px-4">
134
+ <div class="flex justify-between items-center mb-8">
135
+ <h2 class="text-3xl font-bold">Jeux en vedette</h2>
136
+ <a href="#" class="text-blue-600 hover:underline">Voir tout</a>
137
+ </div>
138
+
139
+ <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
140
+ <!-- Game 1 -->
141
+ <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all card-hover game-card">
142
+ <div class="relative">
143
+ <img src="https://via.placeholder.com/300x200/4ECDC4/FFFFFF?text=La+Réunion+Adventure" alt="La Réunion Adventure" class="w-full h-48 object-cover">
144
+ <span class="discount-badge">-20%</span>
145
+ </div>
146
+ <div class="p-4">
147
+ <h3 class="font-bold text-lg mb-2">La Réunion Adventure</h3>
148
+ <p class="text-gray-600 text-sm mb-3">Explorez les paysages magnifiques de l'île dans ce jeu d'aventure unique.</p>
149
+ <div class="flex mb-3">
150
+ <span class="platform-icon ps-icon"><i class="fab fa-playstation"></i></span>
151
+ <span class="platform-icon xbox-icon"><i class="fab fa-xbox"></i></span>
152
+ <span class="platform-icon pc-icon"><i class="fas fa-desktop"></i></span>
153
+ </div>
154
+ <div class="flex justify-between items-center">
155
+ <span class="text-gray-500 line-through">49,99€</span>
156
+ <span class="font-bold text-lg reunion-theme">39,99€</span>
157
+ </div>
158
+ <button class="w-full mt-3 bg-blue-600 hover:bg-blue-700 text-white py-2 rounded-md transition-all">Ajouter au panier</button>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Game 2 -->
163
+ <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all card-hover game-card">
164
+ <div class="relative">
165
+ <img src="https://via.placeholder.com/300x200/FF6B6B/FFFFFF?text=Piton+de+la+Fournaise" alt="Piton de la Fournaise" class="w-full h-48 object-cover">
166
+ <span class="local-badge px-2 py-1 text-xs absolute top-2 left-2 rounded">Made in RE</span>
167
+ </div>
168
+ <div class="p-4">
169
+ <h3 class="font-bold text-lg mb-2">Piton de la Fournaise</h3>
170
+ <p class="text-gray-600 text-sm mb-3">Survivez à une éruption volcanique dans ce jeu de survie intense.</p>
171
+ <div class="flex mb-3">
172
+ <span class="platform-icon ps-icon"><i class="fab fa-playstation"></i></span>
173
+ <span class="platform-icon pc-icon"><i class="fas fa-desktop"></i></span>
174
+ </div>
175
+ <div class="flex justify-between items-center">
176
+ <span class="font-bold text-lg reunion-theme">29,99€</span>
177
+ </div>
178
+ <button class="w-full mt-3 bg-blue-600 hover:bg-blue-700 text-white py-2 rounded-md transition-all">Ajouter au panier</button>
179
+ </div>
180
+ </div>
181
+
182
+ <!-- Game 3 -->
183
+ <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all card-hover game-card">
184
+ <div class="relative">
185
+ <img src="https://via.placeholder.com/300x200/4ECDC4/FFFFFF?text=Euro+Truck+Simulator+2" alt="Euro Truck Simulator 2" class="w-full h-48 object-cover">
186
+ </div>
187
+ <div class="p-4">
188
+ <h3 class="font-bold text-lg mb-2">Euro Truck Simulator 2</h3>
189
+ <p class="text-gray-600 text-sm mb-3">DLC spécial La Réunion incluse - Conduisez sur les routes de l'île.</p>
190
+ <div class="flex mb-3">
191
+ <span class="platform-icon pc-icon"><i class="fas fa-desktop"></i></span>
192
+ </div>
193
+ <div class="flex justify-between items-center">
194
+ <span class="font-bold text-lg reunion-theme">19,99€</span>
195
+ </div>
196
+ <button class="w-full mt-3 bg-blue-600 hover:bg-blue-700 text-white py-2 rounded-md transition-all">Ajouter au panier</button>
197
+ </div>
198
+ </div>
199
+
200
+ <!-- Game 4 -->
201
+ <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all card-hover game-card">
202
+ <div class="relative">
203
+ <img src="https://via.placeholder.com/300x200/FF6B6B/FFFFFF?text=Les+Aventuriers+du+Sud" alt="Les Aventuriers du Sud" class="w-full h-48 object-cover">
204
+ <span class="local-badge px-2 py-1 text-xs absolute top-2 left-2 rounded">Made in RE</span>
205
+ <span class="discount-badge">-30%</span>
206
+ </div>
207
+ <div class="p-4">
208
+ <h3 class="font-bold text-lg mb-2">Les Aventuriers du Sud</h3>
209
+ <p class="text-gray-600 text-sm mb-3">Jeu de rôle inspiré des légendes réunionnaises.</p>
210
+ <div class="flex mb-3">
211
+ <span class="platform-icon ps-icon"><i class="fab fa-playstation"></i></span>
212
+ <span class="platform-icon xbox-icon"><i class="fab fa-xbox"></i></span>
213
+ <span class="platform-icon pc-icon"><i class="fas fa-desktop"></i></span>
214
+ <span class="platform-icon switch-icon"><i class="fas fa-gamepad"></i></span>
215
+ </div>
216
+ <div class="flex justify-between items-center">
217
+ <span class="text-gray-500 line-through">45,99€</span>
218
+ <span class="font-bold text-lg reunion-theme">32,19€</span>
219
+ </div>
220
+ <button class="w-full mt-3 bg-blue-600 hover:bg-blue-700 text-white py-2 rounded-md transition-all">Ajouter au panier</button>
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </div>
225
+ </section>
226
+
227
+ <!-- Special Reunion Section -->
228
+ <section class="py-12 bg-gray-100">
229
+ <div class="container mx-auto px-4">
230
+ <h2 class="text-3xl font-bold text-center mb-8">Découvrez nos jeux Réunion</h2>
231
+
232
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
233
+ <div>
234
+ <h3 class="text-2xl font-bold mb-4 reunion-theme">Des jeux uniques inspirés de notre île</h3>
235
+ <p class="text-gray-700 mb-6">Nous collaborons avec des développeurs locaux pour créer des jeux qui mettent en valeur la culture, les paysages et les légendes de La Réunion.</p>
236
+ <ul class="space-y-3 mb-6">
237
+ <li class="flex items-center">
238
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
239
+ <span>Paysages authentiques de l'île</span>
240
+ </li>
241
+ <li class="flex items-center">
242
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
243
+ <span>Personnages inspirés de la culture réunionnaise</span>
244
+ </li>
245
+ <li class="flex items-center">
246
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
247
+ <span>Histoires basées sur des légendes locales</span>
248
+ </li>
249
+ </ul>
250
+ <a href="#" class="inline-block reunion-theme-bg hover:bg-red-600 text-white px-6 py-3 rounded-md font-bold transition-all">Voir la collection</a>
251
+ </div>
252
+ <div class="grid grid-cols-2 gap-4">
253
+ <img src="https://via.placeholder.com/300x200/FF6B6B/FFFFFF?text=Cirque+de+Mafate" alt="Cirque de Mafate" class="rounded-lg shadow-md">
254
+ <img src="https://via.placeholder.com/300x200/4ECDC4/FFFFFF?text=Grand+Anse" alt="Grand Anse" class="rounded-lg shadow-md">
255
+ <img src="https://via.placeholder.com/300x200/FF6B6B/FFFFFF?text=Takamaka" alt="Takamaka" class="rounded-lg shadow-md">
256
+ <img src="https://via.placeholder.com/300x200/4ECDC4/FFFFFF?text=Piton+des+Neiges" alt="Piton des Neiges" class="rounded-lg shadow-md">
257
+ </div>
258
+ </div>
259
+ </div>
260
+ </section>
261
+
262
+ <!-- How It Works -->
263
+ <section class="py-12 bg-white">
264
+ <div class="container mx-auto px-4">
265
+ <h2 class="text-3xl font-bold text-center mb-12">Comment ça marche</h2>
266
+
267
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
268
+ <div class="text-center">
269
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
270
+ <i class="fas fa-search text-blue-600 text-2xl"></i>
271
+ </div>
272
+ <h3 class="text-xl font-bold mb-2">1. Trouvez votre jeu</h3>
273
+ <p class="text-gray-600">Parcourez notre catalogue de jeux internationaux et locaux.</p>
274
+ </div>
275
+
276
+ <div class="text-center">
277
+ <div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
278
+ <i class="fas fa-shopping-cart text-green-600 text-2xl"></i>
279
+ </div>
280
+ <h3 class="text-xl font-bold mb-2">2. Achetez en ligne</h3>
281
+ <p class="text-gray-600">Paiement sécurisé avec livraison instantanée du code.</p>
282
+ </div>
283
+
284
+ <div class="text-center">
285
+ <div class="bg-purple-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
286
+ <i class="fas fa-gamepad text-purple-600 text-2xl"></i>
287
+ </div>
288
+ <h3 class="text-xl font-bold mb-2">3. Jouez immédiatement</h3>
289
+ <p class="text-gray-600">Activez votre code sur la plateforme de votre choix et jouez!</p>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ </section>
294
+
295
+ <!-- Testimonials -->
296
+ <section class="py-12 bg-gray-100">
297
+ <div class="container mx-auto px-4">
298
+ <h2 class="text-3xl font-bold text-center mb-8">Ce que disent nos clients</h2>
299
+
300
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
301
+ <div class="bg-white p-6 rounded-lg shadow-md">
302
+ <div class="flex items-center mb-4">
303
+ <img src="https://via.placeholder.com/50/FF6B6B/FFFFFF?text=JD" alt="Jean D." class="w-12 h-12 rounded-full mr-4">
304
+ <div>
305
+ <h4 class="font-bold">Jean D.</h4>
306
+ <div class="flex text-yellow-400">
307
+ <i class="fas fa-star"></i>
308
+ <i class="fas fa-star"></i>
309
+ <i class="fas fa-star"></i>
310
+ <i class="fas fa-star"></i>
311
+ <i class="fas fa-star"></i>
312
+ </div>
313
+ </div>
314
+ </div>
315
+ <p class="text-gray-600">"Enfin des jeux qui représentent notre île! La Réunion Adventure est incroyablement fidèle aux paysages que nous connaissons."</p>
316
+ </div>
317
+
318
+ <div class="bg-white p-6 rounded-lg shadow-md">
319
+ <div class="flex items-center mb-4">
320
+ <img src="https://via.placeholder.com/50/4ECDC4/FFFFFF?text=MS" alt="Marie S." class="w-12 h-12 rounded-full mr-4">
321
+ <div>
322
+ <h4 class="font-bold">Marie S.</h4>
323
+ <div class="flex text-yellow-400">
324
+ <i class="fas fa-star"></i>
325
+ <i class="fas fa-star"></i>
326
+ <i class="fas fa-star"></i>
327
+ <i class="fas fa-star"></i>
328
+ <i class="fas fa-star"></i>
329
+ </div>
330
+ </div>
331
+ </div>
332
+ <p class="text-gray-600">"Livraison instantanée du code pour Euro Truck Simulator 2 avec le DLC Réunion. Service impeccable!"</p>
333
+ </div>
334
+
335
+ <div class="bg-white p-6 rounded-lg shadow-md">
336
+ <div class="flex items-center mb-4">
337
+ <img src="https://via.placeholder.com/50/FF6B6B/FFFFFF?text=PL" alt="Pierre L." class="w-12 h-12 rounded-full mr-4">
338
+ <div>
339
+ <h4 class="font-bold">Pierre L.</h4>
340
+ <div class="flex text-yellow-400">
341
+ <i class="fas fa-star"></i>
342
+ <i class="fas fa-star"></i>
343
+ <i class="fas fa-star"></i>
344
+ <i class="fas fa-star"></i>
345
+ <i class="fas fa-star-half-alt"></i>
346
+ </div>
347
+ </div>
348
+ </div>
349
+ <p class="text-gray-600">"J'ai adoré découvrir les légendes réunionnaises dans Les Aventuriers du Sud. Vivement la suite!"</p>
350
+ </div>
351
+ </div>
352
+ </div>
353
+ </section>
354
+
355
+ <!-- Newsletter -->
356
+ <section class="py-12 bg-blue-600 text-white">
357
+ <div class="container mx-auto px-4 text-center">
358
+ <h2 class="text-3xl font-bold mb-4">Restez informé</h2>
359
+ <p class="text-xl mb-6 max-w-2xl mx-auto">Abonnez-vous à notre newsletter pour recevoir les dernières nouveautés et promotions sur les jeux Réunion.</p>
360
+ <form class="max-w-md mx-auto flex">
361
+ <input type="email" placeholder="Votre email" class="flex-grow px-4 py-3 rounded-l-md focus:outline-none text-gray-900">
362
+ <button type="submit" class="bg-red-600 hover:bg-red-700 px-6 py-3 rounded-r-md font-bold transition-all">S'abonner</button>
363
+ </form>
364
+ </div>
365
+ </section>
366
+
367
+ <!-- Footer -->
368
+ <footer class="bg-gray-900 text-white py-8">
369
+ <div class="container mx-auto px-4">
370
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
371
+ <div>
372
+ <h3 class="text-xl font-bold mb-4 flex items-center">
373
+ <i class="fas fa-gamepad mr-2"></i>
374
+ Réunion Games
375
+ </h3>
376
+ <p class="text-gray-400">Votre boutique de jeux vidéo préférée à La Réunion depuis 2023.</p>
377
+ </div>
378
+
379
+ <div>
380
+ <h4 class="font-bold mb-4">Navigation</h4>
381
+ <ul class="space-y-2">
382
+ <li><a href="#" class="text-gray-400 hover:text-white transition-all">Accueil</a></li>
383
+ <li><a href="#" class="text-gray-400 hover:text-white transition-all">Jeux Réunion</a></li>
384
+ <li><a href="#" class="text-gray-400 hover:text-white transition-all">Nouveautés</a></li>
385
+ <li><a href="#" class="text-gray-400 hover:text-white transition-all">Promotions</a></li>
386
+ <li><a href="#" class="text-gray-400 hover:text-white transition-all">Contact</a></li>
387
+ </ul>
388
+ </div>
389
+
390
+ <div>
391
+ <h4 class="font-bold mb-4">Support</h4>
392
+ <ul class="space-y-2">
393
+ <li><a href="#" class="text-gray-400 hover:text-white transition-all">FAQ</a></li>
394
+ <li><a href="#" class="text-gray-400 hover:text-white transition-all">Méthodes de paiement</a></li>
395
+ <li><a href="#" class="text-gray-400 hover:text-white transition-all">Livraison</a></li>
396
+ <li><a href="#" class="text-gray-400 hover:text-white transition-all">Politique de retour</a></li>
397
+ </ul>
398
+ </div>
399
+
400
+ <div>
401
+ <h4 class="font-bold mb-4">Contact</h4>
402
+ <ul class="space-y-2">
403
+ <li class="flex items-center">
404
+ <i class="fas fa-map-marker-alt mr-2 text-gray-400"></i>
405
+ <span class="text-gray-400">Saint-Denis, La Réunion</span>
406
+ </li>
407
+ <li class="flex items-center">
408
+ <i class="fas fa-phone mr-2 text-gray-400"></i>
409
+ <span class="text-gray-400">+262 692 123 456</span>
410
+ </li>
411
+ <li class="flex items-center">
412
+ <i class="fas fa-envelope mr-2 text-gray-400"></i>
413
+ <span class="text-gray-400">[email protected]</span>
414
+ </li>
415
+ </ul>
416
+ <div class="flex space-x-4 mt-4">
417
+ <a href="#" class="text-gray-400 hover:text-white transition-all"><i class="fab fa-facebook-f"></i></a>
418
+ <a href="#" class="text-gray-400 hover:text-white transition-all"><i class="fab fa-twitter"></i></a>
419
+ <a href="#" class="text-gray-400 hover:text-white transition-all"><i class="fab fa-instagram"></i></a>
420
+ <a href="#" class="text-gray-400 hover:text-white transition-all"><i class="fab fa-discord"></i></a>
421
+ </div>
422
+ </div>
423
+ </div>
424
+
425
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
426
+ <p>&copy; 2023 Réunion Games. Tous droits réservés.</p>
427
+ </div>
428
+ </div>
429
+ </footer>
430
+
431
+ <script>
432
+ // Simple script for mobile menu toggle (would be expanded in a real implementation)
433
+ document.querySelector('nav button').addEventListener('click', function() {
434
+ const mobileMenu = document.querySelector('#mobileMenu');
435
+ if (mobileMenu) {
436
+ mobileMenu.classList.toggle('hidden');
437
+ }
438
+ });
439
+
440
+ // Add to cart functionality
441
+ document.querySelectorAll('.game-card button').forEach(button => {
442
+ button.addEventListener('click', function() {
443
+ const gameTitle = this.closest('.game-card').querySelector('h3').textContent;
444
+ alert(`${gameTitle} a été ajouté à votre panier!`);
445
+
446
+ // In a real implementation, this would update the cart count
447
+ const cartCount = document.querySelector('nav .fa-shopping-cart + span');
448
+ if (cartCount) {
449
+ let count = parseInt(cartCount.textContent) || 0;
450
+ cartCount.textContent = count + 1;
451
+ }
452
+ });
453
+ });
454
+ </script>
455
+ <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/jeu-reunion" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
456
+ </html>
prompts.txt ADDED
@@ -0,0 +1,4 @@
 
 
 
 
 
1
+ https://huggingface.co/spaces/doctorblo/systeme-correction : ajouter , se conecter , sinscrire , tableau de bord pour entrer mes information de paiement , stripe , paypal , avec obligation de s'incrire pour sabonner pour avoir acces au site , ajouter panier d'achat et lien direct au panier
2
+ ajouter acces gratuit pour moi seul administrateur : [email protected] et [email protected]
3
+ ajouter mon mot de pass : Admin270574@
4
+ je veux une armée tres puissant de 320000 IA POUR CREER DES SITE COMME CELA :https://www.xxlgamer.fr/product/euro-truck-simulator-2-pc-cd-key je veux des jeux speciale ile de la reunion