Hugging Face's logo

Spaces:
sytransport2024
/
https-huggingface-co-spaces-enzostvs-deepsite
Running

App Files Community
sytransport2024 commited on
Commit
22592ae
·
verified ·
1 Parent(s): 231d05c

METTRE EN PREMIER PAGE PARTENAIRE AVEC YANGO - Follow Up Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +441 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Https Huggingface Co Spaces Enzostvs Deepsite
3
- emoji: 🐢
4
- colorFrom: indigo
5
- colorTo: blue
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: https-huggingface-co-spaces-enzostvs-deepsite
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: green
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,441 @@
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>SY TRANSPORT SARL - Assurance et Géolocalisation Véhicule</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
+ .hero {
11
+ background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1601584115197-04e5cf44ffdd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
12
+ background-size: cover;
13
+ background-position: center;
14
+ }
15
+
16
+ .service-card:hover {
17
+ transform: translateY(-10px);
18
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
19
+ }
20
+
21
+ .partner-logo {
22
+ filter: grayscale(100%);
23
+ transition: all 0.3s ease;
24
+ }
25
+
26
+ .partner-logo:hover {
27
+ filter: grayscale(0%);
28
+ }
29
+ </style>
30
+ </head>
31
+ <body class="font-sans bg-gray-50">
32
+ <!-- Header -->
33
+ <header class="bg-blue-900 text-white shadow-lg">
34
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
35
+ <div class="flex items-center space-x-2">
36
+ <i class="fas fa-truck-moving text-2xl text-yellow-400"></i>
37
+ <h1 class="text-xl md:text-2xl font-bold">SY TRANSPORT SARL</h1>
38
+ <span class="bg-yellow-400 text-blue-900 text-xs font-bold px-2 py-1 rounded-full ml-2">Partenaire Yango</span>
39
+ </div>
40
+ <nav class="hidden md:flex space-x-6">
41
+ <a href="#accueil" class="hover:text-yellow-400 transition">Accueil</a>
42
+ <a href="#services" class="hover:text-yellow-400 transition">Services</a>
43
+ <a href="#partenaires" class="hover:text-yellow-400 transition">Partenaires</a>
44
+ <a href="#contact" class="hover:text-yellow-400 transition">Contact</a>
45
+ </nav>
46
+ <button class="md:hidden text-xl" id="menuBtn">
47
+ <i class="fas fa-bars"></i>
48
+ </button>
49
+ </div>
50
+
51
+ <!-- Mobile Menu -->
52
+ <div class="md:hidden bg-blue-800 hidden" id="mobileMenu">
53
+ <div class="container mx-auto px-4 py-2 flex flex-col space-y-3">
54
+ <a href="#accueil" class="py-2 hover:text-yellow-400 transition">Accueil</a>
55
+ <a href="#services" class="py-2 hover:text-yellow-400 transition">Services</a>
56
+ <a href="#partenaires" class="py-2 hover:text-yellow-400 transition">Partenaires</a>
57
+ <a href="#contact" class="py-2 hover:text-yellow-400 transition">Contact</a>
58
+ </div>
59
+ </div>
60
+ </header>
61
+
62
+ <!-- Hero Section -->
63
+ <section id="accueil" class="hero text-white py-20 md:py-32">
64
+ <div class="container mx-auto px-4 text-center">
65
+ <div class="bg-yellow-500 text-blue-900 inline-block px-4 py-2 rounded-full mb-6 font-bold">
66
+ <i class="fas fa-handshake mr-2"></i> Partenaire officiel Yango - Commission 18%
67
+ </div>
68
+ <h1 class="text-3xl md:text-5xl font-bold mb-6">Solutions de Transport Innovantes</h1>
69
+ <p class="text-xl md:text-2xl mb-8">Assurance véhicule et géolocalisation fiable à des prix imbattables</p>
70
+ <div class="flex flex-col md:flex-row justify-center space-y-4 md:space-y-0 md:space-x-6">
71
+ <a href="#contact" class="bg-yellow-500 hover:bg-yellow-600 text-blue-900 font-bold py-3 px-6 rounded-lg transition duration-300">
72
+ <i class="fas fa-phone-alt mr-2"></i> Nous contacter
73
+ </a>
74
+ <a href="#services" class="bg-transparent hover:bg-blue-800 border-2 border-white text-white font-bold py-3 px-6 rounded-lg transition duration-300">
75
+ <i class="fas fa-info-circle mr-2"></i> Nos services
76
+ </a>
77
+ </div>
78
+ </div>
79
+ </section>
80
+
81
+ <!-- About Section -->
82
+ <section class="bg-white py-16">
83
+ <div class="container mx-auto px-4">
84
+ <div class="flex flex-col md:flex-row items-center">
85
+ <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
86
+ <h2 class="text-3xl font-bold text-blue-900 mb-6">À propos de SY TRANSPORT SARL</h2>
87
+ <p class="text-gray-700 mb-4">SY TRANSPORT SARL est une entreprise sénégalaise spécialisée dans les solutions innovantes pour le transport, offrant des services d'assurance véhicule et de géolocalisation hautement fiables à des prix très compétitifs.</p>
88
+ <p class="text-gray-700 mb-4">Notre équipe formidable est disponible 24h/24 pour vous assister et vous accompagner dans tous vos besoins liés au transport.</p>
89
+ <div class="bg-blue-100 border-l-4 border-yellow-500 p-4">
90
+ <p class="text-blue-900 font-semibold"><i class="fas fa-check-circle text-yellow-500 mr-2"></i> Inscription et formation gratuite</p>
91
+ <p class="text-blue-900 font-semibold"><i class="fas fa-check-circle text-yellow-500 mr-2"></i> Assistance disponible 24h/24</p>
92
+ <p class="text-blue-900 font-semibold"><i class="fas fa-check-circle text-yellow-500 mr-2"></i> Commission de 18% avec notre partenaire Yango</p>
93
+ </div>
94
+ </div>
95
+ <div class="md:w-1/2">
96
+ <img src="https://images.unsplash.com/photo-1556740738-b6a63e27c4df?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Transport et logistique" class="rounded-lg shadow-xl w-full">
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </section>
101
+
102
+ <!-- Services Section -->
103
+ <section id="services" class="bg-gray-100 py-16">
104
+ <div class="container mx-auto px-4">
105
+ <h2 class="text-3xl font-bold text-center text-blue-900 mb-12">Nos Services</h2>
106
+
107
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
108
+ <!-- Service 1 -->
109
+ <div class="bg-white rounded-xl shadow-md overflow-hidden service-card transition duration-300">
110
+ <div class="h-48 bg-blue-800 flex items-center justify-center">
111
+ <i class="fas fa-shield-alt text-6xl text-yellow-400"></i>
112
+ </div>
113
+ <div class="p-6">
114
+ <h3 class="text-xl font-bold text-blue-900 mb-3">Assurance Véhicule</h3>
115
+ <p class="text-gray-600 mb-4">Protégez votre véhicule avec nos assurances fiables et économiques, adaptées à tous les types de véhicules.</p>
116
+ <ul class="text-gray-700 space-y-2">
117
+ <li><i class="fas fa-check text-green-500 mr-2"></i> Couverture complète</li>
118
+ <li><i class="fas fa-check text-green-500 mr-2"></i> Prix très compétitifs</li>
119
+ <li><i class="fas fa-check text-green-500 mr-2"></i> Processus simplifié</li>
120
+ </ul>
121
+ </div>
122
+ </div>
123
+
124
+ <!-- Service 2 -->
125
+ <div class="bg-white rounded-xl shadow-md overflow-hidden service-card transition duration-300">
126
+ <div class="h-48 bg-blue-800 flex items-center justify-center">
127
+ <i class="fas fa-map-marked-alt text-6xl text-yellow-400"></i>
128
+ </div>
129
+ <div class="p-6">
130
+ <h3 class="text-xl font-bold text-blue-900 mb-3">Géolocalisation</h3>
131
+ <p class="text-gray-600 mb-4">Système de géolocalisation fiable et précis pour suivre vos véhicules en temps réel, où qu'ils se trouvent.</p>
132
+ <ul class="text-gray-700 space-y-2">
133
+ <li><i class="fas fa-check text-green-500 mr-2"></i> Surveillance 24/7</li>
134
+ <li><i class="fas fa-check text-green-500 mr-2"></i> Alertes en temps réel</li>
135
+ <li><i class="fas fa-check text-green-500 mr-2"></i> Solution économique</li>
136
+ </ul>
137
+ </div>
138
+ </div>
139
+
140
+ <!-- Service 3 -->
141
+ <div class="bg-white rounded-xl shadow-md overflow-hidden service-card transition duration-300">
142
+ <div class="h-48 bg-blue-800 flex items-center justify-center">
143
+ <i class="fas fa-handshake text-6xl text-yellow-400"></i>
144
+ </div>
145
+ <div class="p-6">
146
+ <h3 class="text-xl font-bold text-blue-900 mb-3">Partenariat Yango</h3>
147
+ <p class="text-gray-600 mb-4">Devenez partenaire et bénéficiez d'une commission attractive de 18% sur nos services.</p>
148
+ <ul class="text-gray-700 space-y-2">
149
+ <li><i class="fas fa-check text-green-500 mr-2"></i> Inscription gratuite</li>
150
+ <li><i class="fas fa-check text-green-500 mr-2"></i> Formation offerte</li>
151
+ <li><i class="fas fa-check text-green-500 mr-2"></i> Assistance permanente</li>
152
+ </ul>
153
+ </div>
154
+ </div>
155
+ </div>
156
+ </div>
157
+ </section>
158
+
159
+ <!-- Partners Section -->
160
+ <section id="partenaires" class="bg-white py-16">
161
+ <div class="container mx-auto px-4">
162
+ <h2 class="text-3xl font-bold text-center text-blue-900 mb-12">Nos Partenaires</h2>
163
+
164
+ <div class="flex flex-wrap justify-center items-center gap-12">
165
+ <div class="partner-logo w-40 h-40 flex items-center justify-center">
166
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Yango_logo.svg/1200px-Yango_logo.svg.png" alt="Yango" class="max-h-20">
167
+ </div>
168
+ <div class="partner-logo w-40 h-40 flex items-center justify-center">
169
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/WAPA_logo.svg/1200px-WAPA_logo.svg.png" alt="Assurance" class="max-h-20">
170
+ </div>
171
+ <div class="partner-logo w-40 h-40 flex items-center justify-center">
172
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9f/Allianz_logo.svg/2560px-Allianz_logo.svg.png" alt="Allianz" class="max-h-20">
173
+ </div>
174
+ </div>
175
+ </div>
176
+ </section>
177
+
178
+ <!-- Testimonials -->
179
+ <section class="bg-gray-100 py-16">
180
+ <div class="container mx-auto px-4">
181
+ <h2 class="text-3xl font-bold text-center text-blue-900 mb-12">Témoignages</h2>
182
+
183
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
184
+ <!-- Testimonial 1 -->
185
+ <div class="bg-white p-6 rounded-lg shadow-md">
186
+ <div class="flex items-center mb-4">
187
+ <div class="w-12 h-12 bg-blue-800 rounded-full flex items-center justify-center text-white font-bold mr-4">AM</div>
188
+ <div>
189
+ <h4 class="font-bold">Amadou Mbaye</h4>
190
+ <p class="text-gray-600 text-sm">Transporteur</p>
191
+ </div>
192
+ </div>
193
+ <p class="text-gray-700">"La géolocalisation de SY TRANSPORT m'a permis de réduire mes coûts opérationnels de 30%. Leur système est très fiable et leur équipe toujours disponible."</p>
194
+ <div class="mt-4 text-yellow-400">
195
+ <i class="fas fa-star"></i>
196
+ <i class="fas fa-star"></i>
197
+ <i class="fas fa-star"></i>
198
+ <i class="fas fa-star"></i>
199
+ <i class="fas fa-star"></i>
200
+ </div>
201
+ </div>
202
+
203
+ <!-- Testimonial 2 -->
204
+ <div class="bg-white p-6 rounded-lg shadow-md">
205
+ <div class="flex items-center mb-4">
206
+ <div class="w-12 h-12 bg-blue-800 rounded-full flex items-center justify-center text-white font-bold mr-4">FS</div>
207
+ <div>
208
+ <h4 class="font-bold">Fatou Sow</h4>
209
+ <p class="text-gray-600 text-sm">Entrepreneure</p>
210
+ </div>
211
+ </div>
212
+ <p class="text-gray-700">"L'assurance véhicule proposée est vraiment abordable. J'ai comparé plusieurs offres avant de choisir SY TRANSPORT et je ne regrette pas mon choix."</p>
213
+ <div class="mt-4 text-yellow-400">
214
+ <i class="fas fa-star"></i>
215
+ <i class="fas fa-star"></i>
216
+ <i class="fas fa-star"></i>
217
+ <i class="fas fa-star"></i>
218
+ <i class="fas fa-star-half-alt"></i>
219
+ </div>
220
+ </div>
221
+
222
+ <!-- Testimonial 3 -->
223
+ <div class="bg-white p-6 rounded-lg shadow-md">
224
+ <div class="flex items-center mb-4">
225
+ <div class="w-12 h-12 bg-blue-800 rounded-full flex items-center justify-center text-white font-bold mr-4">MD</div>
226
+ <div>
227
+ <h4 class="font-bold">Mamadou Diop</h4>
228
+ <p class="text-gray-600 text-sm">Partenaire Yango</p>
229
+ </div>
230
+ </div>
231
+ <p class="text-gray-700">"La commission de 18% est très attractive. L'équipe de SY TRANSPORT m'a bien formé et je génère maintenant un revenu complémentaire intéressant."</p>
232
+ <div class="mt-4 text-yellow-400">
233
+ <i class="fas fa-star"></i>
234
+ <i class="fas fa-star"></i>
235
+ <i class="fas fa-star"></i>
236
+ <i class="fas fa-star"></i>
237
+ <i class="fas fa-star"></i>
238
+ </div>
239
+ </div>
240
+ </div>
241
+ </div>
242
+ </section>
243
+
244
+ <!-- Contact Section -->
245
+ <section id="contact" class="bg-blue-900 text-white py-16">
246
+ <div class="container mx-auto px-4">
247
+ <h2 class="text-3xl font-bold text-center mb-12">Contactez-nous</h2>
248
+
249
+ <div class="flex flex-col lg:flex-row gap-12">
250
+ <!-- Contact Info -->
251
+ <div class="lg:w-1/2">
252
+ <div class="mb-8">
253
+ <h3 class="text-xl font-bold mb-4 text-yellow-400">Nos coordonnées</h3>
254
+
255
+ <div class="space-y-4">
256
+ <div class="flex items-start">
257
+ <i class="fas fa-map-marker-alt text-yellow-400 mt-1 mr-4"></i>
258
+ <div>
259
+ <p class="font-semibold">Adresses :</p>
260
+ <p>SICAP FOIRE, Côté Hôtel Soumsoum, Dakar</p>
261
+ <p>Keur Massar, En Face Djolof Chicken</p>
262
+ </div>
263
+ </div>
264
+
265
+ <div class="flex items-center">
266
+ <i class="fas fa-phone-alt text-yellow-400 mr-4"></i>
267
+ <div>
268
+ <p class="font-semibold">Téléphones :</p>
269
+ <p>338567446 / 766240623 / 765172565</p>
270
+ <p>777264140 / 767838383 (WhatsApp)</p>
271
+ </div>
272
+ </div>
273
+
274
+ <div class="flex items-center">
275
+ <i class="fas fa-envelope text-yellow-400 mr-4"></i>
276
+ <div>
277
+ <p class="font-semibold">Email :</p>
278
+ <p>[email protected]</p>
279
+ </div>
280
+ </div>
281
+ </div>
282
+ </div>
283
+
284
+ <div>
285
+ <h3 class="text-xl font-bold mb-4 text-yellow-400">Heures d'ouverture</h3>
286
+ <p class="mb-2">Lundi - Vendredi : 8h00 - 18h00</p>
287
+ <p class="mb-2">Samedi : 9h00 - 13h00</p>
288
+ <p>Assistance disponible 24h/24 pour les urgences</p>
289
+ </div>
290
+ </div>
291
+
292
+ <!-- Contact Form -->
293
+ <div class="lg:w-1/2">
294
+ <form class="bg-white text-gray-800 p-6 rounded-lg shadow-lg">
295
+ <div class="mb-4">
296
+ <label for="name" class="block text-gray-700 font-bold mb-2">Nom complet</label>
297
+ <input type="text" id="name" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-400">
298
+ </div>
299
+
300
+ <div class="mb-4">
301
+ <label for="email" class="block text-gray-700 font-bold mb-2">Email</label>
302
+ <input type="email" id="email" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-400">
303
+ </div>
304
+
305
+ <div class="mb-4">
306
+ <label for="phone" class="block text-gray-700 font-bold mb-2">Téléphone</label>
307
+ <input type="tel" id="phone" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-400">
308
+ </div>
309
+
310
+ <div class="mb-4">
311
+ <label for="service" class="block text-gray-700 font-bold mb-2">Service intéressé</label>
312
+ <select id="service" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-400">
313
+ <option value="">Sélectionnez un service</option>
314
+ <option value="assurance">Assurance véhicule</option>
315
+ <option value="geolocalisation">Géolocalisation</option>
316
+ <option value="partenariat">Partenariat Yango</option>
317
+ <option value="autre">Autre</option>
318
+ </select>
319
+ </div>
320
+
321
+ <div class="mb-4">
322
+ <label for="message" class="block text-gray-700 font-bold mb-2">Message</label>
323
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-400"></textarea>
324
+ </div>
325
+
326
+ <button type="submit" class="w-full bg-yellow-500 hover:bg-yellow-600 text-blue-900 font-bold py-3 px-6 rounded-lg transition duration-300">
327
+ Envoyer le message
328
+ </button>
329
+ </form>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </section>
334
+
335
+ <!-- Map Section -->
336
+ <section class="bg-white py-8">
337
+ <div class="container mx-auto px-4">
338
+ <div class="rounded-lg overflow-hidden shadow-lg">
339
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3859.341380642356!2d-17.4655829246874!3d14.7175954857451!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTTCsDQzJzAzLjQiTiAxN8KwMjcnNTEuNyJX!5e0!3m2!1sen!2ssn!4v1620000000000!5m2!1sen!2ssn" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
340
+ </div>
341
+ </div>
342
+ </section>
343
+
344
+ <!-- Footer -->
345
+ <footer class="bg-gray-900 text-white py-8">
346
+ <div class="container mx-auto px-4">
347
+ <div class="flex flex-col md:flex-row justify-between items-center">
348
+ <div class="mb-6 md:mb-0">
349
+ <div class="flex items-center space-x-2">
350
+ <i class="fas fa-truck-moving text-2xl text-yellow-400"></i>
351
+ <h2 class="text-xl font-bold">SY TRANSPORT SARL</h2>
352
+ </div>
353
+ <p class="mt-2 text-gray-400">Solutions innovantes pour vos besoins de transport</p>
354
+ </div>
355
+
356
+ <div class="flex space-x-6 mb-6 md:mb-0">
357
+ <a href="#" class="text-gray-400 hover:text-yellow-400 transition">
358
+ <i class="fab fa-facebook-f text-xl"></i>
359
+ </a>
360
+ <a href="#" class="text-gray-400 hover:text-yellow-400 transition">
361
+ <i class="fab fa-twitter text-xl"></i>
362
+ </a>
363
+ <a href="#" class="text-gray-400 hover:text-yellow-400 transition">
364
+ <i class="fab fa-instagram text-xl"></i>
365
+ </a>
366
+ <a href="https://wa.me/221767838383" class="text-gray-400 hover:text-yellow-400 transition">
367
+ <i class="fab fa-whatsapp text-xl"></i>
368
+ </a>
369
+ </div>
370
+
371
+ <div class="text-center md:text-right">
372
+ <p class="text-gray-400">Email: [email protected]</p>
373
+ <p class="text-gray-400">Tél: 338567446 / 766240623 / 765172565</p>
374
+ </div>
375
+ </div>
376
+
377
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
378
+ <p>&copy; 2024 SY TRANSPORT SARL. Tous droits réservés.</p>
379
+ </div>
380
+ </div>
381
+ </footer>
382
+
383
+ <!-- Back to Top Button -->
384
+ <button id="backToTop" class="fixed bottom-6 right-6 bg-yellow-500 text-blue-900 w-12 h-12 rounded-full shadow-lg flex items-center justify-center transition opacity-0 invisible">
385
+ <i class="fas fa-arrow-up"></i>
386
+ </button>
387
+
388
+ <script>
389
+ // Mobile Menu Toggle
390
+ const menuBtn = document.getElementById('menuBtn');
391
+ const mobileMenu = document.getElementById('mobileMenu');
392
+
393
+ menuBtn.addEventListener('click', () => {
394
+ mobileMenu.classList.toggle('hidden');
395
+ });
396
+
397
+ // Back to Top Button
398
+ const backToTopBtn = document.getElementById('backToTop');
399
+
400
+ window.addEventListener('scroll', () => {
401
+ if (window.pageYOffset > 300) {
402
+ backToTopBtn.classList.remove('opacity-0', 'invisible');
403
+ backToTopBtn.classList.add('opacity-100', 'visible');
404
+ } else {
405
+ backToTopBtn.classList.remove('opacity-100', 'visible');
406
+ backToTopBtn.classList.add('opacity-0', 'invisible');
407
+ }
408
+ });
409
+
410
+ backToTopBtn.addEventListener('click', () => {
411
+ window.scrollTo({
412
+ top: 0,
413
+ behavior: 'smooth'
414
+ });
415
+ });
416
+
417
+ // Smooth scrolling for anchor links
418
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
419
+ anchor.addEventListener('click', function(e) {
420
+ e.preventDefault();
421
+
422
+ const targetId = this.getAttribute('href');
423
+ if (targetId === '#') return;
424
+
425
+ const targetElement = document.querySelector(targetId);
426
+ if (targetElement) {
427
+ window.scrollTo({
428
+ top: targetElement.offsetTop - 80,
429
+ behavior: 'smooth'
430
+ });
431
+
432
+ // Close mobile menu if open
433
+ if (!mobileMenu.classList.contains('hidden')) {
434
+ mobileMenu.classList.add('hidden');
435
+ }
436
+ }
437
+ });
438
+ });
439
+ </script>
440
+ <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://deepsite.hf.co/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://deepsite.hf.co" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://deepsite.hf.co?remix=sytransport2024/https-huggingface-co-spaces-enzostvs-deepsite" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
441
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ bonjour je veut cree une site internet pour la societe SY TRANSPORT SARL SENEGAL DAKAR SICAP FOIRE COTE HOTEL SOUMSOUM TEL 338567446/766240623/765172565 ET KEUR MASSAR EN FACE DJOLOF CHICKEN 777264140 767838383 NUMERO WATSAP 767838383 LA SOCIETE VEND DES ASSURANCE VEHICULE ET DES GEOLOCALISATIONS TRES FIABLE ET MOIN CHERE ADRESSE [email protected] on est partenaire avec yango avec une commission de 18% INSCRIPTION ET FORMATION GRATUIT AVEN UNE ASSISTANCE DISPONIBLE 24H/24 AVEC UNE EQUIPE FORMIDABLE
2
+ METTRE EN PREMIER PAGE PARTENAIRE AVEC YANGO