Hugging Face's logo

Spaces:
Yalexis
/
ice-cream
Running

App Files Community
Yalexis commited on
Commit
3777c7f
·
verified ·
1 Parent(s): dc395c2

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +571 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ice Cream
3
- emoji: 🦀
4
- colorFrom: pink
5
- colorTo: purple
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: ice-cream
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: yellow
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,571 @@
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>Scoops & Smiles | Artisanal Ice Cream</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: #fff9f5;
15
+ }
16
+
17
+ .hero {
18
+ background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1501443762994-82bd5dace89a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
19
+ background-size: cover;
20
+ background-position: center;
21
+ }
22
+
23
+ .flavor-card:hover {
24
+ transform: translateY(-10px);
25
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
26
+ }
27
+
28
+ .flavor-card {
29
+ transition: all 0.3s ease;
30
+ }
31
+
32
+ .scoop {
33
+ width: 100px;
34
+ height: 100px;
35
+ border-radius: 50%;
36
+ position: relative;
37
+ box-shadow: 0 5px 15px rgba(0,0,0,0.1);
38
+ }
39
+
40
+ .scoop::after {
41
+ content: '';
42
+ position: absolute;
43
+ top: -5px;
44
+ left: 10px;
45
+ width: 30px;
46
+ height: 15px;
47
+ background: rgba(255,255,255,0.5);
48
+ border-radius: 50%;
49
+ transform: rotate(45deg);
50
+ }
51
+
52
+ .flavor-1 { background-color: #f8c3cd; } /* Strawberry */
53
+ .flavor-2 { background-color: #f5e5c0; } /* Vanilla */
54
+ .flavor-3 { background-color: #c2b3a9; } /* Chocolate */
55
+ .flavor-4 { background-color: #a8d8ea; } /* Blueberry */
56
+ .flavor-5 { background-color: #f7d794; } /* Banana */
57
+ .flavor-6 { background-color: #d2a5d2; } /* Ube */
58
+
59
+ .animate-bounce-slow {
60
+ animation: bounce-slow 3s infinite;
61
+ }
62
+
63
+ @keyframes bounce-slow {
64
+ 0%, 100% {
65
+ transform: translateY(0);
66
+ }
67
+ 50% {
68
+ transform: translateY(-15px);
69
+ }
70
+ }
71
+
72
+ .parallax {
73
+ background-attachment: fixed;
74
+ background-position: center;
75
+ background-repeat: no-repeat;
76
+ background-size: cover;
77
+ }
78
+ </style>
79
+ </head>
80
+ <body>
81
+ <!-- Navigation -->
82
+ <nav class="bg-pink-50 shadow-md sticky top-0 z-50">
83
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
84
+ <div class="flex justify-between h-20 items-center">
85
+ <div class="flex-shrink-0 flex items-center">
86
+ <i class="fas fa-ice-cream text-3xl text-pink-400 mr-2"></i>
87
+ <span class="text-xl font-bold text-pink-600">Scoops & Smiles</span>
88
+ </div>
89
+ <div class="hidden md:block">
90
+ <div class="ml-10 flex items-center space-x-8">
91
+ <a href="#home" class="text-pink-600 hover:text-pink-800 px-3 py-2 font-medium">Home</a>
92
+ <a href="#flavors" class="text-gray-600 hover:text-pink-600 px-3 py-2 font-medium">Flavors</a>
93
+ <a href="#about" class="text-gray-600 hover:text-pink-600 px-3 py-2 font-medium">About</a>
94
+ <a href="#locations" class="text-gray-600 hover:text-pink-600 px-3 py-2 font-medium">Locations</a>
95
+ <a href="#contact" class="text-gray-600 hover:text-pink-600 px-3 py-2 font-medium">Contact</a>
96
+ <button class="bg-pink-500 hover:bg-pink-600 text-white px-4 py-2 rounded-full font-medium transition duration-300">
97
+ Order Online
98
+ </button>
99
+ </div>
100
+ </div>
101
+ <div class="md:hidden">
102
+ <button id="mobile-menu-button" class="text-gray-600 hover:text-pink-600">
103
+ <i class="fas fa-bars text-2xl"></i>
104
+ </button>
105
+ </div>
106
+ </div>
107
+ </div>
108
+
109
+ <!-- Mobile menu -->
110
+ <div id="mobile-menu" class="hidden md:hidden bg-white shadow-lg">
111
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
112
+ <a href="#home" class="block px-3 py-2 text-base font-medium text-pink-600">Home</a>
113
+ <a href="#flavors" class="block px-3 py-2 text-base font-medium text-gray-600 hover:text-pink-600">Flavors</a>
114
+ <a href="#about" class="block px-3 py-2 text-base font-medium text-gray-600 hover:text-pink-600">About</a>
115
+ <a href="#locations" class="block px-3 py-2 text-base font-medium text-gray-600 hover:text-pink-600">Locations</a>
116
+ <a href="#contact" class="block px-3 py-2 text-base font-medium text-gray-600 hover:text-pink-600">Contact</a>
117
+ <button class="w-full bg-pink-500 hover:bg-pink-600 text-white px-4 py-2 rounded-full font-medium mt-2">
118
+ Order Online
119
+ </button>
120
+ </div>
121
+ </div>
122
+ </nav>
123
+
124
+ <!-- Hero Section -->
125
+ <section id="home" class="hero h-screen flex items-center justify-center text-center text-white">
126
+ <div class="px-4 sm:px-6 lg:px-8 max-w-4xl">
127
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 animate-bounce-slow">Handcrafted Happiness</h1>
128
+ <p class="text-xl md:text-2xl mb-8">Artisanal ice cream made with love and the finest ingredients</p>
129
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
130
+ <button class="bg-pink-500 hover:bg-pink-600 text-white px-8 py-3 rounded-full font-bold text-lg transition duration-300">
131
+ Our Flavors
132
+ </button>
133
+ <button class="bg-white hover:bg-gray-100 text-pink-600 px-8 py-3 rounded-full font-bold text-lg transition duration-300">
134
+ Find Us
135
+ </button>
136
+ </div>
137
+ </div>
138
+ </section>
139
+
140
+ <!-- Featured Flavors -->
141
+ <section id="flavors" class="py-16 bg-white">
142
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
143
+ <div class="text-center mb-16">
144
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Our Signature Flavors</h2>
145
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto">Each scoop is a masterpiece crafted with premium ingredients and a whole lot of love</p>
146
+ </div>
147
+
148
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
149
+ <!-- Flavor 1 -->
150
+ <div class="flavor-card bg-pink-50 rounded-xl p-6 shadow-lg">
151
+ <div class="flex justify-center mb-6">
152
+ <div class="scoop flavor-1"></div>
153
+ </div>
154
+ <h3 class="text-2xl font-bold text-pink-700 mb-2">Strawberry Dream</h3>
155
+ <p class="text-gray-600 mb-4">Made with organic strawberries from local farms, this creamy delight will transport you to summer fields.</p>
156
+ <div class="flex justify-between items-center">
157
+ <span class="text-pink-600 font-bold">$4.50</span>
158
+ <button class="bg-pink-100 hover:bg-pink-200 text-pink-700 px-4 py-2 rounded-full text-sm font-medium">
159
+ Add to Cart
160
+ </button>
161
+ </div>
162
+ </div>
163
+
164
+ <!-- Flavor 2 -->
165
+ <div class="flavor-card bg-yellow-50 rounded-xl p-6 shadow-lg">
166
+ <div class="flex justify-center mb-6">
167
+ <div class="scoop flavor-2"></div>
168
+ </div>
169
+ <h3 class="text-2xl font-bold text-yellow-700 mb-2">Madagascar Vanilla</h3>
170
+ <p class="text-gray-600 mb-4">Pure vanilla bean from Madagascar creates this rich, aromatic classic that's anything but ordinary.</p>
171
+ <div class="flex justify-between items-center">
172
+ <span class="text-yellow-600 font-bold">$4.50</span>
173
+ <button class="bg-yellow-100 hover:bg-yellow-200 text-yellow-700 px-4 py-2 rounded-full text-sm font-medium">
174
+ Add to Cart
175
+ </button>
176
+ </div>
177
+ </div>
178
+
179
+ <!-- Flavor 3 -->
180
+ <div class="flavor-card bg-amber-50 rounded-xl p-6 shadow-lg">
181
+ <div class="flex justify-center mb-6">
182
+ <div class="scoop flavor-3"></div>
183
+ </div>
184
+ <h3 class="text-2xl font-bold text-amber-800 mb-2">Dark Chocolate Obsession</h3>
185
+ <p class="text-gray-600 mb-4">70% single-origin cocoa creates this intense chocolate experience for true connoisseurs.</p>
186
+ <div class="flex justify-between items-center">
187
+ <span class="text-amber-700 font-bold">$5.00</span>
188
+ <button class="bg-amber-100 hover:bg-amber-200 text-amber-700 px-4 py-2 rounded-full text-sm font-medium">
189
+ Add to Cart
190
+ </button>
191
+ </div>
192
+ </div>
193
+
194
+ <!-- Flavor 4 -->
195
+ <div class="flavor-card bg-blue-50 rounded-xl p-6 shadow-lg">
196
+ <div class="flex justify-center mb-6">
197
+ <div class="scoop flavor-4"></div>
198
+ </div>
199
+ <h3 class="text-2xl font-bold text-blue-600 mb-2">Blueberry Cheesecake</h3>
200
+ <p class="text-gray-600 mb-4">Creamy cheesecake ice cream swirled with homemade blueberry compote and graham cracker pieces.</p>
201
+ <div class="flex justify-between items-center">
202
+ <span class="text-blue-600 font-bold">$5.50</span>
203
+ <button class="bg-blue-100 hover:bg-blue-200 text-blue-700 px-4 py-2 rounded-full text-sm font-medium">
204
+ Add to Cart
205
+ </button>
206
+ </div>
207
+ </div>
208
+
209
+ <!-- Flavor 5 -->
210
+ <div class="flavor-card bg-amber-50 rounded-xl p-6 shadow-lg">
211
+ <div class="flex justify-center mb-6">
212
+ <div class="scoop flavor-5"></div>
213
+ </div>
214
+ <h3 class="text-2xl font-bold text-amber-600 mb-2">Caramelized Banana</h3>
215
+ <p class="text-gray-600 mb-4">Ripe bananas caramelized in brown sugar and swirled with ribbons of homemade salted caramel.</p>
216
+ <div class="flex justify-between items-center">
217
+ <span class="text-amber-600 font-bold">$5.00</span>
218
+ <button class="bg-amber-100 hover:bg-amber-200 text-amber-700 px-4 py-2 rounded-full text-sm font-medium">
219
+ Add to Cart
220
+ </button>
221
+ </div>
222
+ </div>
223
+
224
+ <!-- Flavor 6 -->
225
+ <div class="flavor-card bg-purple-50 rounded-xl p-6 shadow-lg">
226
+ <div class="flex justify-center mb-6">
227
+ <div class="scoop flavor-6"></div>
228
+ </div>
229
+ <h3 class="text-2xl font-bold text-purple-600 mb-2">Ube Magic</h3>
230
+ <p class="text-gray-600 mb-4">A Filipino favorite made with real purple yam, creating a uniquely sweet and nutty flavor profile.</p>
231
+ <div class="flex justify-between items-center">
232
+ <span class="text-purple-600 font-bold">$5.50</span>
233
+ <button class="bg-purple-100 hover:bg-purple-200 text-purple-700 px-4 py-2 rounded-full text-sm font-medium">
234
+ Add to Cart
235
+ </button>
236
+ </div>
237
+ </div>
238
+ </div>
239
+
240
+ <div class="text-center mt-12">
241
+ <button class="border-2 border-pink-500 text-pink-600 hover:bg-pink-500 hover:text-white px-8 py-3 rounded-full font-bold text-lg transition duration-300">
242
+ View All 32 Flavors
243
+ </button>
244
+ </div>
245
+ </div>
246
+ </section>
247
+
248
+ <!-- About Section -->
249
+ <section id="about" class="py-16 bg-pink-50">
250
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
251
+ <div class="lg:flex items-center">
252
+ <div class="lg:w-1/2 mb-10 lg:mb-0 lg:pr-12">
253
+ <h2 class="text-3xl font-bold text-gray-900 mb-6">Our Story</h2>
254
+ <p class="text-gray-600 mb-4">Founded in 2010 by two childhood friends with a passion for dessert, Scoops & Smiles began as a small cart at local farmers markets.</p>
255
+ <p class="text-gray-600 mb-4">What started as a hobby quickly grew into a beloved local institution as word spread about our small-batch, handcrafted ice creams made with locally-sourced ingredients.</p>
256
+ <p class="text-gray-600 mb-6">Today, we still make every batch by hand in our kitchen, using traditional methods and never compromising on quality. Our mission is simple: to create moments of joy, one scoop at a time.</p>
257
+ <button class="bg-pink-500 hover:bg-pink-600 text-white px-6 py-2 rounded-full font-medium">
258
+ Meet Our Team
259
+ </button>
260
+ </div>
261
+ <div class="lg:w-1/2">
262
+ <div class="relative rounded-xl overflow-hidden shadow-lg">
263
+ <img src="https://images.unsplash.com/photo-1570197788417-0e82375c9371?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1180&q=80"
264
+ alt="Ice cream shop interior" class="w-full h-auto">
265
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-6">
266
+ <h3 class="text-white text-xl font-bold">Our Flagship Store in Downtown</h3>
267
+ <p class="text-pink-200">Come visit our cozy shop with its retro charm</p>
268
+ </div>
269
+ </div>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ </section>
274
+
275
+ <!-- Parallax Section -->
276
+ <section class="parallax h-64 md:h-96 flex items-center justify-center"
277
+ style="background-image: url('https://images.unsplash.com/photo-1551024506-0bccd828d307?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1557&q=80');">
278
+ <div class="text-center bg-white bg-opacity-80 p-8 rounded-xl max-w-2xl mx-4">
279
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Summer Special</h2>
280
+ <p class="text-xl text-gray-700 mb-6">Buy 2 scoops, get 1 free! Available all July long.</p>
281
+ <button class="bg-pink-500 hover:bg-pink-600 text-white px-8 py-3 rounded-full font-bold text-lg">
282
+ Redeem Offer
283
+ </button>
284
+ </div>
285
+ </section>
286
+
287
+ <!-- Locations Section -->
288
+ <section id="locations" class="py-16 bg-white">
289
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
290
+ <div class="text-center mb-16">
291
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Our Locations</h2>
292
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto">Find your nearest Scoops & Smiles shop</p>
293
+ </div>
294
+
295
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
296
+ <!-- Location 1 -->
297
+ <div class="bg-gray-50 rounded-xl p-6 shadow-md hover:shadow-lg transition duration-300">
298
+ <div class="flex items-center mb-4">
299
+ <div class="bg-pink-100 p-3 rounded-full mr-4">
300
+ <i class="fas fa-store text-pink-600 text-xl"></i>
301
+ </div>
302
+ <h3 class="text-xl font-bold text-gray-900">Downtown</h3>
303
+ </div>
304
+ <p class="text-gray-600 mb-4"><i class="fas fa-map-marker-alt text-pink-500 mr-2"></i> 123 Sweet Street, Downtown</p>
305
+ <p class="text-gray-600 mb-4"><i class="fas fa-clock text-pink-500 mr-2"></i> Mon-Sun: 11AM - 10PM</p>
306
+ <p class="text-gray-600 mb-4"><i class="fas fa-phone text-pink-500 mr-2"></i> (555) 123-4567</p>
307
+ <button class="w-full bg-pink-500 hover:bg-pink-600 text-white py-2 rounded-full font-medium mt-2">
308
+ Get Directions
309
+ </button>
310
+ </div>
311
+
312
+ <!-- Location 2 -->
313
+ <div class="bg-gray-50 rounded-xl p-6 shadow-md hover:shadow-lg transition duration-300">
314
+ <div class="flex items-center mb-4">
315
+ <div class="bg-pink-100 p-3 rounded-full mr-4">
316
+ <i class="fas fa-store text-pink-600 text-xl"></i>
317
+ </div>
318
+ <h3 class="text-xl font-bold text-gray-900">Westside</h3>
319
+ </div>
320
+ <p class="text-gray-600 mb-4"><i class="fas fa-map-marker-alt text-pink-500 mr-2"></i> 456 Cream Avenue, Westside</p>
321
+ <p class="text-gray-600 mb-4"><i class="fas fa-clock text-pink-500 mr-2"></i> Mon-Sun: 12PM - 9PM</p>
322
+ <p class="text-gray-600 mb-4"><i class="fas fa-phone text-pink-500 mr-2"></i> (555) 234-5678</p>
323
+ <button class="w-full bg-pink-500 hover:bg-pink-600 text-white py-2 rounded-full font-medium mt-2">
324
+ Get Directions
325
+ </button>
326
+ </div>
327
+
328
+ <!-- Location 3 -->
329
+ <div class="bg-gray-50 rounded-xl p-6 shadow-md hover:shadow-lg transition duration-300">
330
+ <div class="flex items-center mb-4">
331
+ <div class="bg-pink-100 p-3 rounded-full mr-4">
332
+ <i class="fas fa-store text-pink-600 text-xl"></i>
333
+ </div>
334
+ <h3 class="text-xl font-bold text-gray-900">East Village</h3>
335
+ </div>
336
+ <p class="text-gray-600 mb-4"><i class="fas fa-map-marker-alt text-pink-500 mr-2"></i> 789 Cone Lane, East Village</p>
337
+ <p class="text-gray-600 mb-4"><i class="fas fa-clock text-pink-500 mr-2"></i> Mon-Sun: 1PM - 11PM</p>
338
+ <p class="text-gray-600 mb-4"><i class="fas fa-phone text-pink-500 mr-2"></i> (555) 345-6789</p>
339
+ <button class="w-full bg-pink-500 hover:bg-pink-600 text-white py-2 rounded-full font-medium mt-2">
340
+ Get Directions
341
+ </button>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </section>
346
+
347
+ <!-- Testimonials -->
348
+ <section class="py-16 bg-pink-50">
349
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
350
+ <div class="text-center mb-16">
351
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">What Our Customers Say</h2>
352
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto">Don't just take our word for it - hear from our happy customers!</p>
353
+ </div>
354
+
355
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
356
+ <!-- Testimonial 1 -->
357
+ <div class="bg-white rounded-xl p-6 shadow-md">
358
+ <div class="flex items-center mb-4">
359
+ <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah J." class="w-12 h-12 rounded-full mr-4">
360
+ <div>
361
+ <h4 class="font-bold text-gray-900">Sarah J.</h4>
362
+ <div class="flex text-yellow-400">
363
+ <i class="fas fa-star"></i>
364
+ <i class="fas fa-star"></i>
365
+ <i class="fas fa-star"></i>
366
+ <i class="fas fa-star"></i>
367
+ <i class="fas fa-star"></i>
368
+ </div>
369
+ </div>
370
+ </div>
371
+ <p class="text-gray-600 italic">"The Ube Magic is out of this world! I drive 30 minutes just to get my weekly fix. Worth every mile!"</p>
372
+ </div>
373
+
374
+ <!-- Testimonial 2 -->
375
+ <div class="bg-white rounded-xl p-6 shadow-md">
376
+ <div class="flex items-center mb-4">
377
+ <img src="https://randomuser.me/api/portraits/men/54.jpg" alt="Michael T." class="w-12 h-12 rounded-full mr-4">
378
+ <div>
379
+ <h4 class="font-bold text-gray-900">Michael T.</h4>
380
+ <div class="flex text-yellow-400">
381
+ <i class="fas fa-star"></i>
382
+ <i class="fas fa-star"></i>
383
+ <i class="fas fa-star"></i>
384
+ <i class="fas fa-star"></i>
385
+ <i class="fas fa-star"></i>
386
+ </div>
387
+ </div>
388
+ </div>
389
+ <p class="text-gray-600 italic">"Best ice cream in the city! The Dark Chocolate Obsession is so rich and creamy - a chocolate lover's dream."</p>
390
+ </div>
391
+
392
+ <!-- Testimonial 3 -->
393
+ <div class="bg-white rounded-xl p-6 shadow-md">
394
+ <div class="flex items-center mb-4">
395
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Emily R." class="w-12 h-12 rounded-full mr-4">
396
+ <div>
397
+ <h4 class="font-bold text-gray-900">Emily R.</h4>
398
+ <div class="flex text-yellow-400">
399
+ <i class="fas fa-star"></i>
400
+ <i class="fas fa-star"></i>
401
+ <i class="fas fa-star"></i>
402
+ <i class="fas fa-star"></i>
403
+ <i class="fas fa-star-half-alt"></i>
404
+ </div>
405
+ </div>
406
+ </div>
407
+ <p class="text-gray-600 italic">"The staff is so friendly and they always let me sample new flavors before deciding. My kids love the Strawberry Dream!"</p>
408
+ </div>
409
+ </div>
410
+ </div>
411
+ </section>
412
+
413
+ <!-- Contact Section -->
414
+ <section id="contact" class="py-16 bg-white">
415
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
416
+ <div class="lg:flex items-center gap-12">
417
+ <div class="lg:w-1/2 mb-10 lg:mb-0">
418
+ <h2 class="text-3xl font-bold text-gray-900 mb-6">Get In Touch</h2>
419
+ <p class="text-gray-600 mb-6">Have questions, feedback, or want to host an event with us? We'd love to hear from you!</p>
420
+
421
+ <div class="space-y-4">
422
+ <div class="flex items-start">
423
+ <div class="bg-pink-100 p-3 rounded-full mr-4">
424
+ <i class="fas fa-envelope text-pink-600"></i>
425
+ </div>
426
+ <div>
427
+ <h4 class="font-bold text-gray-900">Email Us</h4>
428
+ <p class="text-gray-600">hello@scoopsandsmiles.com</p>
429
+ </div>
430
+ </div>
431
+
432
+ <div class="flex items-start">
433
+ <div class="bg-pink-100 p-3 rounded-full mr-4">
434
+ <i class="fas fa-phone-alt text-pink-600"></i>
435
+ </div>
436
+ <div>
437
+ <h4 class="font-bold text-gray-900">Call Us</h4>
438
+ <p class="text-gray-600">(555) SCOO-PIES</p>
439
+ </div>
440
+ </div>
441
+
442
+ <div class="flex items-start">
443
+ <div class="bg-pink-100 p-3 rounded-full mr-4">
444
+ <i class="fas fa-hashtag text-pink-600"></i>
445
+ </div>
446
+ <div>
447
+ <h4 class="font-bold text-gray-900">Follow Us</h4>
448
+ <div class="flex space-x-4 mt-2">
449
+ <a href="#" class="text-pink-600 hover:text-pink-800"><i class="fab fa-instagram text-2xl"></i></a>
450
+ <a href="#" class="text-pink-600 hover:text-pink-800"><i class="fab fa-facebook text-2xl"></i></a>
451
+ <a href="#" class="text-pink-600 hover:text-pink-800"><i class="fab fa-twitter text-2xl"></i></a>
452
+ <a href="#" class="text-pink-600 hover:text-pink-800"><i class="fab fa-tiktok text-2xl"></i></a>
453
+ </div>
454
+ </div>
455
+ </div>
456
+ </div>
457
+ </div>
458
+
459
+ <div class="lg:w-1/2">
460
+ <form class="bg-gray-50 p-8 rounded-xl shadow-md">
461
+ <div class="mb-4">
462
+ <label for="name" class="block text-gray-700 font-medium mb-2">Your Name</label>
463
+ <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-pink-500 focus:border-pink-500">
464
+ </div>
465
+
466
+ <div class="mb-4">
467
+ <label for="email" class="block text-gray-700 font-medium mb-2">Email Address</label>
468
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-pink-500 focus:border-pink-500">
469
+ </div>
470
+
471
+ <div class="mb-4">
472
+ <label for="subject" class="block text-gray-700 font-medium mb-2">Subject</label>
473
+ <select id="subject" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-pink-500 focus:border-pink-500">
474
+ <option>General Inquiry</option>
475
+ <option>Catering/Events</option>
476
+ <option>Feedback</option>
477
+ <option>Other</option>
478
+ </select>
479
+ </div>
480
+
481
+ <div class="mb-6">
482
+ <label for="message" class="block text-gray-700 font-medium mb-2">Message</label>
483
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-pink-500 focus:border-pink-500"></textarea>
484
+ </div>
485
+
486
+ <button type="submit" class="w-full bg-pink-500 hover:bg-pink-600 text-white py-3 rounded-full font-bold">
487
+ Send Message
488
+ </button>
489
+ </form>
490
+ </div>
491
+ </div>
492
+ </div>
493
+ </section>
494
+
495
+ <!-- Newsletter -->
496
+ <section class="py-16 bg-pink-600 text-white">
497
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
498
+ <h2 class="text-3xl font-bold mb-4">Join Our Sweet Community</h2>
499
+ <p class="text-xl mb-8">Sign up for our newsletter to get exclusive flavors, special offers, and sweet surprises!</p>
500
+
501
+ <form class="flex flex-col sm:flex-row gap-4 max-w-2xl mx-auto">
502
+ <input type="email" placeholder="Your email address" class="flex-grow px-6 py-3 rounded-full text-gray-900 focus:outline-none focus:ring-2 focus:ring-pink-300">
503
+ <button type="submit" class="bg-white hover:bg-gray-100 text-pink-600 px-8 py-3 rounded-full font-bold">
504
+ Subscribe
505
+ </button>
506
+ </form>
507
+
508
+ <p class="text-pink-100 mt-4 text-sm">We promise not to spam you. Unsubscribe anytime.</p>
509
+ </div>
510
+ </section>
511
+
512
+ <!-- Footer -->
513
+ <footer class="bg-gray-900 text-white py-12">
514
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
515
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
516
+ <div>
517
+ <div class="flex items-center mb-4">
518
+ <i class="fas fa-ice-cream text-2xl text-pink-400 mr-2"></i>
519
+ <span class="text-xl font-bold">Scoops & Smiles</span>
520
+ </div>
521
+ <p class="text-gray-400">Creating sweet memories since 2010.</p>
522
+ <div class="flex space-x-4 mt-4">
523
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
524
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook"></i></a>
525
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
526
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-tiktok"></i></a>
527
+ </div>
528
+ </div>
529
+
530
+ <div>
531
+ <h3 class="text-lg font-semibold mb-4">Quick Links</h3>
532
+ <ul class="space-y-2">
533
+ <li><a href="#home" class="text-gray-400 hover:text-white">Home</a></li>
534
+ <li><a href="#flavors" class="text-gray-400 hover:text-white">Flavors</a></li>
535
+ <li><a href="#about" class="text-gray-400 hover:text-white">About Us</a></li>
536
+ <li><a href="#locations" class="text-gray-400 hover:text-white">Locations</a></li>
537
+ <li><a href="#contact" class="text-gray-400 hover:text-white">Contact</a></li>
538
+ </ul>
539
+ </div>
540
+
541
+ <div>
542
+ <h3 class="text-lg font-semibold mb-4">Information</h3>
543
+ <ul class="space-y-2">
544
+ <li><a href="#" class="text-gray-400 hover:text-white">FAQ</a></li>
545
+ <li><a href="#" class="text-gray-400 hover:text-white">Shipping & Returns</a></li>
546
+ <li><a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a></li>
547
+ <li><a href="#" class="text-gray-400 hover:text-white">Terms & Conditions</a></li>
548
+ <li><a href="#" class="text-gray-400 hover:text-white">Careers</a></li>
549
+ </ul>
550
+ </div>
551
+
552
+ <div>
553
+ <h3 class="text-lg font-semibold mb-4">Contact Info</h3>
554
+ <ul class="space-y-2">
555
+ <li class="flex items-start">
556
+ <i class="fas fa-map-marker-alt text-pink-400 mt-1 mr-2"></i>
557
+ <span class="text-gray-400">123 Sweet Street, Downtown</span>
558
+ </li>
559
+ <li class="flex items-start">
560
+ <i class="fas fa-phone-alt text-pink-400 mt-1 mr-2"></i>
561
+ <span class="text-gray-400">(555) SCOO-PIES</span>
562
+ </li>
563
+ <li class="flex items-start">
564
+ <i class="fas fa-envelope text-pink-400 mt-1 mr-2"></i>
565
+ <span class="text-gray-400">hello@scoopsandsmiles.com</span>
566
+ </li>
567
+ </ul>
568
+ </div>
569
+ </div>
570
+
571
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ ice cream shop