Hugging Face's logo

Spaces:
db69
/
toi
Running

App Files Community
db69 commited on
Commit
a910080
·
verified ·
1 Parent(s): 1d33c7a

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +403 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Toi
3
- emoji: 🚀
4
- colorFrom: red
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: toi
3
+ emoji: 🐳
4
+ colorFrom: blue
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,403 @@
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>Jungle Dhaba - Authentic Indian Flavors in Lusaka</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
9
+ <style>
10
+ body {
11
+ font-family: 'Poppins', sans-serif;
12
+ background-color: #f5f0e5;
13
+ color: #3a3a3a;
14
+ background-image: url('https://images.unsplash.com/photo-1542273917363-3b1817f69a2d?q=80&w=2070&auto=format&fit=crop');
15
+ background-size: cover;
16
+ background-attachment: fixed;
17
+ background-position: center;
18
+ position: relative;
19
+ }
20
+ body::before {
21
+ content: '';
22
+ position: absolute;
23
+ top: 0;
24
+ left: 0;
25
+ right: 0;
26
+ bottom: 0;
27
+ background-color: rgba(0, 0, 0, 0.4);
28
+ z-index: -1;
29
+ }
30
+ .container {
31
+ max-width: 1200px;
32
+ }
33
+ .menu-category-title {
34
+ font-family: 'Playfair Display', serif;
35
+ position: relative;
36
+ display: inline-block;
37
+ margin-bottom: 2rem;
38
+ }
39
+ .menu-category-title::after {
40
+ content: '';
41
+ position: absolute;
42
+ bottom: -10px;
43
+ left: 0;
44
+ width: 100%;
45
+ height: 3px;
46
+ background: linear-gradient(90deg, #f97316, #f59e0b);
47
+ }
48
+ .menu-item-card {
49
+ background-color: rgba(255, 255, 255, 0.9);
50
+ border-radius: 8px;
51
+ overflow: hidden;
52
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
53
+ transition: all 0.3s ease;
54
+ border: 1px solid rgba(0, 0, 0, 0.1);
55
+ }
56
+ .menu-item-card:hover {
57
+ transform: translateY(-5px);
58
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
59
+ }
60
+ .price-tag {
61
+ background: linear-gradient(135deg, #f97316, #f59e0b);
62
+ color: white;
63
+ font-weight: bold;
64
+ padding: 0.25rem 1rem;
65
+ border-radius: 9999px;
66
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
67
+ }
68
+ .nav-link {
69
+ position: relative;
70
+ }
71
+ .nav-link::after {
72
+ content: '';
73
+ position: absolute;
74
+ bottom: 0;
75
+ left: 0;
76
+ width: 0;
77
+ height: 2px;
78
+ background-color: #f97316;
79
+ transition: width 0.3s ease;
80
+ }
81
+ .nav-link:hover::after {
82
+ width: 100%;
83
+ }
84
+ .rustic-border {
85
+ border: 2px solid #d1d5db;
86
+ border-radius: 8px;
87
+ box-shadow: 0 0 0 4px #f5f0e5, 0 0 0 6px #d1d5db;
88
+ }
89
+ .rustic-text {
90
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
91
+ letter-spacing: 1px;
92
+ }
93
+ .category-divider {
94
+ border: none;
95
+ height: 2px;
96
+ background: linear-gradient(90deg, transparent, #f97316, transparent);
97
+ margin: 3rem 0;
98
+ }
99
+ </style>
100
+ </head>
101
+ <body class="antialiased">
102
+ <header class="py-12 px-4 md:px-8 text-center relative overflow-hidden rustic-border">
103
+ <div class="absolute inset-0 bg-gradient-to-r from-amber-900 to-amber-700 opacity-80"></div>
104
+ <div class="container mx-auto relative z-10">
105
+ <div class="inline-block px-6 py-2 bg-amber-800 text-white rounded-full mb-4 text-sm font-semibold">
106
+ <span class="text-amber-200">EST. 2023</span>
107
+ </div>
108
+ <h1 class="text-4xl md:text-6xl font-bold mb-2 text-white rustic-text">
109
+ <span class="text-amber-300">JUNGLE</span> <span class="text-white">DHABA</span>
110
+ </h1>
111
+ <p class="text-xl md:text-2xl text-amber-100 mb-4 italic">"An Oasis of Indian Flavors in the Heart of Africa"</p>
112
+ <div class="flex justify-center">
113
+ <div class="w-24 h-1 bg-amber-400"></div>
114
+ </div>
115
+ <p class="text-lg text-amber-100 mt-6 font-medium">Lusaka, Zambia</p>
116
+ <div class="mt-8">
117
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 mx-auto text-amber-300 animate-bounce" fill="none" viewBox="0 0 24 24" stroke="currentColor">
118
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
119
+ </svg>
120
+ </div>
121
+ </div>
122
+ </header>
123
+
124
+ <nav class="bg-amber-900 sticky top-0 z-10 shadow-lg">
125
+ <div class="container mx-auto px-4 py-3 flex flex-wrap justify-center space-x-2 md:space-x-6 text-sm md:text-base">
126
+ <a href="#snacks" class="nav-link text-amber-100 hover:text-white px-3 py-2 transition duration-300">SNACKS</a>
127
+ <a href="#hot-pan" class="nav-link text-amber-100 hover:text-white px-3 py-2 transition duration-300">HOT PAN</a>
128
+ <a href="#sweet-memories" class="nav-link text-amber-100 hover:text-white px-3 py-2 transition duration-300">SWEET MEMORIES</a>
129
+ <a href="#tiffin-box" class="nav-link text-amber-100 hover:text-white px-3 py-2 transition duration-300">TIFFIN BOX</a>
130
+ <a href="#sips-brews" class="nav-link text-amber-100 hover:text-white px-3 py-2 transition duration-300">SIPS & BREWS</a>
131
+ </div>
132
+ </nav>
133
+
134
+ <main class="container mx-auto p-4 md:p-8 my-8 bg-white bg-opacity-90 rounded-lg shadow-xl">
135
+ <div class="text-center mb-12">
136
+ <h2 class="text-3xl font-bold text-amber-800 mb-4">Welcome to Jungle Dhaba</h2>
137
+ <p class="text-gray-700 max-w-2xl mx-auto">
138
+ Hidden amidst the wilderness, our dhaba emerges like a mirage of home. The aroma of spices, the sizzle of the tawa,
139
+ and the warmth of Indian hospitality await you. Every dish tells a story of tradition, love, and the adventure of finding
140
+ comfort in unexpected places.
141
+ </p>
142
+ <div class="mt-6">
143
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 mx-auto text-amber-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
144
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
145
+ </svg>
146
+ </div>
147
+ </div>
148
+
149
+ <section id="snacks" class="mb-16">
150
+ <h2 class="menu-category-title text-3xl md:text-4xl text-center text-amber-900">SNACKS / नाश्ता</h2>
151
+ <p class="text-center text-gray-600 mb-8 italic">Crunchy, tangy, sweet, spicy - sharable bites straight from the streets of India</p>
152
+
153
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
154
+ <!-- Pani Puri -->
155
+ <div class="menu-item-card">
156
+ <div class="relative overflow-hidden h-48">
157
+ <img src="https://images.unsplash.com/photo-1601050690597-df0568f70950?q=80&w=2070&auto=format&fit=crop" alt="Pani Puri" class="w-full h-full object-cover transition duration-500 hover:scale-110">
158
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div>
159
+ <div class="absolute bottom-0 left-0 p-4">
160
+ <h3 class="text-xl font-bold text-white">PANI PURI</h3>
161
+ <p class="text-amber-100 text-sm">(6 PIECES)</p>
162
+ </div>
163
+ </div>
164
+ <div class="p-5">
165
+ <p class="text-gray-700 text-sm mb-4">Crispy puris filled with spicy, tangy water and chutneys - an explosion of flavors in every bite.</p>
166
+ <div class="flex justify-between items-center">
167
+ <span class="price-tag">ZMW 50</span>
168
+ <button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button>
169
+ </div>
170
+ </div>
171
+ </div>
172
+
173
+ <!-- Dahi Puri -->
174
+ <div class="menu-item-card">
175
+ <div class="relative overflow-hidden h-48">
176
+ <img src="https://images.unsplash.com/photo-1583576917891-1d21ae1c9df5?q=80&w=1974&auto=format&fit=crop" alt="Dahi Puri" class="w-full h-full object-cover transition duration-500 hover:scale-110">
177
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div>
178
+ <div class="absolute bottom-0 left-0 p-4">
179
+ <h3 class="text-xl font-bold text-white">DAHI PURI</h3>
180
+ <p class="text-amber-100 text-sm">(6 PIECES)</p>
181
+ </div>
182
+ </div>
183
+ <div class="p-5">
184
+ <p class="text-gray-700 text-sm mb-4">Crispy shells filled with yogurt, chutneys, and spices - cool, creamy, and utterly addictive.</p>
185
+ <div class="flex justify-between items-center">
186
+ <span class="price-tag">ZMW 55</span>
187
+ <button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button>
188
+ </div>
189
+ </div>
190
+ </div>
191
+
192
+ <!-- Chole Bhature -->
193
+ <div class="menu-item-card">
194
+ <div class="relative overflow-hidden h-48">
195
+ <img src="https://images.unsplash.com/photo-1601050690646-5b6e2e1a7c1c?q=80&w=1974&auto=format&fit=crop" alt="Chole Bhature" class="w-full h-full object-cover transition duration-500 hover:scale-110">
196
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div>
197
+ <div class="absolute bottom-0 left-0 p-4">
198
+ <h3 class="text-xl font-bold text-white">CHOLE BHATURE</h3>
199
+ <p class="text-amber-100 text-sm">(2 PIECES)</p>
200
+ </div>
201
+ </div>
202
+ <div class="p-5">
203
+ <p class="text-gray-700 text-sm mb-4">Fluffy deep-fried bread served with spiced chickpea curry - a North Indian classic.</p>
204
+ <div class="flex justify-between items-center">
205
+ <span class="price-tag">ZMW 85</span>
206
+ <button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </div>
211
+
212
+ <div class="text-center mt-10">
213
+ <button class="bg-amber-700 hover:bg-amber-800 text-white font-medium py-2 px-6 rounded-full transition duration-300">
214
+ View All Snacks →
215
+ </button>
216
+ </div>
217
+ </section>
218
+
219
+ <hr class="category-divider">
220
+
221
+ <section id="hot-pan" class="mb-16">
222
+ <h2 class="menu-category-title text-3xl md:text-4xl text-center text-amber-900">HOT PAN / गर्म गर्म तवा</h2>
223
+ <p class="text-center text-gray-600 mb-8 italic">Fresh, crispy and fluffy, infused with bold South Indian flavors</p>
224
+
225
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
226
+ <!-- Masala Dosa -->
227
+ <div class="menu-item-card">
228
+ <div class="relative overflow-hidden h-48">
229
+ <img src="https://images.unsplash.com/photo-1583575275549-648afffc96a8?q=80&w=1974&auto=format&fit=crop" alt="Masala Dosa" class="w-full h-full object-cover transition duration-500 hover:scale-110">
230
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div>
231
+ <div class="absolute bottom-0 left-0 p-4">
232
+ <h3 class="text-xl font-bold text-white">MASALA DOSA</h3>
233
+ </div>
234
+ </div>
235
+ <div class="p-5">
236
+ <p class="text-gray-700 text-sm mb-4">Crispy rice crepe stuffed with spiced potato filling, served with chutneys and sambar.</p>
237
+ <div class="flex justify-between items-center">
238
+ <span class="price-tag">ZMW 80</span>
239
+ <button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button>
240
+ </div>
241
+ </div>
242
+ </div>
243
+
244
+ <!-- Idli Sambhar -->
245
+ <div class="menu-item-card">
246
+ <div class="relative overflow-hidden h-48">
247
+ <img src="https://images.unsplash.com/photo-1589301760014-d929f3979dbc?q=80&w=2070&auto=format&fit=crop" alt="Idli Sambhar" class="w-full h-full object-cover transition duration-500 hover:scale-110">
248
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div>
249
+ <div class="absolute bottom-0 left-0 p-4">
250
+ <h3 class="text-xl font-bold text-white">IDLI SAMBHAR</h3>
251
+ </div>
252
+ </div>
253
+ <div class="p-5">
254
+ <p class="text-gray-700 text-sm mb-4">Soft, fluffy steamed rice cakes served with lentil soup and coconut chutney.</p>
255
+ <div class="flex justify-between items-center">
256
+ <span class="price-tag">ZMW 65</span>
257
+ <button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button>
258
+ </div>
259
+ </div>
260
+ </div>
261
+
262
+ <!-- Onion Uttapam -->
263
+ <div class="menu-item-card">
264
+ <div class="relative overflow-hidden h-48">
265
+ <img src="https://images.unsplash.com/photo-1601050691238-9a9a9a9a9a9a?q=80&w=2070&auto=format&fit=crop" alt="Onion Uttapam" class="w-full h-full object-cover transition duration-500 hover:scale-110">
266
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div>
267
+ <div class="absolute bottom-0 left-0 p-4">
268
+ <h3 class="text-xl font-bold text-white">ONION UTAPPAM</h3>
269
+ </div>
270
+ </div>
271
+ <div class="p-5">
272
+ <p class="text-gray-700 text-sm mb-4">Thick, savory pancake topped with caramelized onions and spices.</p>
273
+ <div class="flex justify-between items-center">
274
+ <span class="price-tag">ZMW 75</span>
275
+ <button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button>
276
+ </div>
277
+ </div>
278
+ </div>
279
+ </div>
280
+ </section>
281
+
282
+ <hr class="category-divider">
283
+
284
+ <section id="sweet-memories" class="mb-16">
285
+ <h2 class="menu-category-title text-3xl md:text-4xl text-center text-amber-900">SWEET MEMORIES / मिठाई</h2>
286
+ <p class="text-center text-gray-600 mb-8 italic">Delicious Indian sweets and baked delights made with sweetness, ghee and love</p>
287
+
288
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
289
+ <!-- Indian Sweets -->
290
+ <div class="menu-item-card">
291
+ <div class="relative overflow-hidden h-48">
292
+ <img src="https://images.unsplash.com/photo-1563805042-7684c019e1cb?q=80&w=1927&auto=format&fit=crop" alt="Indian Sweets" class="w-full h-full object-cover transition duration-500 hover:scale-110">
293
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div>
294
+ <div class="absolute bottom-0 left-0 p-4">
295
+ <h3 class="text-xl font-bold text-white">INDIAN SWEETS</h3>
296
+ <p class="text-amber-100 text-sm">(OF THE DAY)</p>
297
+ </div>
298
+ </div>
299
+ <div class="p-5">
300
+ <p class="text-gray-700 text-sm mb-4">Traditional sweets made with pure ghee and authentic flavors - a taste of home.</p>
301
+ <div class="flex justify-between items-center">
302
+ <span class="price-tag">ZMW 20</span>
303
+ <button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button>
304
+ </div>
305
+ </div>
306
+ </div>
307
+
308
+ <!-- Gulab Jamun -->
309
+ <div class="menu-item-card">
310
+ <div class="relative overflow-hidden h-48">
311
+ <img src="https://images.unsplash.com/photo-1601050691238-d5a5e5e5e5e5?q=80&w=2070&auto=format&fit=crop" alt="Gulab Jamun" class="w-full h-full object-cover transition duration-500 hover:scale-110">
312
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div>
313
+ <div class="absolute bottom-0 left-0 p-4">
314
+ <h3 class="text-xl font-bold text-white">GULAB JAMUN</h3>
315
+ <p class="text-amber-100 text-sm">(2 PIECES)</p>
316
+ </div>
317
+ </div>
318
+ <div class="p-5">
319
+ <p class="text-gray-700 text-sm mb-4">Soft, melt-in-your-mouth milk balls soaked in fragrant sugar syrup.</p>
320
+ <div class="flex justify-between items-center">
321
+ <span class="price-tag">ZMW 45</span>
322
+ <button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button>
323
+ </div>
324
+ </div>
325
+ </div>
326
+
327
+ <!-- Rasmalai -->
328
+ <div class="menu-item-card">
329
+ <div class="relative overflow-hidden h-48">
330
+ <img src="https://images.unsplash.com/photo-1601050691238-f5f5f5f5f5f5?q=80&w=2070&auto=format&fit=crop" alt="Rasmalai" class="w-full h-full object-cover transition duration-500 hover:scale-110">
331
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50"></div>
332
+ <div class="absolute bottom-0 left-0 p-4">
333
+ <h3 class="text-xl font-bold text-white">RASMALAI</h3>
334
+ <p class="text-amber-100 text-sm">(2 PIECES)</p>
335
+ </div>
336
+ </div>
337
+ <div class="p-5">
338
+ <p class="text-gray-700 text-sm mb-4">Soft cheese patties in sweetened, thickened milk flavored with cardamom.</p>
339
+ <div class="flex justify-between items-center">
340
+ <span class="price-tag">ZMW 50</span>
341
+ <button class="text-amber-600 hover:text-amber-800 font-medium">Add to Order</button>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </section>
347
+
348
+ <div class="text-center my-12">
349
+ <div class="inline-block px-6 py-3 bg-amber-100 text-amber-900 rounded-lg shadow-md">
350
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 inline-block mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
351
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
352
+ </svg>
353
+ <span class="font-semibold">Open Daily: 11:00 AM - 10:00 PM</span>
354
+ </div>
355
+ </div>
356
+
357
+ </main>
358
+
359
+ <footer class="bg-amber-900 text-white py-12 px-4 text-center">
360
+ <div class="container mx-auto">
361
+ <div class="flex justify-center mb-6">
362
+ <div class="w-16 h-1 bg-amber-400"></div>
363
+ </div>
364
+ <h3 class="text-2xl font-bold mb-4">JUNGLE DHABA</h3>
365
+ <p class="mb-6 max-w-2xl mx-auto">An unexpected taste of home in the heart of Africa. Where every meal is an adventure and every bite tells a story.</p>
366
+
367
+ <div class="flex justify-center space-x-6 mb-8">
368
+ <a href="#" class="text-amber-200 hover:text-white transition duration-300">
369
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
370
+ <path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" />
371
+ </svg>
372
+ </a>
373
+ <a href="#" class="text-amber-200 hover:text-white transition duration-300">
374
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
375
+ <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" />
376
+ </svg>
377
+ </a>
378
+ <a href="#" class="text-amber-200 hover:text-white transition duration-300">
379
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
380
+ <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" />
381
+ </svg>
382
+ </a>
383
+ </div>
384
+
385
+ <p class="text-sm text-amber-200">&copy; 2023 Jungle Dhaba. All rights reserved.</p>
386
+ <p class="text-xs mt-2 text-amber-300">Made with ❤️ in the heart of Africa</p>
387
+ </div>
388
+ </footer>
389
+
390
+ <script>
391
+ // Simple animation for menu items
392
+ document.addEventListener('DOMContentLoaded', function() {
393
+ const menuItems = document.querySelectorAll('.menu-item-card');
394
+
395
+ menuItems.forEach((item, index) => {
396
+ // Add delay based on index for staggered animation
397
+ item.style.animationDelay = `${index * 0.1}s`;
398
+ item.classList.add('animate__animated', 'animate__fadeInUp');
399
+ });
400
+ });
401
+ </script>
402
+ <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=db69/toi" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
403
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Make it beautiful like someone found a dhaba in a jungle when they were starving in mid of afrika craving cooked food at home in india and found a dhaba out of nowhere