TechFiveMedia commited on
Commit
641eb9b
·
verified ·
1 Parent(s): 67158e9

- Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +411 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Mr Nice Guys Delivery
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: mr-nice-guys-delivery
3
+ emoji: 🐳
4
+ colorFrom: gray
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,411 @@
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>MrNiceGuysDelivery | Premium Cannabis Delivery</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
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: {
15
+ 100: '#f1e9ff',
16
+ 200: '#d8c4ff',
17
+ 300: '#bea0fc',
18
+ 400: '#a37cf9',
19
+ 500: '#8857f7',
20
+ 600: '#6e32f4',
21
+ 700: '#5818d1',
22
+ 800: '#4212a8',
23
+ 900: '#2d0c7f',
24
+ },
25
+ secondary: '#2A2A48'
26
+ }
27
+ }
28
+ }
29
+ }
30
+ </script>
31
+ <style>
32
+ .smooth-scroll {
33
+ scroll-behavior: smooth;
34
+ }
35
+
36
+ .hero-overlay {
37
+ background: linear-gradient(rgba(42, 42, 72, 0.8), rgba(88, 24, 209, 0.6));
38
+ }
39
+
40
+ .product-card:hover {
41
+ transform: translateY(-5px);
42
+ box-shadow: 0 20px 25px -5px rgba(88, 24, 209, 0.1), 0 10px 10px -5px rgba(88, 24, 209, 0.04);
43
+ }
44
+
45
+ .category-link:hover i {
46
+ transform: translateX(5px);
47
+ }
48
+ </style>
49
+ </head>
50
+ <body class="smooth-scroll bg-gray-50 font-sans">
51
+ <!-- Cookie Consent Banner -->
52
+ <div id="cookieConsent" class="fixed bottom-0 left-0 w-full bg-secondary text-white p-4 z-50">
53
+ <div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4">
54
+ <p class="text-sm md:text-base text-center md:text-left">
55
+ By using this website, you agree to our use of cookies. We use cookies to provide you with a great experience and to help our website run effectively.
56
+ </p>
57
+ <button id="acceptCookies" class="bg-primary-600 hover:bg-primary-700 px-6 py-2 rounded-full text-sm font-semibold transition-colors">
58
+ Accept
59
+ </button>
60
+ </div>
61
+ </div>
62
+
63
+ <!-- Navigation -->
64
+ <nav class="bg-white shadow-md py-4 sticky top-0 z-40">
65
+ <div class="max-w-7xl mx-auto px-4 flex justify-between items-center">
66
+ <!-- Logo -->
67
+ <a href="#" class="flex items-center space-x-2">
68
+ <img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/91804ca5-60b0-4ea9-932d-45e75db9f74d/smiley_bannerArtboard_1.png?format=1500w" alt="MrNiceGuysDelivery Logo" class="h-14 md:h-16">
69
+ <span class="text-secondary font-bold text-lg hidden sm:inline">MrNiceGuysDelivery</span>
70
+ </a>
71
+
72
+ <!-- Desktop Navigation -->
73
+ <div class="hidden lg:flex space-x-8">
74
+ <a href="#" class="text-secondary hover:text-primary-600 font-medium">Home</a>
75
+ <a href="#" class="text-secondary hover:text-primary-600 font-medium">Menu</a>
76
+ <a href="#" class="bg-primary-600 text-white px-4 py-2 rounded-full hover:bg-primary-700 transition">Order Now</a>
77
+ </div>
78
+
79
+ <!-- Cart & Mobile Menu Button -->
80
+ <div class="flex items-center space-x-4">
81
+ <a href="#" class="relative">
82
+ <i class="fas fa-shopping-cart text-secondary text-xl"></i>
83
+ <span class="absolute -top-2 -right-2 bg-primary-600 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center">0</span>
84
+ </a>
85
+
86
+ <button id="mobileMenuBtn" class="lg:hidden">
87
+ <i class="fas fa-bars text-secondary text-xl"></i>
88
+ </button>
89
+ </div>
90
+ </div>
91
+
92
+ <!-- Mobile Navigation -->
93
+ <div id="mobileMenu" class="hidden lg:hidden bg-white absolute top-full left-0 w-full shadow-lg py-4 px-4">
94
+ <div class="flex flex-col space-y-4">
95
+ <a href="#" class="text-secondary font-medium py-2 border-b border-gray-100">Home</a>
96
+ <a href="#" class="text-secondary font-medium py-2 border-b border-gray-100">Menu</a>
97
+ <a href="#" class="bg-primary-600 text-white px-4 py-3 rounded-lg text-center font-medium">Order Now</a>
98
+ </div>
99
+ </div>
100
+ </nav>
101
+
102
+ <!-- Hero Banner -->
103
+ <section class="relative">
104
+ <div class="w-full h-96 flex items-center justify-center bg-gradient-to-r from-primary-400 to-primary-700">
105
+ <div class="text-center px-4 relative z-10">
106
+ <h1 class="text-4xl md:text-5xl font-bold text-white mb-6">Premium Cannabis Delivered to Your Door</h1>
107
+ <a href="#products" class="inline-block bg-secondary hover:bg-gray-800 text-white px-8 py-3 rounded-full text-lg font-bold transition">
108
+ Explore Our Products
109
+ </a>
110
+ </div>
111
+ </div>
112
+ </section>
113
+
114
+ <!-- Main Content -->
115
+ <main class="max-w-7xl mx-auto px-4 py-8">
116
+ <!-- Announcement Bar -->
117
+ <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-8">
118
+ <div class="flex items-start">
119
+ <div class="flex-shrink-0">
120
+ <i class="fas fa-exclamation-circle text-yellow-400 text-xl mr-3 mt-1"></i>
121
+ </div>
122
+ <div>
123
+ <p class="text-yellow-800 font-bold">ALL VAPE PRODUCTS (DISPOSABLES, CARTS, BATTERIES ETC..) NOW HAVE A 10 DAY ONLY WARRANTY ON THEM.</p>
124
+ <p class="text-yellow-700 mt-1">
125
+ AFTER 10 DAYS ALL SALES ARE FINAL AND WE WILL NO LONGER BE ABLE TO EXCHANGE/CREDIT OR REFUND.
126
+ OUR SUPPLIERS ARE NOW PUTTING THE SAME ON US SO WE HAVE NO CHOICE AT THIS POINT
127
+ </p>
128
+ </div>
129
+ </div>
130
+ </div>
131
+
132
+ <!-- Promotion Section -->
133
+ <section class="bg-gradient-to-r from-primary-500 to-purple-800 rounded-2xl p-8 text-white mb-12">
134
+ <div class="flex flex-col md:flex-row items-center justify-between gap-6">
135
+ <div class="text-center md:text-left">
136
+ <h2 class="text-3xl font-bold mb-4">Everyday Lower Prices!</h2>
137
+ <p class="mb-4">
138
+ We've reduced regular prices across all products by <strong>20% to 25%</strong>. Your favorite products are now available at consistently lower prices every day!
139
+ </p>
140
+ <p class="font-bold">
141
+ Plus, Customer Appreciation Sundays: additional <strong>15% off</strong> for loyal customers!
142
+ </p>
143
+ </div>
144
+ <div class="bg-white/10 rounded-xl p-6 min-w-[280px]">
145
+ <h3 class="font-bold text-xl mb-3">Hours of Operation</h3>
146
+ <ul class="space-y-2">
147
+ <li><i class="far fa-clock mr-2"></i> Monday - Sunday: 10AM to 10PM</li>
148
+ <li><i class="fas fa-truck mr-2"></i> Cutoff for Same-Day Delivery: 9:45PM</li>
149
+ <li>(8:45PM outside city limits)</li>
150
+ </ul>
151
+ </div>
152
+ </div>
153
+ </section>
154
+
155
+ <!-- Product Categories -->
156
+ <section id="products" class="mb-12">
157
+ <h2 class="text-3xl font-bold text-center text-secondary mb-8">Our Premium Product Lines</h2>
158
+
159
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
160
+ <!-- Category Card 1 -->
161
+ <a href="#" class="category-link group">
162
+ <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 transition-all hover:border-primary-300 h-full">
163
+ <div class="h-48 overflow-hidden">
164
+ <img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/b5f99120-cc21-4d00-b398-134346d6e754/sin+city+flower+front+logo.jpg" class="w-full h-full object-cover transition-transform group-hover:scale-105" alt="Sin City Flower">
165
+ </div>
166
+ <div class="p-5">
167
+ <h3 class="font-bold text-lg text-secondary mb-2">Sin City AAAA+</h3>
168
+ <p class="text-gray-600 text-sm mb-4">Premium top-shelf flower with exceptional terpene profiles</p>
169
+ <div class="flex justify-between items-center">
170
+ <span class="font-bold text-primary-700">From $10/g</span>
171
+ <span class="text-primary-600 font-semibold flex items-center">
172
+ Shop now <i class="fas fa-arrow-right ml-2 transition-transform"></i>
173
+ </span>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ </a>
178
+
179
+ <!-- Category Card 2 -->
180
+ <a href="#" class="category-link group">
181
+ <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 transition-all hover:border-primary-300 h-full">
182
+ <div class="h-48 overflow-hidden">
183
+ <img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/8831accd-e8c2-4ebc-aba8-a9e838bf2a91/Screenshot+%286%29.png" class="w-full h-full object-cover transition-transform group-hover:scale-105" alt="McFly's Premium">
184
+ </div>
185
+ <div class="p-5">
186
+ <h3 class="font-bold text-lg text-secondary mb-2">McFly's Premium Buds</h3>
187
+ <p class="text-gray-600 text-sm mb-4">Back to the future of premium cannabis selection</p>
188
+ <div class="flex justify-between items-center">
189
+ <span class="font-bold text-primary-700">From $8/g</span>
190
+ <span class="text-primary-600 font-semibold flex items-center">
191
+ Shop now <i class="fas fa-arrow-right ml-2 transition-transform"></i>
192
+ </span>
193
+ </div>
194
+ </div>
195
+ </div>
196
+ </a>
197
+
198
+ <!-- Category Card 3 -->
199
+ <a href="#" class="category-link group">
200
+ <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 transition-all hover:border-primary-300 h-full">
201
+ <div class="h-48 overflow-hidden">
202
+ <img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/a4d7fc85-18eb-408a-96b6-a972e0a52215/skunkles+logo.jpeg" class="w-full h-full object-cover transition-transform group-hover:scale-105" alt="SkuncLe's Finest">
203
+ </div>
204
+ <div class="p-5">
205
+ <h3 class="font-bold text-lg text-secondary mb-2">SKUNCLE'S FINEST</h3>
206
+ <p class="text-gray-600 text-sm mb-4">Exceptional quality with memorable aroma and flavor profiles</p>
207
+ <div class="flex justify-between items-center">
208
+ <span class="font-bold text-primary-700">From $7/g</span>
209
+ <span class="text-primary-600 font-semibold flex items-center">
210
+ Shop now <i class="fas fa-arrow-right ml-2 transition-transform"></i>
211
+ </span>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </a>
216
+
217
+ <!-- Category Card 4 -->
218
+ <a href="#" class="category-link group">
219
+ <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 transition-all hover:border-primary-300 h-full">
220
+ <div class="h-48 overflow-hidden">
221
+ <img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/44b673e8-a56e-4444-8871-e56da4c10ec6/Screenshot+%287%29.png" class="w-full h-full object-cover transition-transform group-hover:scale-105" alt="Exquisite Extracts">
222
+ </div>
223
+ <div class="p-5">
224
+ <h3 class="font-bold text-lg text-secondary mb-2">Exquisite Extracts</h3>
225
+ <p class="text-gray-600 text-sm mb-4">Premium concentrates and extracts for connoisseurs</p>
226
+ <div class="flex justify-between items-center">
227
+ <span class="font-bold text-primary-700">From $25/g</span>
228
+ <span class="text-primary-600 font-semibold flex items-center">
229
+ Shop now <i class="fas fa-arrow-right ml-2 transition-transform"></i>
230
+ </span>
231
+ </div>
232
+ </div>
233
+ </div>
234
+ </a>
235
+ </div>
236
+ </section>
237
+
238
+ <!-- Delivery Information -->
239
+ <section class="bg-gray-100 rounded-2xl p-8 mb-12">
240
+ <div class="max-w-4xl mx-auto">
241
+ <div class="flex items-start mb-6">
242
+ <div class="bg-primary-600 text-white p-3 rounded-full mr-4">
243
+ <i class="fas fa-truck text-xl"></i>
244
+ </div>
245
+ <div>
246
+ <h2 class="text-2xl font-bold text-secondary">Delivery Information</h2>
247
+ <p class="text-gray-700 mt-2">We bring premium cannabis straight to your door</p>
248
+ </div>
249
+ </div>
250
+
251
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
252
+ <div class="bg-white p-5 rounded-xl">
253
+ <h3 class="font-bold text-lg text-secondary mb-3 flex items-center">
254
+ <i class="fas fa-clock text-primary-600 mr-2"></i> Delivery Times
255
+ </h3>
256
+ <p class="text-gray-600">
257
+ <span class="font-bold">Monday to Sunday:</span> 10AM to 10PM<br>
258
+ <span class="font-bold">Cut-off Time:</span> 9:45PM<br>
259
+ (8:45PM outside city limits)
260
+ </p>
261
+ <p class="mt-3 text-gray-600">
262
+ Orders placed after cutoff will be processed the following business day.
263
+ </p>
264
+ </div>
265
+
266
+ <div class="bg-white p-5 rounded-xl">
267
+ <h3 class="font-bold text-lg text-secondary mb-3 flex items-center">
268
+ <i class="fas fa-map-marker-alt text-primary-600 mr-2"></i> Service Area
269
+ </h3>
270
+ <p class="text-gray-600 mb-3">
271
+ We currently serve the Greater Vancouver Area including:
272
+ </p>
273
+ <ul class="text-gray-600 grid grid-cols-2">
274
+ <li class="flex items-center">
275
+ <i class="fas fa-check-circle text-primary-600 mr-2 text-sm"></i> Vancouver
276
+ </li>
277
+ <li class="flex items-center">
278
+ <i class="fas fa-check-circle text-primary-600 mr-2 text-sm"></i> Burnaby
279
+ </li>
280
+ <li class="flex items-center">
281
+ <i class="fas fa-check-circle text-primary-600 mr-2 text-sm"></i> Surrey
282
+ </li>
283
+ <li class="flex items-center">
284
+ <i class="fas fa-check-circle text-primary-600 mr-2 text-sm"></i> Richmond
285
+ </li>
286
+ </ul>
287
+ </div>
288
+ </div>
289
+
290
+ <div class="mt-6 bg-purple-50 border border-primary-200 rounded-xl p-5">
291
+ <h3 class="font-bold text-lg text-secondary mb-3 flex items-center">
292
+ <i class="fas fa-exclamation-triangle text-primary-600 mr-2"></i> Important Delivery Notice
293
+ </h3>
294
+ <p class="text-gray-700">
295
+ This weekend, expect possible delays due to increased road construction and the Atlantic Grand National Car Show, which will likely affect traffic and delivery routes.
296
+ </p>
297
+ <p class="mt-2 text-gray-700">
298
+ We appreciate your patience and understanding, and please know we're doing our absolute best to get to each and every one of you as quickly and safely as possible.
299
+ </p>
300
+ </div>
301
+ </div>
302
+ </section>
303
+ </main>
304
+
305
+ <!-- Footer -->
306
+ <footer class="bg-secondary text-white pt-12 pb-8">
307
+ <div class="max-w-7xl mx-auto px-4">
308
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
309
+ <div>
310
+ <h3 class="text-xl font-bold mb-4">
311
+ <img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/91804ca5-60b0-4ea9-932d-45e75db9f74d/smiley_bannerArtboard_1.png?format=1500w" alt="MrNiceGuysDelivery Logo" class="h-14 mb-3">
312
+ </h3>
313
+ <p class="text-gray-300 mb-4">
314
+ Premium cannabis delivery service serving Vancouver with quality products and exceptional service.
315
+ </p>
316
+ <div class="flex space-x-4">
317
+ <a href="#" class="text-gray-300 hover:text-white text-lg"><i class="fab fa-instagram"></i></a>
318
+ <a href="#" class="text-gray-300 hover:text-white text-lg"><i class="fab fa-facebook"></i></a>
319
+ <a href="#" class="text-gray-300 hover:text-white text-lg"><i class="fab fa-twitter"></i></a>
320
+ </div>
321
+ </div>
322
+
323
+ <div>
324
+ <h3 class="font-bold text-lg mb-4">SHOP</h3>
325
+ <ul class="space-y-2">
326
+ <li><a href="#" class="text-gray-300 hover:text-white transition">Flower</a></li>
327
+ <li><a href="#" class="text-gray-300 hover:text-white transition">Pre-Rolls</a></li>
328
+ <li><a href="#" class="text-gray-300 hover:text-white transition">Vapes</a></li>
329
+ <li><a href="#" class="text-gray-300 hover:text-white transition">Edibles</a></li>
330
+ <li><a href="#" class="text-gray-300 hover:text-white transition">Concentrates</a></li>
331
+ <li><a href="#" class="text-gray-300 hover:text-white transition">Specials</a></li>
332
+ </ul>
333
+ </div>
334
+
335
+ <div>
336
+ <h3 class="font-bold text-lg mb-4">INFORMATION</h3>
337
+ <ul class="space-y-2">
338
+ <li><a href="#" class="text-gray-300 hover:text-white transition">Shipping & Delivery</a></li>
339
+ <li><a href="#" class="text-gray-300 hover:text-white transition">Return Policy</a></li>
340
+ <li><a href="#" class="text-gray-300 hover:text-white transition">FAQ</a></li>
341
+ <li><a href="#" class="text-gray-300 hover:text-white transition">Terms & Conditions</a></li>
342
+ <li><a href="#" class="text-gray-300 hover:text-white transition">Privacy Policy</a></li>
343
+ </ul>
344
+ </div>
345
+
346
+ <div>
347
+ <h3 class="font-bold text-lg mb-4">CONTACT</h3>
348
+ <ul class="space-y-2">
349
+ <li class="flex items-start">
350
+ <i class="fas fa-map-marker-alt mt-1 mr-3 text-primary-400"></i>
351
+ <span class="text-gray-300">Greater Vancouver, BC</span>
352
+ </li>
353
+ <li class="flex items-center">
354
+ <i class="fas fa-clock mt-1 mr-3 text-primary-400"></i>
355
+ <span class="text-gray-300">Daily: 10AM - 10PM</span>
356
+ </li>
357
+ <li class="flex items-center">
358
+ <i class="fas fa-phone mt-1 mr-3 text-primary-400"></i>
359
+ <span class="text-gray-300">(604) 555-1234</span>
360
+ </li>
361
+ <li class="flex items-center">
362
+ <i class="fas fa-envelope mt-1 mr-3 text-primary-400"></i>
363
+ <span class="text-gray-300">[email protected]</span>
364
+ </li>
365
+ </ul>
366
+ </div>
367
+ </div>
368
+
369
+ <div class="pt-8 border-t border-gray-700 text-center text-gray-400">
370
+ <p>© 2023 MrNiceGuysDelivery. All rights reserved. This website is intended for adults aged 19+.</p>
371
+ <p class="mt-1">Must be 19 years or older to enter. Government-issued identification required upon delivery.</p>
372
+ </div>
373
+ </div>
374
+ </footer>
375
+
376
+ <script>
377
+ // Mobile Menu Toggle
378
+ const mobileMenuBtn = document.getElementById('mobileMenuBtn');
379
+ const mobileMenu = document.getElementById('mobileMenu');
380
+
381
+ mobileMenuBtn.addEventListener('click', () => {
382
+ mobileMenu.classList.toggle('hidden');
383
+ const icon = mobileMenuBtn.querySelector('i');
384
+ if (icon.classList.contains('fa-bars')) {
385
+ icon.classList.replace('fa-bars', 'fa-times');
386
+ } else {
387
+ icon.classList.replace('fa-times', 'fa-bars');
388
+ }
389
+ });
390
+
391
+ // Cookie Consent
392
+ const acceptCookiesBtn = document.getElementById('acceptCookies');
393
+ const cookieConsent = document.getElementById('cookieConsent');
394
+
395
+ acceptCookiesBtn.addEventListener('click', () => {
396
+ cookieConsent.style.display = 'none';
397
+ });
398
+
399
+ // Close mobile menu when clicking outside
400
+ document.addEventListener('click', (e) => {
401
+ if (!mobileMenuBtn.contains(e.target) && !mobileMenu.contains(e.target) && !mobileMenu.classList.contains('hidden')) {
402
+ mobileMenu.classList.add('hidden');
403
+ const icon = mobileMenuBtn.querySelector('i');
404
+ if (icon.classList.contains('fa-times')) {
405
+ icon.classList.replace('fa-times', 'fa-bars');
406
+ }
407
+ }
408
+ });
409
+ </script>
410
+ <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=TechFiveMedia/mr-nice-guys-delivery" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
411
+ </html>