Hugging Face's logo

Spaces:
DocHoax
/
dhx
Running

App Files Community
DocHoax commited on
Commit
c2ac552
·
verified ·
1 Parent(s): 7eba295

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +460 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Dhx
3
- emoji: 🚀
4
  colorFrom: pink
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: dhx
3
+ emoji: 🐳
4
  colorFrom: pink
5
+ colorTo: gray
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,460 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Monday Vibes - Lagos Edition</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
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ background-color: #f8fafc;
15
+ }
16
+
17
+ .monday-gradient {
18
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);
19
+ }
20
+
21
+ .activity-card:hover {
22
+ transform: translateY(-5px);
23
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
24
+ }
25
+
26
+ .traffic-icon {
27
+ animation: move 3s infinite ease-in-out;
28
+ }
29
+
30
+ @keyframes move {
31
+ 0%, 100% { transform: translateX(0); }
32
+ 50% { transform: translateX(10px); }
33
+ }
34
+
35
+ .pulse {
36
+ animation: pulse 2s infinite;
37
+ }
38
+
39
+ @keyframes pulse {
40
+ 0% { transform: scale(1); }
41
+ 50% { transform: scale(1.05); }
42
+ 100% { transform: scale(1); }
43
+ }
44
+ </style>
45
+ </head>
46
+ <body>
47
+ <!-- Header/Navigation -->
48
+ <header class="bg-white shadow-sm sticky top-0 z-50">
49
+ <div class="container mx-auto px-6 py-4">
50
+ <div class="flex items-center justify-between">
51
+ <div class="flex items-center">
52
+ <div class="w-10 h-10 rounded-full monday-gradient flex items-center justify-center text-white font-bold text-xl">
53
+ M
54
+ </div>
55
+ <span class="ml-3 text-xl font-semibold text-gray-800">Monday Vibes</span>
56
+ </div>
57
+ <nav class="hidden md:flex space-x-8">
58
+ <a href="#" class="text-indigo-600 font-medium">Home</a>
59
+ <a href="#activities" class="text-gray-600 hover:text-indigo-600 transition">Activities</a>
60
+ <a href="#tips" class="text-gray-600 hover:text-indigo-600 transition">Tips</a>
61
+ <a href="#contact" class="text-gray-600 hover:text-indigo-600 transition">Contact</a>
62
+ </nav>
63
+ <button class="md:hidden text-gray-600 focus:outline-none">
64
+ <i class="fas fa-bars text-2xl"></i>
65
+ </button>
66
+ </div>
67
+ </div>
68
+ </header>
69
+
70
+ <!-- Hero Section -->
71
+ <section class="monday-gradient text-white py-20">
72
+ <div class="container mx-auto px-6 flex flex-col md:flex-row items-center">
73
+ <div class="md:w-1/2 mb-10 md:mb-0">
74
+ <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">Conquer Your Monday in Lagos!</h1>
75
+ <p class="text-xl mb-8">Start your week right with our guide to navigating Lagos every Monday. Beat the traffic, find the best spots, and make your Monday productive.</p>
76
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
77
+ <button class="bg-white text-indigo-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition duration-300 pulse">
78
+ Get Monday Tips
79
+ </button>
80
+ <button class="border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:text-indigo-600 transition duration-300">
81
+ Watch Video <i class="fas fa-play ml-2"></i>
82
+ </button>
83
+ </div>
84
+ </div>
85
+ <div class="md:w-1/2 flex justify-center">
86
+ <img src="https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
87
+ alt="Lagos skyline"
88
+ class="rounded-xl shadow-2xl max-w-full h-auto">
89
+ </div>
90
+ </div>
91
+ </section>
92
+
93
+ <!-- Monday Activities Section -->
94
+ <section id="activities" class="py-16 bg-white">
95
+ <div class="container mx-auto px-6">
96
+ <div class="text-center mb-16">
97
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Typical Monday Activities in Lagos</h2>
98
+ <p class="text-gray-600 max-w-2xl mx-auto">From the early morning hustle to the evening wind-down, here's how Lagosians spend their Mondays.</p>
99
+ </div>
100
+
101
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
102
+ <!-- Activity 1 -->
103
+ <div class="bg-gray-50 rounded-xl p-6 activity-card transition duration-300 shadow-md hover:shadow-lg">
104
+ <div class="flex items-center mb-4">
105
+ <div class="w-12 h-12 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-4">
106
+ <i class="fas fa-car text-xl traffic-icon"></i>
107
+ </div>
108
+ <h3 class="text-xl font-semibold text-gray-800">Morning Traffic Rush</h3>
109
+ </div>
110
+ <p class="text-gray-600 mb-4">The infamous Lagos Monday morning traffic starts as early as 5:30 AM. Main routes like Third Mainland Bridge, Ikorodu Road, and Lagos-Ibadan Expressway experience heavy congestion.</p>
111
+ <div class="flex items-center text-sm text-indigo-600">
112
+ <i class="fas fa-clock mr-2"></i>
113
+ <span>5:30 AM - 10:00 AM</span>
114
+ </div>
115
+ </div>
116
+
117
+ <!-- Activity 2 -->
118
+ <div class="bg-gray-50 rounded-xl p-6 activity-card transition duration-300 shadow-md hover:shadow-lg">
119
+ <div class="flex items-center mb-4">
120
+ <div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center text-purple-600 mr-4">
121
+ <i class="fas fa-coffee text-xl"></i>
122
+ </div>
123
+ <h3 class="text-xl font-semibold text-gray-800">Office Coffee Sessions</h3>
124
+ </div>
125
+ <p class="text-gray-600 mb-4">Workplaces buzz with weekend stories over coffee. Popular spots like Cafe Neo and Art Cafe are packed with professionals grabbing their Monday morning caffeine fix.</p>
126
+ <div class="flex items-center text-sm text-purple-600">
127
+ <i class="fas fa-clock mr-2"></i>
128
+ <span>8:00 AM - 10:00 AM</span>
129
+ </div>
130
+ </div>
131
+
132
+ <!-- Activity 3 -->
133
+ <div class="bg-gray-50 rounded-xl p-6 activity-card transition duration-300 shadow-md hover:shadow-lg">
134
+ <div class="flex items-center mb-4">
135
+ <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mr-4">
136
+ <i class="fas fa-briefcase text-xl"></i>
137
+ </div>
138
+ <h3 class="text-xl font-semibold text-gray-800">Weekly Planning Meetings</h3>
139
+ </div>
140
+ <p class="text-gray-600 mb-4">Most offices hold their weekly planning meetings on Monday mornings. Conference rooms across Victoria Island and Ikoyi are booked solid for strategy sessions.</p>
141
+ <div class="flex items-center text-sm text-blue-600">
142
+ <i class="fas fa-clock mr-2"></i>
143
+ <span>10:00 AM - 12:00 PM</span>
144
+ </div>
145
+ </div>
146
+
147
+ <!-- Activity 4 -->
148
+ <div class="bg-gray-50 rounded-xl p-6 activity-card transition duration-300 shadow-md hover:shadow-lg">
149
+ <div class="flex items-center mb-4">
150
+ <div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center text-green-600 mr-4">
151
+ <i class="fas fa-utensils text-xl"></i>
152
+ </div>
153
+ <h3 class="text-xl font-semibold text-gray-800">Lunch Rush</h3>
154
+ </div>
155
+ <p class="text-gray-600 mb-4">Popular lunch spots like Sweet Kiwi, Yellow Chilli, and Terra Kulture are packed. Many opt for quick meals from local bukas or food delivery services like Bolt Food.</p>
156
+ <div class="flex items-center text-sm text-green-600">
157
+ <i class="fas fa-clock mr-2"></i>
158
+ <span>12:30 PM - 2:00 PM</span>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Activity 5 -->
163
+ <div class="bg-gray-50 rounded-xl p-6 activity-card transition duration-300 shadow-md hover:shadow-lg">
164
+ <div class="flex items-center mb-4">
165
+ <div class="w-12 h-12 rounded-full bg-yellow-100 flex items-center justify-center text-yellow-600 mr-4">
166
+ <i class="fas fa-shopping-bag text-xl"></i>
167
+ </div>
168
+ <h3 class="text-xl font-semibold text-gray-800">After-Work Errands</h3>
169
+ </div>
170
+ <p class="text-gray-600 mb-4">Markets like Balogun and Computer Village see increased activity as people run errands after work. Malls like Ikeja City Mall and The Palms are also busy.</p>
171
+ <div class="flex items-center text-sm text-yellow-600">
172
+ <i class="fas fa-clock mr-2"></i>
173
+ <span>5:00 PM - 7:00 PM</span>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Activity 6 -->
178
+ <div class="bg-gray-50 rounded-xl p-6 activity-card transition duration-300 shadow-md hover:shadow-lg">
179
+ <div class="flex items-center mb-4">
180
+ <div class="w-12 h-12 rounded-full bg-red-100 flex items-center justify-center text-red-600 mr-4">
181
+ <i class="fas fa-glass-cheers text-xl"></i>
182
+ </div>
183
+ <h3 class="text-xl font-semibold text-gray-800">Monday Night Socials</h3>
184
+ </div>
185
+ <p class="text-gray-600 mb-4">Despite being a weekday, Lagos nightlife starts early. Spots like Quilox, Hard Rock Cafe, and The Place host "Monday Night" events with discounted drinks.</p>
186
+ <div class="flex items-center text-sm text-red-600">
187
+ <i class="fas fa-clock mr-2"></i>
188
+ <span>7:00 PM - 12:00 AM</span>
189
+ </div>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ </section>
194
+
195
+ <!-- Monday Tips Section -->
196
+ <section id="tips" class="py-16 bg-gray-50">
197
+ <div class="container mx-auto px-6">
198
+ <div class="text-center mb-16">
199
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Monday Survival Tips for Lagos</h2>
200
+ <p class="text-gray-600 max-w-2xl mx-auto">Navigate your Monday like a true Lagosian with these pro tips</p>
201
+ </div>
202
+
203
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
204
+ <div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition duration-300">
205
+ <div class="w-16 h-16 monday-gradient rounded-full flex items-center justify-center text-white text-2xl mb-6 mx-auto">
206
+ 1
207
+ </div>
208
+ <h3 class="text-xl font-semibold text-center mb-4">Beat the Traffic</h3>
209
+ <ul class="space-y-3 text-gray-600">
210
+ <li class="flex items-start">
211
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
212
+ <span>Leave home before 5:30 AM if possible</span>
213
+ </li>
214
+ <li class="flex items-start">
215
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
216
+ <span>Use alternative routes like local government roads</span>
217
+ </li>
218
+ <li class="flex items-start">
219
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
220
+ <span>Consider bike taxis (okada) for short distances</span>
221
+ </li>
222
+ </ul>
223
+ </div>
224
+
225
+ <div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition duration-300">
226
+ <div class="w-16 h-16 monday-gradient rounded-full flex items-center justify-center text-white text-2xl mb-6 mx-auto">
227
+ 2
228
+ </div>
229
+ <h3 class="text-xl font-semibold text-center mb-4">Productivity Hacks</h3>
230
+ <ul class="space-y-3 text-gray-600">
231
+ <li class="flex items-start">
232
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
233
+ <span>Prepare your Monday tasks on Friday evening</span>
234
+ </li>
235
+ <li class="flex items-start">
236
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
237
+ <span>Schedule important meetings for mid-morning</span>
238
+ </li>
239
+ <li class="flex items-start">
240
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
241
+ <span>Use traffic time for calls or podcasts</span>
242
+ </li>
243
+ </ul>
244
+ </div>
245
+
246
+ <div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition duration-300">
247
+ <div class="w-16 h-16 monday-gradient rounded-full flex items-center justify-center text-white text-2xl mb-6 mx-auto">
248
+ 3
249
+ </div>
250
+ <h3 class="text-xl font-semibold text-center mb-4">Self-Care Essentials</h3>
251
+ <ul class="space-y-3 text-gray-600">
252
+ <li class="flex items-start">
253
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
254
+ <span>Pack healthy snacks to avoid junk food cravings</span>
255
+ </li>
256
+ <li class="flex items-start">
257
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
258
+ <span>Stay hydrated - Lagos heat plus AC can be dehydrating</span>
259
+ </li>
260
+ <li class="flex items-start">
261
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
262
+ <span>Wind down with light exercise or meditation</span>
263
+ </li>
264
+ </ul>
265
+ </div>
266
+ </div>
267
+ </div>
268
+ </section>
269
+
270
+ <!-- Testimonials -->
271
+ <section class="py-16 bg-white">
272
+ <div class="container mx-auto px-6">
273
+ <div class="text-center mb-16">
274
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">What Lagosians Say About Mondays</h2>
275
+ <p class="text-gray-600 max-w-2xl mx-auto">Real experiences from people navigating Lagos every Monday</p>
276
+ </div>
277
+
278
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
279
+ <div class="bg-gray-50 p-8 rounded-xl">
280
+ <div class="flex items-center mb-6">
281
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Amina" class="w-12 h-12 rounded-full mr-4">
282
+ <div>
283
+ <h4 class="font-semibold">Amina O.</h4>
284
+ <p class="text-gray-500 text-sm">Banker, Victoria Island</p>
285
+ </div>
286
+ </div>
287
+ <p class="text-gray-600 italic mb-4">"I've learned to schedule all my important meetings for Tuesday. Monday is for catching up and adjusting to the week. The traffic alone can ruin your whole day's schedule!"</p>
288
+ <div class="flex text-yellow-400">
289
+ <i class="fas fa-star"></i>
290
+ <i class="fas fa-star"></i>
291
+ <i class="fas fa-star"></i>
292
+ <i class="fas fa-star"></i>
293
+ <i class="fas fa-star-half-alt"></i>
294
+ </div>
295
+ </div>
296
+
297
+ <div class="bg-gray-50 p-8 rounded-xl">
298
+ <div class="flex items-center mb-6">
299
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Emeka" class="w-12 h-12 rounded-full mr-4">
300
+ <div>
301
+ <h4 class="font-semibold">Emeka C.</h4>
302
+ <p class="text-gray-500 text-sm">Tech Entrepreneur, Yaba</p>
303
+ </div>
304
+ </div>
305
+ <p class="text-gray-600 italic mb-4">"Monday in Lagos is a different beast. I use the morning traffic time to listen to business podcasts and plan my week. By the time I get to the office, I'm already in work mode."</p>
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
+ </div>
316
+ </section>
317
+
318
+ <!-- Newsletter -->
319
+ <section id="contact" class="py-16 monday-gradient text-white">
320
+ <div class="container mx-auto px-6">
321
+ <div class="max-w-3xl mx-auto text-center">
322
+ <h2 class="text-3xl font-bold mb-6">Get Monday Tips Delivered Weekly</h2>
323
+ <p class="text-xl mb-8">Join our newsletter for weekly Lagos Monday survival tips, traffic updates, and productivity hacks.</p>
324
+
325
+ <form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
326
+ <input type="email" placeholder="Your email address" class="flex-grow px-6 py-3 rounded-lg focus:outline-none text-gray-800">
327
+ <button type="submit" class="bg-white text-indigo-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition duration-300 whitespace-nowrap">
328
+ Subscribe <i class="fas fa-paper-plane ml-2"></i>
329
+ </button>
330
+ </form>
331
+
332
+ <p class="mt-4 text-sm opacity-80">We respect your privacy. Unsubscribe at any time.</p>
333
+ </div>
334
+ </div>
335
+ </section>
336
+
337
+ <!-- Footer -->
338
+ <footer class="bg-gray-900 text-white py-12">
339
+ <div class="container mx-auto px-6">
340
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
341
+ <div>
342
+ <div class="flex items-center mb-4">
343
+ <div class="w-10 h-10 rounded-full monday-gradient flex items-center justify-center text-white font-bold text-xl">
344
+ M
345
+ </div>
346
+ <span class="ml-3 text-xl font-semibold">Monday Vibes</span>
347
+ </div>
348
+ <p class="text-gray-400">Helping Lagosians navigate their Mondays since 2023.</p>
349
+ <div class="flex space-x-4 mt-6">
350
+ <a href="#" class="text-gray-400 hover:text-white transition">
351
+ <i class="fab fa-twitter text-xl"></i>
352
+ </a>
353
+ <a href="#" class="text-gray-400 hover:text-white transition">
354
+ <i class="fab fa-instagram text-xl"></i>
355
+ </a>
356
+ <a href="#" class="text-gray-400 hover:text-white transition">
357
+ <i class="fab fa-facebook text-xl"></i>
358
+ </a>
359
+ <a href="#" class="text-gray-400 hover:text-white transition">
360
+ <i class="fab fa-linkedin text-xl"></i>
361
+ </a>
362
+ </div>
363
+ </div>
364
+
365
+ <div>
366
+ <h4 class="text-lg font-semibold mb-4">Quick Links</h4>
367
+ <ul class="space-y-2">
368
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Home</a></li>
369
+ <li><a href="#activities" class="text-gray-400 hover:text-white transition">Activities</a></li>
370
+ <li><a href="#tips" class="text-gray-400 hover:text-white transition">Tips</a></li>
371
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition">Contact</a></li>
372
+ </ul>
373
+ </div>
374
+
375
+ <div>
376
+ <h4 class="text-lg font-semibold mb-4">Resources</h4>
377
+ <ul class="space-y-2">
378
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Traffic Updates</a></li>
379
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Productivity Tools</a></li>
380
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Lagos Events</a></li>
381
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Food Delivery</a></li>
382
+ </ul>
383
+ </div>
384
+
385
+ <div>
386
+ <h4 class="text-lg font-semibold mb-4">Contact</h4>
387
+ <ul class="space-y-2">
388
+ <li class="flex items-start">
389
+ <i class="fas fa-map-marker-alt mt-1 mr-3 text-gray-400"></i>
390
+ <span class="text-gray-400">24, Monday Street, Victoria Island, Lagos</span>
391
+ </li>
392
+ <li class="flex items-start">
393
+ <i class="fas fa-phone-alt mt-1 mr-3 text-gray-400"></i>
394
+ <span class="text-gray-400">+234 800 000 0000</span>
395
+ </li>
396
+ <li class="flex items-start">
397
+ <i class="fas fa-envelope mt-1 mr-3 text-gray-400"></i>
398
+ <span class="text-gray-400">hello@mondayvibes.ng</span>
399
+ </li>
400
+ </ul>
401
+ </div>
402
+ </div>
403
+
404
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
405
+ <p class="text-gray-400 text-sm mb-4 md:mb-0">© 2025 Monday Vibes. All rights reserved.</p>
406
+ <div class="flex space-x-6">
407
+ <a href="#" class="text-gray-400 hover:text-white text-sm transition">Privacy Policy</a>
408
+ <a href="#" class="text-gray-400 hover:text-white text-sm transition">Terms of Service</a>
409
+ <a href="#" class="text-gray-400 hover:text-white text-sm transition">Cookies</a>
410
+ </div>
411
+ </div>
412
+ </div>
413
+ </footer>
414
+
415
+ <script>
416
+ // Simple JavaScript for mobile menu toggle
417
+ document.addEventListener('DOMContentLoaded', function() {
418
+ const mobileMenuButton = document.querySelector('.md\\:hidden');
419
+ const navLinks = document.querySelector('nav');
420
+
421
+ mobileMenuButton.addEventListener('click', function() {
422
+ navLinks.classList.toggle('hidden');
423
+ navLinks.classList.toggle('flex');
424
+ navLinks.classList.toggle('flex-col');
425
+ navLinks.classList.toggle('absolute');
426
+ navLinks.classList.toggle('top-16');
427
+ navLinks.classList.toggle('left-0');
428
+ navLinks.classList.toggle('right-0');
429
+ navLinks.classList.toggle('bg-white');
430
+ navLinks.classList.toggle('p-4');
431
+ navLinks.classList.toggle('space-y-4');
432
+ navLinks.classList.toggle('shadow-md');
433
+ });
434
+
435
+ // Smooth scrolling for anchor links
436
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
437
+ anchor.addEventListener('click', function (e) {
438
+ e.preventDefault();
439
+
440
+ const targetId = this.getAttribute('href');
441
+ if (targetId === '#') return;
442
+
443
+ const targetElement = document.querySelector(targetId);
444
+ if (targetElement) {
445
+ window.scrollTo({
446
+ top: targetElement.offsetTop - 80,
447
+ behavior: 'smooth'
448
+ });
449
+
450
+ // Close mobile menu if open
451
+ if (!navLinks.classList.contains('hidden')) {
452
+ mobileMenuButton.click();
453
+ }
454
+ }
455
+ });
456
+ });
457
+ });
458
+ </script>
459
+ <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=DocHoax/dhx" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
460
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Create a small landing page for Monday. And also add the normal day to day activities in lagos every monday