Hugging Face's logo

Spaces:
Adamchab
/
taxidji
Running

App Files Community
Adamchab commited on
Commit
1dd2151
·
verified ·
1 Parent(s): 682a19d

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +584 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Taxidji
3
- emoji: 🏆
4
- colorFrom: indigo
5
- colorTo: indigo
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: taxidji
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: blue
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,584 @@
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>Taxi DJI - Service de taxi premium à Paris</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
+ @keyframes float {
11
+ 0% { transform: translateY(0px); }
12
+ 50% { transform: translateY(-10px); }
13
+ 100% { transform: translateY(0px); }
14
+ }
15
+ .floating {
16
+ animation: float 6s ease-in-out infinite;
17
+ }
18
+ .floating-fast {
19
+ animation: float 3s ease-in-out infinite;
20
+ }
21
+ .floating-slow {
22
+ animation: float 8s ease-in-out infinite;
23
+ }
24
+ .whatsapp-btn {
25
+ position: fixed;
26
+ bottom: 30px;
27
+ right: 30px;
28
+ z-index: 100;
29
+ transition: all 0.3s ease;
30
+ }
31
+ .whatsapp-btn:hover {
32
+ transform: scale(1.1);
33
+ }
34
+ .pulse {
35
+ animation: pulse 2s infinite;
36
+ }
37
+ @keyframes pulse {
38
+ 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
39
+ 70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
40
+ 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
41
+ }
42
+ .bg-pattern {
43
+ background-color: #f8f9fa;
44
+ background-image: radial-gradient(#000000 1px, transparent 1px);
45
+ background-size: 20px 20px;
46
+ }
47
+ .hover-grow {
48
+ transition: all 0.3s ease;
49
+ }
50
+ .hover-grow:hover {
51
+ transform: translateY(-5px);
52
+ }
53
+ </style>
54
+ </head>
55
+ <body class="bg-pattern font-sans">
56
+ <!-- Floating WhatsApp Button -->
57
+ <div class="whatsapp-btn">
58
+ <a href="https://wa.me/33749907487" class="bg-[#25D366] text-white w-16 h-16 rounded-full flex items-center justify-center text-3xl shadow-xl pulse">
59
+ <i class="fab fa-whatsapp"></i>
60
+ </a>
61
+ </div>
62
+
63
+ <!-- Header -->
64
+ <header class="bg-black text-white py-6 sticky top-0 z-50 shadow-md">
65
+ <div class="container mx-auto px-4 flex justify-between items-center">
66
+ <div class="flex items-center">
67
+ <div class="bg-yellow-400 w-10 h-10 rounded-full flex items-center justify-center text-black font-bold text-xl mr-3 floating-slow">
68
+ DJI
69
+ </div>
70
+ <h1 class="text-2xl font-bold">TAXI <span class="text-yellow-400">DJI</span></h1>
71
+ </div>
72
+ <nav class="hidden md:flex space-x-8">
73
+ <a href="#tarifs" class="hover:text-yellow-400 transition">Tarifs</a>
74
+ <a href="#vehicules" class="hover:text-yellow-400 transition">Véhicules</a>
75
+ <a href="#services" class="hover:text-yellow-400 transition">Services</a>
76
+ <a href="#blog" class="hover:text-yellow-400 transition">Blog</a>
77
+ <a href="#contact" class="hover:text-yellow-400 transition">Contact</a>
78
+ </nav>
79
+ <div class="md:hidden">
80
+ <button class="text-white focus:outline-none">
81
+ <i class="fas fa-bars text-2xl"></i>
82
+ </button>
83
+ </div>
84
+ </div>
85
+ </header>
86
+
87
+ <!-- Hero Section -->
88
+ <section class="py-20 relative overflow-hidden">
89
+ <div class="absolute top-0 left-0 w-full h-full">
90
+ <div class="absolute top-20 left-10 w-4 h-4 bg-yellow-400 rounded-full floating"></div>
91
+ <div class="absolute top-1/3 right-20 w-6 h-6 bg-black rounded-full floating-fast"></div>
92
+ <div class="absolute bottom-20 left-1/4 w-8 h-8 bg-white rounded-full floating-slow"></div>
93
+ <div class="absolute bottom-1/3 right-1/3 w-5 h-5 bg-yellow-400 rounded-full floating"></div>
94
+ </div>
95
+ <div class="container mx-auto px-4 relative z-10 text-center">
96
+ <h2 class="text-4xl md:text-6xl font-bold mb-6">Service de Taxi <span class="text-yellow-400">Premium</span> à Paris</h2>
97
+ <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto">Ponctualité, confort et sécurité pour tous vos déplacements en Île-de-France et au-delà.</p>
98
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
99
+ <a href="tel:0749907487" class="bg-black hover:bg-gray-800 text-white py-4 px-8 rounded-full font-bold text-lg transition flex items-center justify-center gap-2 hover-grow">
100
+ <i class="fas fa-phone"></i> 07 49 90 74 87
101
+ </a>
102
+ <a href="https://wa.me/33749907487" class="bg-yellow-400 hover:bg-yellow-500 text-black py-4 px-8 rounded-full font-bold text-lg transition flex items-center justify-center gap-2 hover-grow">
103
+ <i class="fab fa-whatsapp"></i> Réserver via WhatsApp
104
+ </a>
105
+ </div>
106
+ </div>
107
+ </section>
108
+
109
+ <!-- Tarifs Section -->
110
+ <section id="tarifs" class="py-16 bg-white">
111
+ <div class="container mx-auto px-4">
112
+ <div class="text-center mb-12">
113
+ <h2 class="text-3xl font-bold mb-4">Nos <span class="text-yellow-400">Tarifs</span> Forfaitaires</h2>
114
+ <p class="text-gray-600 max-w-2xl mx-auto">Des tarifs transparents et compétitifs pour vos trajets vers les aéroports.</p>
115
+ </div>
116
+
117
+ <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
118
+ <div class="bg-gray-50 p-8 rounded-xl shadow-md hover-grow">
119
+ <div class="flex justify-between items-center mb-6">
120
+ <h3 class="text-2xl font-bold">Orly → Paris</h3>
121
+ <div class="bg-yellow-400 text-black py-1 px-4 rounded-full text-lg font-bold">À partir de</div>
122
+ </div>
123
+ <div class="space-y-4">
124
+ <div class="flex justify-between py-3 border-b border-gray-200">
125
+ <span>Rive gauche</span>
126
+ <span class="font-bold">43€</span>
127
+ </div>
128
+ <div class="flex justify-between py-3 border-b border-gray-200">
129
+ <span>Rive droite</span>
130
+ <span class="font-bold">52€</span>
131
+ </div>
132
+ </div>
133
+ </div>
134
+
135
+ <div class="bg-gray-50 p-8 rounded-xl shadow-md hover-grow">
136
+ <div class="flex justify-between items-center mb-6">
137
+ <h3 class="text-2xl font-bold">CDG → Paris</h3>
138
+ <div class="bg-yellow-400 text-black py-1 px-4 rounded-full text-lg font-bold">À partir de</div>
139
+ </div>
140
+ <div class="space-y-4">
141
+ <div class="flex justify-between py-3 border-b border-gray-200">
142
+ <span>Rive gauche</span>
143
+ <span class="font-bold">72€</span>
144
+ </div>
145
+ <div class="flex justify-between py-3 border-b border-gray-200">
146
+ <span>Rive droite</span>
147
+ <span class="font-bold">63€</span>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </div>
152
+
153
+ <div class="text-center mt-12">
154
+ <p class="text-gray-600">Tarifs indicatifs pouvant varier selon la circulation et le point de prise en charge exact.</p>
155
+ </div>
156
+ </div>
157
+ </section>
158
+
159
+ <!-- Véhicules Section -->
160
+ <section id="vehicules" class="py-16 bg-gray-100">
161
+ <div class="container mx-auto px-4">
162
+ <div class="text-center mb-12">
163
+ <h2 class="text-3xl font-bold mb-4">Nos <span class="text-yellow-400">Véhicules</span></h2>
164
+ <p class="text-gray-600 max-w-2xl mx-auto">Une flotte moderne et variée adaptée à tous vos besoins.</p>
165
+ </div>
166
+
167
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
168
+ <div class="bg-white p-6 rounded-xl shadow-md text-center hover-grow">
169
+ <div class="bg-black text-yellow-400 w-16 h-16 rounded-full flex items-center justify-center text-3xl mx-auto mb-4">
170
+ <i class="fas fa-shuttle-van"></i>
171
+ </div>
172
+ <h3 class="text-xl font-bold mb-2">VAN</h3>
173
+ <p class="text-gray-600">Capacité jusqu'à 8 passagers, idéal pour les groupes.</p>
174
+ </div>
175
+
176
+ <div class="bg-white p-6 rounded-xl shadow-md text-center hover-grow">
177
+ <div class="bg-black text-yellow-400 w-16 h-16 rounded-full flex items-center justify-center text-3xl mx-auto mb-4">
178
+ <i class="fas fa-car-alt"></i>
179
+ </div>
180
+ <h3 class="text-xl font-bold mb-2">SUV</h3>
181
+ <p class="text-gray-600">Confort et espace pour 4 passagers avec bagages.</p>
182
+ </div>
183
+
184
+ <div class="bg-white p-6 rounded-xl shadow-md text-center hover-grow">
185
+ <div class="bg-black text-yellow-400 w-16 h-16 rounded-full flex items-center justify-center text-3xl mx-auto mb-4">
186
+ <i class="fas fa-car"></i>
187
+ </div>
188
+ <h3 class="text-xl font-bold mb-2">Berline</h3>
189
+ <p class="text-gray-600">Élégance et confort pour 3 passagers.</p>
190
+ </div>
191
+
192
+ <div class="bg-white p-6 rounded-xl shadow-md text-center hover-grow">
193
+ <div class="bg-black text-yellow-400 w-16 h-16 rounded-full flex items-center justify-center text-3xl mx-auto mb-4">
194
+ <i class="fas fa-car-side"></i>
195
+ </div>
196
+ <h3 class="text-xl font-bold mb-2">Break</h3>
197
+ <p class="text-gray-600">Espace cargo important pour 4 passagers.</p>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ </section>
202
+
203
+ <!-- Services Section -->
204
+ <section id="services" class="py-16 bg-white">
205
+ <div class="container mx-auto px-4">
206
+ <div class="text-center mb-12">
207
+ <h2 class="text-3xl font-bold mb-4">Nos <span class="text-yellow-400">Services</span> Spéciaux</h2>
208
+ <p class="text-gray-600 max-w-2xl mx-auto">Des solutions adaptées à vos besoins spécifiques.</p>
209
+ </div>
210
+
211
+ <div class="grid md:grid-cols-3 gap-8">
212
+ <div class="bg-gray-50 p-6 rounded-xl shadow-md hover-grow">
213
+ <div class="flex items-center mb-4">
214
+ <div class="bg-black text-yellow-400 w-12 h-12 rounded-full flex items-center justify-center text-xl mr-4">
215
+ <i class="fas fa-hand-holding-usd"></i>
216
+ </div>
217
+ <h3 class="text-xl font-bold">Assistance Avance de Frais</h3>
218
+ </div>
219
+ <p class="text-gray-600">Nous prenons en charge vos frais de transport avec remboursement ultérieur.</p>
220
+ </div>
221
+
222
+ <div class="bg-gray-50 p-6 rounded-xl shadow-md hover-grow">
223
+ <div class="flex items-center mb-4">
224
+ <div class="bg-black text-yellow-400 w-12 h-12 rounded-full flex items-center justify-center text-xl mr-4">
225
+ <i class="fas fa-file-medical"></i>
226
+ </div>
227
+ <h3 class="text-xl font-bold">Convention CPAM</h3>
228
+ </div>
229
+ <p class="text-gray-600">Agréé CPAM pour les départements 94, 77, 89, 45, 51 et 02.</p>
230
+ </div>
231
+
232
+ <div class="bg-gray-50 p-6 rounded-xl shadow-md hover-grow">
233
+ <div class="flex items-center mb-4">
234
+ <div class="bg-black text-yellow-400 w-12 h-12 rounded-full flex items-center justify-center text-xl mr-4">
235
+ <i class="fas fa-flask"></i>
236
+ </div>
237
+ <h3 class="text-xl font-bold">Course Laboratoire</h3>
238
+ </div>
239
+ <p class="text-gray-600">Transport de prélèvements médicaux avec avance de frais (sur protocole).</p>
240
+ </div>
241
+
242
+ <div class="bg-gray-50 p-6 rounded-xl shadow-md hover-grow">
243
+ <div class="flex items-center mb-4">
244
+ <div class="bg-black text-yellow-400 w-12 h-12 rounded-full flex items-center justify-center text-xl mr-4">
245
+ <i class="fas fa-calendar-day"></i>
246
+ </div>
247
+ <h3 class="text-xl font-bold">Location à la Journée</h3>
248
+ </div>
249
+ <p class="text-gray-600">Véhicule avec chauffeur à disposition pour la journée sur réservation.</p>
250
+ </div>
251
+
252
+ <div class="bg-gray-50 p-6 rounded-xl shadow-md hover-grow">
253
+ <div class="flex items-center mb-4">
254
+ <div class="bg-black text-yellow-400 w-12 h-12 rounded-full flex items-center justify-center text-xl mr-4">
255
+ <i class="fas fa-umbrella-beach"></i>
256
+ </div>
257
+ <h3 class="text-xl font-bold">Trajets Touristiques</h3>
258
+ </div>
259
+ <p class="text-gray-600">Aéroports, gares, Disneyland Paris et toutes zones touristiques.</p>
260
+ </div>
261
+
262
+ <div class="bg-gray-50 p-6 rounded-xl shadow-md hover-grow">
263
+ <div class="flex items-center mb-4">
264
+ <div class="bg-black text-yellow-400 w-12 h-12 rounded-full flex items-center justify-center text-xl mr-4">
265
+ <i class="fas fa-clock"></i>
266
+ </div>
267
+ <h3 class="text-xl font-bold">Disponibilité 24/7</h3>
268
+ </div>
269
+ <p class="text-gray-600">Service disponible 24h/24 et 7j/7 pour répondre à tous vos besoins.</p>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ </section>
274
+
275
+ <!-- Valeurs Section -->
276
+ <section class="py-16 bg-black text-white">
277
+ <div class="container mx-auto px-4">
278
+ <div class="text-center mb-12">
279
+ <h2 class="text-3xl font-bold mb-4">Nos <span class="text-yellow-400">Valeurs</span></h2>
280
+ <p class="text-gray-300 max-w-2xl mx-auto">Ce qui fait la différence Taxi DJI.</p>
281
+ </div>
282
+
283
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
284
+ <div class="bg-gray-900 p-6 rounded-xl hover-grow">
285
+ <div class="bg-yellow-400 text-black w-12 h-12 rounded-full flex items-center justify-center text-xl mb-4 mx-auto">
286
+ <i class="fas fa-clock"></i>
287
+ </div>
288
+ <h3 class="text-xl font-bold mb-2 text-center">Ponctualité</h3>
289
+ <p class="text-gray-300 text-center">Respect strict des horaires convenus.</p>
290
+ </div>
291
+
292
+ <div class="bg-gray-900 p-6 rounded-xl hover-grow">
293
+ <div class="bg-yellow-400 text-black w-12 h-12 rounded-full flex items-center justify-center text-xl mb-4 mx-auto">
294
+ <i class="fas fa-eye"></i>
295
+ </div>
296
+ <h3 class="text-xl font-bold mb-2 text-center">Transparence</h3>
297
+ <p class="text-gray-300 text-center">Tarifs clairs sans surprise.</p>
298
+ </div>
299
+
300
+ <div class="bg-gray-900 p-6 rounded-xl hover-grow">
301
+ <div class="bg-yellow-400 text-black w-12 h-12 rounded-full flex items-center justify-center text-xl mb-4 mx-auto">
302
+ <i class="fas fa-shield-alt"></i>
303
+ </div>
304
+ <h3 class="text-xl font-bold mb-2 text-center">Sécurité</h3>
305
+ <p class="text-gray-300 text-center">Chauffeurs professionnels et véhicules entretenus.</p>
306
+ </div>
307
+
308
+ <div class="bg-gray-900 p-6 rounded-xl hover-grow">
309
+ <div class="bg-yellow-400 text-black w-12 h-12 rounded-full flex items-center justify-center text-xl mb-4 mx-auto">
310
+ <i class="fas fa-handshake"></i>
311
+ </div>
312
+ <h3 class="text-xl font-bold mb-2 text-center">Confiance</h3>
313
+ <p class="text-gray-300 text-center">Relation de confiance avec nos clients.</p>
314
+ </div>
315
+
316
+ <div class="bg-gray-900 p-6 rounded-xl hover-grow">
317
+ <div class="bg-yellow-400 text-black w-12 h-12 rounded-full flex items-center justify-center text-xl mb-4 mx-auto">
318
+ <i class="fas fa-couch"></i>
319
+ </div>
320
+ <h3 class="text-xl font-bold mb-2 text-center">Confort</h3>
321
+ <p class="text-gray-300 text-center">Véhicules spacieux et climatisés.</p>
322
+ </div>
323
+
324
+ <div class="bg-gray-900 p-6 rounded-xl hover-grow">
325
+ <div class="bg-yellow-400 text-black w-12 h-12 rounded-full flex items-center justify-center text-xl mb-4 mx-auto">
326
+ <i class="fas fa-wheelchair"></i>
327
+ </div>
328
+ <h3 class="text-xl font-bold mb-2 text-center">Adaptabilité</h3>
329
+ <p class="text-gray-300 text-center">Personnes âgées, PAM, animaux domestiques.</p>
330
+ </div>
331
+
332
+ <div class="bg-gray-900 p-6 rounded-xl hover-grow">
333
+ <div class="bg-yellow-400 text-black w-12 h-12 rounded-full flex items-center justify-center text-xl mb-4 mx-auto">
334
+ <i class="fas fa-headset"></i>
335
+ </div>
336
+ <h3 class="text-xl font-bold mb-2 text-center">Disponibilité</h3>
337
+ <p class="text-gray-300 text-center">24h/24, 7j/7 pour répondre à vos besoins.</p>
338
+ </div>
339
+
340
+ <div class="bg-gray-900 p-6 rounded-xl hover-grow">
341
+ <div class="bg-yellow-400 text-black w-12 h-12 rounded-full flex items-center justify-center text-xl mb-4 mx-auto">
342
+ <i class="fas fa-smile"></i>
343
+ </div>
344
+ <h3 class="text-xl font-bold mb-2 text-center">Satisfaction</h3>
345
+ <p class="text-gray-300 text-center">Clientèle fidèle et satisfaite depuis des années.</p>
346
+ </div>
347
+ </div>
348
+ </div>
349
+ </section>
350
+
351
+ <!-- Blog Section -->
352
+ <section id="blog" class="py-16 bg-gray-100">
353
+ <div class="container mx-auto px-4">
354
+ <div class="text-center mb-12">
355
+ <h2 class="text-3xl font-bold mb-4">Notre <span class="text-yellow-400">Blog</span></h2>
356
+ <p class="text-gray-600 max-w-2xl mx-auto">Actualités et conseils pour vos déplacements.</p>
357
+ </div>
358
+
359
+ <div class="grid md:grid-cols-3 gap-8">
360
+ <div class="bg-white rounded-xl overflow-hidden shadow-md hover-grow">
361
+ <div class="bg-black text-white p-4">
362
+ <h3 class="text-xl font-bold">Conseils pour un trajet réussi</h3>
363
+ </div>
364
+ <div class="p-6">
365
+ <p class="text-gray-600 mb-4">Découvrez nos astuces pour préparer au mieux votre trajet vers l'aéroport.</p>
366
+ <a href="#" class="text-yellow-500 font-bold hover:text-yellow-600 transition">Lire l'article →</a>
367
+ </div>
368
+ </div>
369
+
370
+ <div class="bg-white rounded-xl overflow-hidden shadow-md hover-grow">
371
+ <div class="bg-black text-white p-4">
372
+ <h3 class="text-xl font-bold">Nouveaux véhicules</h3>
373
+ </div>
374
+ <div class="p-6">
375
+ <p class="text-gray-600 mb-4">Notre flotte s'agrandit avec de nouveaux modèles premium.</p>
376
+ <a href="#" class="text-yellow-500 font-bold hover:text-yellow-600 transition">Lire l'article →</a>
377
+ </div>
378
+ </div>
379
+
380
+ <div class="bg-white rounded-xl overflow-hidden shadow-md hover-grow">
381
+ <div class="bg-black text-white p-4">
382
+ <h3 class="text-xl font-bold">Transport médical</h3>
383
+ </div>
384
+ <div class="p-6">
385
+ <p class="text-gray-600 mb-4">Tout savoir sur nos services conventionnés CPAM.</p>
386
+ <a href="#" class="text-yellow-500 font-bold hover:text-yellow-600 transition">Lire l'article →</a>
387
+ </div>
388
+ </div>
389
+ </div>
390
+
391
+ <div class="text-center mt-12">
392
+ <a href="#" class="bg-black hover:bg-gray-800 text-white py-3 px-6 rounded-full font-bold transition inline-flex items-center gap-2">
393
+ <i class="fas fa-book-open"></i> Voir tous les articles
394
+ </a>
395
+ </div>
396
+ </div>
397
+ </section>
398
+
399
+ <!-- Contact Section -->
400
+ <section id="contact" class="py-16 bg-white">
401
+ <div class="container mx-auto px-4">
402
+ <div class="text-center mb-12">
403
+ <h2 class="text-3xl font-bold mb-4">Nous <span class="text-yellow-400">Contacter</span></h2>
404
+ <p class="text-gray-600 max-w-2xl mx-auto">Disponibles 24h/24 pour répondre à vos demandes.</p>
405
+ </div>
406
+
407
+ <div class="grid md:grid-cols-2 gap-12 max-w-4xl mx-auto">
408
+ <div>
409
+ <h3 class="text-xl font-bold mb-6">Coordonnées</h3>
410
+ <div class="space-y-4">
411
+ <div class="flex items-start">
412
+ <div class="bg-black text-yellow-400 w-10 h-10 rounded-full flex items-center justify-center text-lg mr-4 mt-1">
413
+ <i class="fas fa-phone"></i>
414
+ </div>
415
+ <div>
416
+ <h4 class="font-bold">Téléphone</h4>
417
+ <a href="tel:0749907487" class="text-gray-600 hover:text-black transition">07 49 90 74 87</a>
418
+ </div>
419
+ </div>
420
+
421
+ <div class="flex items-start">
422
+ <div class="bg-black text-yellow-400 w-10 h-10 rounded-full flex items-center justify-center text-lg mr-4 mt-1">
423
+ <i class="fab fa-whatsapp"></i>
424
+ </div>
425
+ <div>
426
+ <h4 class="font-bold">WhatsApp</h4>
427
+ <a href="https://wa.me/33749907487" class="text-gray-600 hover:text-black transition">Envoyer un message</a>
428
+ </div>
429
+ </div>
430
+
431
+ <div class="flex items-start">
432
+ <div class="bg-black text-yellow-400 w-10 h-10 rounded-full flex items-center justify-center text-lg mr-4 mt-1">
433
+ <i class="fas fa-envelope"></i>
434
+ </div>
435
+ <div>
436
+ <h4 class="font-bold">Email</h4>
437
+ <a href="mailto:[email protected]" class="text-gray-600 hover:text-black transition">[email protected]</a>
438
+ </div>
439
+ </div>
440
+
441
+ <div class="flex items-start">
442
+ <div class="bg-black text-yellow-400 w-10 h-10 rounded-full flex items-center justify-center text-lg mr-4 mt-1">
443
+ <i class="fas fa-clock"></i>
444
+ </div>
445
+ <div>
446
+ <h4 class="font-bold">Horaires</h4>
447
+ <p class="text-gray-600">24 heures sur 24, 7 jours sur 7</p>
448
+ </div>
449
+ </div>
450
+ </div>
451
+ </div>
452
+
453
+ <div>
454
+ <h3 class="text-xl font-bold mb-6">Formulaire de contact</h3>
455
+ <form class="space-y-4">
456
+ <div>
457
+ <label for="name" class="block font-medium mb-1">Nom</label>
458
+ <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-400">
459
+ </div>
460
+
461
+ <div>
462
+ <label for="email" class="block font-medium mb-1">Email</label>
463
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-400">
464
+ </div>
465
+
466
+ <div>
467
+ <label for="message" class="block font-medium mb-1">Message</label>
468
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-400"></textarea>
469
+ </div>
470
+
471
+ <button type="submit" class="bg-black hover:bg-gray-800 text-white py-3 px-6 rounded-full font-bold transition w-full">
472
+ Envoyer le message
473
+ </button>
474
+ </form>
475
+ </div>
476
+ </div>
477
+ </div>
478
+ </section>
479
+
480
+ <!-- Call to Action -->
481
+ <section class="py-16 bg-yellow-400">
482
+ <div class="container mx-auto px-4 text-center">
483
+ <h2 class="text-3xl font-bold mb-6">Prêt à réserver votre trajet ?</h2>
484
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Contactez-nous dès maintenant pour un service rapide et professionnel.</p>
485
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
486
+ <a href="tel:0749907487" class="bg-black hover:bg-gray-800 text-white py-4 px-8 rounded-full font-bold text-lg transition flex items-center justify-center gap-2 hover-grow">
487
+ <i class="fas fa-phone"></i> Appeler maintenant
488
+ </a>
489
+ <a href="https://wa.me/33749907487" class="bg-white hover:bg-gray-100 text-black py-4 px-8 rounded-full font-bold text-lg transition flex items-center justify-center gap-2 hover-grow">
490
+ <i class="fab fa-whatsapp"></i> WhatsApp
491
+ </a>
492
+ </div>
493
+ </div>
494
+ </section>
495
+
496
+ <!-- Footer -->
497
+ <footer class="bg-black text-white py-12">
498
+ <div class="container mx-auto px-4">
499
+ <div class="grid md:grid-cols-4 gap-8">
500
+ <div>
501
+ <div class="flex items-center mb-4">
502
+ <div class="bg-yellow-400 text-black w-10 h-10 rounded-full flex items-center justify-center font-bold text-xl mr-3">
503
+ DJI
504
+ </div>
505
+ <h3 class="text-xl font-bold">TAXI DJI</h3>
506
+ </div>
507
+ <p class="text-gray-400">Service de taxi premium à Paris et en Île-de-France.</p>
508
+ </div>
509
+
510
+ <div>
511
+ <h4 class="text-lg font-bold mb-4">Liens utiles</h4>
512
+ <ul class="space-y-2">
513
+ <li><a href="#tarifs" class="text-gray-400 hover:text-yellow-400 transition">Tarifs</a></li>
514
+ <li><a href="#vehicules" class="text-gray-400 hover:text-yellow-400 transition">Véhicules</a></li>
515
+ <li><a href="#services" class="text-gray-400 hover:text-yellow-400 transition">Services</a></li>
516
+ <li><a href="#blog" class="text-gray-400 hover:text-yellow-400 transition">Blog</a></li>
517
+ </ul>
518
+ </div>
519
+
520
+ <div>
521
+ <h4 class="text-lg font-bold mb-4">Mentions légales</h4>
522
+ <ul class="space-y-2">
523
+ <li><a href="#" class="text-gray-400 hover:text-yellow-400 transition">CGU</a></li>
524
+ <li><a href="#" class="text-gray-400 hover:text-yellow-400 transition">Politique de confidentialité</a></li>
525
+ <li><a href="#" class="text-gray-400 hover:text-yellow-400 transition">Mentions légales</a></li>
526
+ </ul>
527
+ </div>
528
+
529
+ <div>
530
+ <h4 class="text-lg font-bold mb-4">Réseaux sociaux</h4>
531
+ <div class="flex space-x-4">
532
+ <a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center text-lg transition">
533
+ <i class="fab fa-facebook-f"></i>
534
+ </a>
535
+ <a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center text-lg transition">
536
+ <i class="fab fa-twitter"></i>
537
+ </a>
538
+ <a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center text-lg transition">
539
+ <i class="fab fa-instagram"></i>
540
+ </a>
541
+ </div>
542
+ </div>
543
+ </div>
544
+
545
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
546
+ <p>&copy; 2023 Taxi DJI. Tous droits réservés.</p>
547
+ </div>
548
+ </div>
549
+ </footer>
550
+
551
+ <script>
552
+ // Simple script for mobile menu toggle (could be enhanced)
553
+ document.addEventListener('DOMContentLoaded', function() {
554
+ const mobileMenuButton = document.querySelector('.md\\:hidden button');
555
+ const menuItems = document.querySelector('.md\\:flex');
556
+
557
+ mobileMenuButton.addEventListener('click', function() {
558
+ menuItems.classList.toggle('hidden');
559
+ menuItems.classList.toggle('flex');
560
+ menuItems.classList.toggle('flex-col');
561
+ menuItems.classList.toggle('absolute');
562
+ menuItems.classList.toggle('top-16');
563
+ menuItems.classList.toggle('left-0');
564
+ menuItems.classList.toggle('w-full');
565
+ menuItems.classList.toggle('bg-black');
566
+ menuItems.classList.toggle('p-4');
567
+ menuItems.classList.toggle('space-y-4');
568
+ menuItems.classList.toggle('space-x-8');
569
+ });
570
+
571
+ // Smooth scrolling for anchor links
572
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
573
+ anchor.addEventListener('click', function (e) {
574
+ e.preventDefault();
575
+
576
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
577
+ behavior: 'smooth'
578
+ });
579
+ });
580
+ });
581
+ });
582
+ </script>
583
+ <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=Adamchab/taxidji" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
584
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ Site de chat
2
+ page de destination tres élégante pour service de taxi " Taxi DJI "avec des effet flottant whatsapp flottant de couleur noire jaune et blanc : Voici les éléments que je veux avoir sur le site : - touche/accès pour réserver ou appeler a partir du site (vers téléphone/whastapp) - possibilité de créer ou alimenter un blog Infos à mettre en évidence : - tarifs des forfaits aéroports - proposition de différents véhicules : VAN, SUV, Berline, Break - trajets possibles : aéroports, gares, Disneyland Paris, toutes zones touristiques Paris province - Assistance avance de frais - Convention Cpam, ( 94/77/89/45/51/02) Course laboratoire avance de frais ( sur protocole) Mise à disposition à la journée sur réservation Mises en avant des valeurs : - ponctualité, - transparence, - sécurité, - confiance, - confort, - adaptabilité : (personnes âgées, PAM, animaux domestiques) - disponibilité (24h/24, 7j/7) Orly paris 43€ rive gauche 52€ rive droite Cdg paris 72€ rive gauche 63€ rive droite ## Cahier des charges – Page de destination (landing page) sans photo, avec effets flottants et bouton WhatsApp flottant noir/jaune/blanc **Objectif du site :** - Générer des réservations et appels (téléphone ou WhatsApp) - Mettre en avant les offres, tarifs, services et valeurs de l’entreprise - Proposer un accès à un blog fonctionnel --- **Design & Ergonomie :** - Style épuré, sans photo - Effets flottants modernes (éléments en mouvement subtil, boutons flottants) - Bouton WhatsApp flottant, couleurs noir, jaune et blanc, toujours visible en bas à droite --- **Fonctionnalités principales :** - Bouton d’appel direct (téléphone) et bouton WhatsApp flottant pour réservation immédiate - Formulaire de réservation simple et rapide - Accès/section blog pour publier ou alimenter des articles - Responsive mobile/tablette - Affichage clair des tarifs forfaitaires aéroports et trajets - Présentation des différents véhicules proposés : VAN, SUV, Berline, Break - Liste des trajets possibles : aéroports, gares, Disneyland Paris, zones touristiques Paris/province - Mise en avant de l’assistance avance de frais et des conventions CPAM (94/77/89/45/51/02) - Information sur la course laboratoire avance de frais (sur protocole) - Option de mise à disposition à la journée sur réservation --- **Contenus à mettre en avant :** ### Tarifs forfaitaires aéroports (exemples 2025)[5][6][9] | Trajet | Rive gauche | Rive droite | |-------------------------------|-------------|-------------| | Orly – Paris | 36 € | 45 € | | CDG – Paris | 65 € | 56 € | *Adapter les tarifs selon la réglementation en vigueur si besoin.* ### Véhicules proposés - VAN - SUV - Berline - Break ### Trajets possibles - Aéroports (Orly, CDG) - Gares - Disneyland Paris - Toutes zones touristiques Paris et province ### Services spécifiques - Assistance avance de frais - Convention CPAM (94/77/89/45/51/02) - Course laboratoire avance de frais (sur protocole) - Mise à disposition à la journée sur réservation ### Valeurs à mettre en avant - Ponctualité - Transparence - Sécurité - Confiance - Confort - Adaptabilité (personnes âgées, PAM, animaux domestiques) - Disponibilité 24h/24, 7j/7 --- **Contraintes techniques et recommandations :** - Pas d’images/photos, privilégier les icônes et illustrations vectorielles - Palette de couleurs : noir, jaune, blanc (en cohérence avec le bouton WhatsApp) - Effets flottants discrets pour dynamiser la page sans nuire à la lisibilité - Chargement rapide, optimisation mobile - SEO : textes optimisés pour le référencement local (Paris, aéroports, etc.) --- **Exemple d’arborescence (wireframe simplifié) :** - Header : logo, menu minimal (Réserver, Blog, Contact) - Section tarifs - Section véhicules - Section trajets/services - Section valeurs - Section blog/actualités - Footer : mentions légales, CGU, liens réseaux sociaux --- **Livrables attendus :** - Maquette graphique (Figma/Adobe XD) - Développement de la landing page (HTML/CSS/JS ou CMS adapté) - Intégration du bouton WhatsApp flottant personnalisé - Mise en place du blog (WordPress ou module équivalent) - Recettage et mise en ligne Contact: 07 49 90 74 87 Email : [email protected]