Hugging Face's logo

Spaces:
ahmed2Saif
/
revostes
Running

App Files Community
ahmed2Saif commited on
Commit
9d5fcb5
·
verified ·
1 Parent(s): af79e6c

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +628 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Revostes
3
- emoji: 🐢
4
- colorFrom: gray
5
- colorTo: gray
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: revostes
3
+ emoji: 🐳
4
+ colorFrom: blue
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,628 @@
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>Revostes - Elegant Feminine Fashion</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
+ 50: '#f5f0ff',
16
+ 100: '#e9d8fd',
17
+ 200: '#d6befc',
18
+ 300: '#be95f7',
19
+ 400: '#a56bf0',
20
+ 500: '#8a4de7',
21
+ 600: '#7a3ad6',
22
+ 700: '#6a2eb4',
23
+ 800: '#582893',
24
+ 900: '#462379',
25
+ }
26
+ }
27
+ }
28
+ }
29
+ }
30
+ </script>
31
+ <style>
32
+ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');
33
+
34
+ body {
35
+ font-family: 'Poppins', sans-serif;
36
+ background-color: #faf9ff;
37
+ }
38
+
39
+ .heading-font {
40
+ font-family: 'Playfair Display', serif;
41
+ }
42
+
43
+ .hero-bg {
44
+ background: linear-gradient(135deg, rgba(138, 77, 231, 0.1) 0%, rgba(255, 255, 255, 0.9) 100%), url('https://images.unsplash.com/photo-1525507119028-ed4c629a60a3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
45
+ background-size: cover;
46
+ background-position: center;
47
+ }
48
+
49
+ .product-card:hover .product-overlay {
50
+ opacity: 1;
51
+ transform: translateY(0);
52
+ }
53
+
54
+ .product-overlay {
55
+ transition: all 0.3s ease;
56
+ opacity: 0;
57
+ transform: translateY(10px);
58
+ }
59
+
60
+ .nav-link:hover::after {
61
+ width: 100%;
62
+ }
63
+
64
+ .nav-link::after {
65
+ content: '';
66
+ display: block;
67
+ width: 0;
68
+ height: 2px;
69
+ background: #8a4de7;
70
+ transition: width 0.3s;
71
+ }
72
+
73
+ .dropdown:hover .dropdown-menu {
74
+ display: block;
75
+ }
76
+
77
+ .cart-count {
78
+ position: absolute;
79
+ top: -8px;
80
+ right: -8px;
81
+ width: 20px;
82
+ height: 20px;
83
+ border-radius: 50%;
84
+ background: #f43f5e;
85
+ color: white;
86
+ display: flex;
87
+ align-items: center;
88
+ justify-content: center;
89
+ font-size: 12px;
90
+ }
91
+ </style>
92
+ </head>
93
+ <body>
94
+ <!-- Top Bar -->
95
+ <div class="bg-primary-100 text-primary-900 text-sm py-2 px-4">
96
+ <div class="container mx-auto flex justify-between items-center">
97
+ <div class="flex space-x-4">
98
+ <a href="#" class="hover:text-primary-700"><i class="fas fa-phone-alt mr-1"></i> +1 234 567 890</a>
99
+ <a href="#" class="hover:text-primary-700"><i class="fas fa-envelope mr-1"></i> hello@revostes.com</a>
100
+ </div>
101
+ <div class="flex space-x-4">
102
+ <a href="#" class="hover:text-primary-700"><i class="fas fa-truck mr-1"></i> Free shipping on orders over $50</a>
103
+ </div>
104
+ </div>
105
+ </div>
106
+
107
+ <!-- Navigation -->
108
+ <nav class="bg-white shadow-sm sticky top-0 z-50">
109
+ <div class="container mx-auto px-4">
110
+ <div class="flex justify-between items-center py-4">
111
+ <!-- Logo -->
112
+ <div class="flex items-center">
113
+ <a href="#" class="text-3xl font-bold heading-font text-primary-700">REVOSTES</a>
114
+ </div>
115
+
116
+ <!-- Desktop Menu -->
117
+ <div class="hidden md:flex items-center space-x-8">
118
+ <div class="dropdown relative">
119
+ <a href="#" class="nav-link text-gray-700 hover:text-primary-700 font-medium">Shop <i class="fas fa-chevron-down ml-1 text-xs"></i></a>
120
+ <div class="dropdown-menu absolute hidden bg-white shadow-lg rounded-md mt-2 py-2 w-48">
121
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-primary-50 hover:text-primary-700">New Arrivals</a>
122
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-primary-50 hover:text-primary-700">Kurtis</a>
123
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-primary-50 hover:text-primary-700">Pajamas</a>
124
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-primary-50 hover:text-primary-700">Floral Collection</a>
125
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-primary-50 hover:text-primary-700">Minimalist Collection</a>
126
+ </div>
127
+ </div>
128
+ <a href="#" class="nav-link text-gray-700 hover:text-primary-700 font-medium">Collections</a>
129
+ <a href="#" class="nav-link text-gray-700 hover:text-primary-700 font-medium">About</a>
130
+ <a href="#" class="nav-link text-gray-700 hover:text-primary-700 font-medium">Contact</a>
131
+ </div>
132
+
133
+ <!-- Icons -->
134
+ <div class="flex items-center space-x-6">
135
+ <a href="#" class="text-gray-700 hover:text-primary-700 relative">
136
+ <i class="fas fa-search text-lg"></i>
137
+ </a>
138
+ <a href="#" class="text-gray-700 hover:text-primary-700 relative">
139
+ <i class="fas fa-user text-lg"></i>
140
+ </a>
141
+ <a href="#" class="text-gray-700 hover:text-primary-700 relative">
142
+ <i class="fas fa-heart text-lg"></i>
143
+ <span class="cart-count">3</span>
144
+ </a>
145
+ <a href="#" class="text-gray-700 hover:text-primary-700 relative">
146
+ <i class="fas fa-shopping-bag text-lg"></i>
147
+ <span class="cart-count">2</span>
148
+ </a>
149
+ <button class="md:hidden text-gray-700 focus:outline-none">
150
+ <i class="fas fa-bars text-xl"></i>
151
+ </button>
152
+ </div>
153
+ </div>
154
+ </div>
155
+ </nav>
156
+
157
+ <!-- Mobile Menu -->
158
+ <div class="md:hidden bg-white shadow-lg hidden" id="mobileMenu">
159
+ <div class="px-4 py-3 space-y-3">
160
+ <a href="#" class="block px-2 py-2 text-gray-700 hover:bg-primary-50 hover:text-primary-700">Shop</a>
161
+ <a href="#" class="block px-2 py-2 text-gray-700 hover:bg-primary-50 hover:text-primary-700">Collections</a>
162
+ <a href="#" class="block px-2 py-2 text-gray-700 hover:bg-primary-50 hover:text-primary-700">About</a>
163
+ <a href="#" class="block px-2 py-2 text-gray-700 hover:bg-primary-50 hover:text-primary-700">Contact</a>
164
+ </div>
165
+ </div>
166
+
167
+ <!-- Hero Section -->
168
+ <section class="hero-bg min-h-[80vh] flex items-center">
169
+ <div class="container mx-auto px-4">
170
+ <div class="max-w-2xl">
171
+ <h1 class="heading-font text-5xl md:text-6xl font-bold text-gray-800 mb-4">Floral Elegance, Minimalist Grace</h1>
172
+ <p class="text-lg text-gray-600 mb-8">Discover our exquisite collection of kurti pajamas that blend traditional charm with contemporary style.</p>
173
+ <div class="flex space-x-4">
174
+ <a href="#" class="bg-primary-600 hover:bg-primary-700 text-white px-8 py-3 rounded-full font-medium transition duration-300">Shop Now</a>
175
+ <a href="#" class="border-2 border-primary-600 text-primary-700 hover:bg-primary-50 px-8 py-3 rounded-full font-medium transition duration-300">Explore</a>
176
+ </div>
177
+ </div>
178
+ </div>
179
+ </section>
180
+
181
+ <!-- Featured Categories -->
182
+ <section class="py-16 bg-white">
183
+ <div class="container mx-auto px-4">
184
+ <div class="text-center mb-12">
185
+ <h2 class="heading-font text-3xl md:text-4xl font-bold text-gray-800 mb-4">Our Collections</h2>
186
+ <p class="max-w-2xl mx-auto text-gray-600">Handcrafted with love, designed for comfort, and made to make you feel beautiful.</p>
187
+ </div>
188
+
189
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
190
+ <div class="relative overflow-hidden rounded-xl group">
191
+ <img src="https://images.unsplash.com/photo-1591047139829-d91aecb6caea?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=736&q=80" alt="Floral Kurtis" class="w-full h-96 object-cover transition duration-500 group-hover:scale-105">
192
+ <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end p-6">
193
+ <div>
194
+ <h3 class="text-2xl font-bold text-white mb-2">Floral Kurtis</h3>
195
+ <a href="#" class="text-white hover:text-primary-200 font-medium flex items-center">
196
+ Shop Now <i class="fas fa-arrow-right ml-2"></i>
197
+ </a>
198
+ </div>
199
+ </div>
200
+ </div>
201
+
202
+ <div class="relative overflow-hidden rounded-xl group">
203
+ <img src="https://images.unsplash.com/photo-1551232864-3f0890e580d9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="Minimalist Pajamas" class="w-full h-96 object-cover transition duration-500 group-hover:scale-105">
204
+ <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end p-6">
205
+ <div>
206
+ <h3 class="text-2xl font-bold text-white mb-2">Minimalist Pajamas</h3>
207
+ <a href="#" class="text-white hover:text-primary-200 font-medium flex items-center">
208
+ Shop Now <i class="fas fa-arrow-right ml-2"></i>
209
+ </a>
210
+ </div>
211
+ </div>
212
+ </div>
213
+
214
+ <div class="relative overflow-hidden rounded-xl group">
215
+ <img src="https://images.unsplash.com/photo-1551232864-3f0890e580d9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="New Arrivals" class="w-full h-96 object-cover transition duration-500 group-hover:scale-105">
216
+ <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end p-6">
217
+ <div>
218
+ <h3 class="text-2xl font-bold text-white mb-2">New Arrivals</h3>
219
+ <a href="#" class="text-white hover:text-primary-200 font-medium flex items-center">
220
+ Shop Now <i class="fas fa-arrow-right ml-2"></i>
221
+ </a>
222
+ </div>
223
+ </div>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ </section>
228
+
229
+ <!-- Featured Products -->
230
+ <section class="py-16 bg-primary-50">
231
+ <div class="container mx-auto px-4">
232
+ <div class="text-center mb-12">
233
+ <h2 class="heading-font text-3xl md:text-4xl font-bold text-gray-800 mb-4">Featured Products</h2>
234
+ <p class="max-w-2xl mx-auto text-gray-600">Our carefully curated selection of the season's most beautiful pieces</p>
235
+ </div>
236
+
237
+ <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8">
238
+ <!-- Product 1 -->
239
+ <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-md transition duration-300 product-card">
240
+ <div class="relative overflow-hidden">
241
+ <img src="https://images.unsplash.com/photo-1595343108016-392eba4c038a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=880&q=80" alt="Lavender Floral Kurti" class="w-full h-80 object-cover">
242
+ <div class="absolute top-4 right-4">
243
+ <span class="bg-primary-600 text-white text-xs font-medium px-2.5 py-0.5 rounded-full">New</span>
244
+ </div>
245
+ <div class="product-overlay absolute inset-0 bg-black/10 flex items-center justify-center">
246
+ <div class="flex space-x-2">
247
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
248
+ <i class="fas fa-heart"></i>
249
+ </button>
250
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
251
+ <i class="fas fa-eye"></i>
252
+ </button>
253
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
254
+ <i class="fas fa-shopping-bag"></i>
255
+ </button>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ <div class="p-4">
260
+ <div class="flex justify-between items-start mb-2">
261
+ <h3 class="font-medium text-gray-800">Lavender Floral Kurti</h3>
262
+ <div class="flex items-center">
263
+ <span class="text-primary-600 font-medium">$49.99</span>
264
+ </div>
265
+ </div>
266
+ <div class="flex items-center mb-2">
267
+ <div class="flex space-x-1">
268
+ <i class="fas fa-star text-yellow-400"></i>
269
+ <i class="fas fa-star text-yellow-400"></i>
270
+ <i class="fas fa-star text-yellow-400"></i>
271
+ <i class="fas fa-star text-yellow-400"></i>
272
+ <i class="fas fa-star-half-alt text-yellow-400"></i>
273
+ </div>
274
+ <span class="text-gray-500 text-sm ml-2">(24)</span>
275
+ </div>
276
+ <button class="w-full mt-4 bg-primary-600 hover:bg-primary-700 text-white py-2 rounded-lg font-medium transition duration-300">Add to Cart</button>
277
+ </div>
278
+ </div>
279
+
280
+ <!-- Product 2 -->
281
+ <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-md transition duration-300 product-card">
282
+ <div class="relative overflow-hidden">
283
+ <img src="https://images.unsplash.com/photo-1591047139829-d91aecb6caea?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=736&q=80" alt="Minimalist Cotton Pajama Set" class="w-full h-80 object-cover">
284
+ <div class="product-overlay absolute inset-0 bg-black/10 flex items-center justify-center">
285
+ <div class="flex space-x-2">
286
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
287
+ <i class="fas fa-heart"></i>
288
+ </button>
289
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
290
+ <i class="fas fa-eye"></i>
291
+ </button>
292
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
293
+ <i class="fas fa-shopping-bag"></i>
294
+ </button>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ <div class="p-4">
299
+ <div class="flex justify-between items-start mb-2">
300
+ <h3 class="font-medium text-gray-800">Minimalist Cotton Pajama Set</h3>
301
+ <div class="flex items-center">
302
+ <span class="text-primary-600 font-medium">$59.99</span>
303
+ </div>
304
+ </div>
305
+ <div class="flex items-center mb-2">
306
+ <div class="flex space-x-1">
307
+ <i class="fas fa-star text-yellow-400"></i>
308
+ <i class="fas fa-star text-yellow-400"></i>
309
+ <i class="fas fa-star text-yellow-400"></i>
310
+ <i class="fas fa-star text-yellow-400"></i>
311
+ <i class="far fa-star text-yellow-400"></i>
312
+ </div>
313
+ <span class="text-gray-500 text-sm ml-2">(18)</span>
314
+ </div>
315
+ <button class="w-full mt-4 bg-primary-600 hover:bg-primary-700 text-white py-2 rounded-lg font-medium transition duration-300">Add to Cart</button>
316
+ </div>
317
+ </div>
318
+
319
+ <!-- Product 3 -->
320
+ <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-md transition duration-300 product-card">
321
+ <div class="relative overflow-hidden">
322
+ <img src="https://images.unsplash.com/photo-1551232864-3f0890e580d9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="Pastel Floral Kurti with Dupatta" class="w-full h-80 object-cover">
323
+ <div class="absolute top-4 right-4">
324
+ <span class="bg-red-500 text-white text-xs font-medium px-2.5 py-0.5 rounded-full">Sale</span>
325
+ </div>
326
+ <div class="product-overlay absolute inset-0 bg-black/10 flex items-center justify-center">
327
+ <div class="flex space-x-2">
328
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
329
+ <i class="fas fa-heart"></i>
330
+ </button>
331
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
332
+ <i class="fas fa-eye"></i>
333
+ </button>
334
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
335
+ <i class="fas fa-shopping-bag"></i>
336
+ </button>
337
+ </div>
338
+ </div>
339
+ </div>
340
+ <div class="p-4">
341
+ <div class="flex justify-between items-start mb-2">
342
+ <h3 class="font-medium text-gray-800">Pastel Floral Kurti with Dupatta</h3>
343
+ <div class="flex items-center">
344
+ <span class="text-primary-600 font-medium">$69.99</span>
345
+ <span class="text-gray-500 text-sm line-through ml-2">$89.99</span>
346
+ </div>
347
+ </div>
348
+ <div class="flex items-center mb-2">
349
+ <div class="flex space-x-1">
350
+ <i class="fas fa-star text-yellow-400"></i>
351
+ <i class="fas fa-star text-yellow-400"></i>
352
+ <i class="fas fa-star text-yellow-400"></i>
353
+ <i class="fas fa-star text-yellow-400"></i>
354
+ <i class="fas fa-star text-yellow-400"></i>
355
+ </div>
356
+ <span class="text-gray-500 text-sm ml-2">(32)</span>
357
+ </div>
358
+ <button class="w-full mt-4 bg-primary-600 hover:bg-primary-700 text-white py-2 rounded-lg font-medium transition duration-300">Add to Cart</button>
359
+ </div>
360
+ </div>
361
+
362
+ <!-- Product 4 -->
363
+ <div class="bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-md transition duration-300 product-card">
364
+ <div class="relative overflow-hidden">
365
+ <img src="https://images.unsplash.com/photo-1556909114-44ecccb8ecd3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="Solid Lavender Lounge Set" class="w-full h-80 object-cover">
366
+ <div class="product-overlay absolute inset-0 bg-black/10 flex items-center justify-center">
367
+ <div class="flex space-x-2">
368
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
369
+ <i class="fas fa-heart"></i>
370
+ </button>
371
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
372
+ <i class="fas fa-eye"></i>
373
+ </button>
374
+ <button class="bg-white hover:bg-primary-600 hover:text-white text-primary-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300">
375
+ <i class="fas fa-shopping-bag"></i>
376
+ </button>
377
+ </div>
378
+ </div>
379
+ </div>
380
+ <div class="p-4">
381
+ <div class="flex justify-between items-start mb-2">
382
+ <h3 class="font-medium text-gray-800">Solid Lavender Lounge Set</h3>
383
+ <div class="flex items-center">
384
+ <span class="text-primary-600 font-medium">$54.99</span>
385
+ </div>
386
+ </div>
387
+ <div class="flex items-center mb-2">
388
+ <div class="flex space-x-1">
389
+ <i class="fas fa-star text-yellow-400"></i>
390
+ <i class="fas fa-star text-yellow-400"></i>
391
+ <i class="fas fa-star text-yellow-400"></i>
392
+ <i class="fas fa-star text-yellow-400"></i>
393
+ <i class="far fa-star text-yellow-400"></i>
394
+ </div>
395
+ <span class="text-gray-500 text-sm ml-2">(15)</span>
396
+ </div>
397
+ <button class="w-full mt-4 bg-primary-600 hover:bg-primary-700 text-white py-2 rounded-lg font-medium transition duration-300">Add to Cart</button>
398
+ </div>
399
+ </div>
400
+ </div>
401
+
402
+ <div class="text-center mt-12">
403
+ <a href="#" class="inline-block border-2 border-primary-600 text-primary-700 hover:bg-primary-600 hover:text-white px-8 py-3 rounded-full font-medium transition duration-300">View All Products</a>
404
+ </div>
405
+ </div>
406
+ </section>
407
+
408
+ <!-- Banner -->
409
+ <section class="py-16">
410
+ <div class="container mx-auto px-4">
411
+ <div class="bg-gradient-to-r from-primary-100 to-primary-200 rounded-2xl p-8 md:p-12">
412
+ <div class="flex flex-col md:flex-row items-center">
413
+ <div class="md:w-1/2 mb-8 md:mb-0">
414
+ <h2 class="heading-font text-3xl md:text-4xl font-bold text-gray-800 mb-4">Summer Sale!</h2>
415
+ <p class="text-gray-700 mb-6">Enjoy 30% off on all floral collection kurtis. Limited time offer!</p>
416
+ <div class="flex items-center space-x-4 mb-6">
417
+ <div class="bg-white rounded-lg p-2 text-center w-16">
418
+ <span class="block text-2xl font-bold text-primary-700">07</span>
419
+ <span class="text-xs text-gray-500">Days</span>
420
+ </div>
421
+ <div class="bg-white rounded-lg p-2 text-center w-16">
422
+ <span class="block text-2xl font-bold text-primary-700">23</span>
423
+ <span class="text-xs text-gray-500">Hours</span>
424
+ </div>
425
+ <div class="bg-white rounded-lg p-2 text-center w-16">
426
+ <span class="block text-2xl font-bold text-primary-700">45</span>
427
+ <span class="text-xs text-gray-500">Mins</span>
428
+ </div>
429
+ <div class="bg-white rounded-lg p-2 text-center w-16">
430
+ <span class="block text-2xl font-bold text-primary-700">12</span>
431
+ <span class="text-xs text-gray-500">Secs</span>
432
+ </div>
433
+ </div>
434
+ <a href="#" class="bg-primary-600 hover:bg-primary-700 text-white px-8 py-3 rounded-full font-medium transition duration-300">Shop the Sale</a>
435
+ </div>
436
+ <div class="md:w-1/2 flex justify-center">
437
+ <img src="https://images.unsplash.com/photo-1591047139829-d91aecb6caea?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=736&q=80" alt="Summer Sale" class="rounded-xl shadow-lg max-h-96">
438
+ </div>
439
+ </div>
440
+ </div>
441
+ </div>
442
+ </section>
443
+
444
+ <!-- Testimonials -->
445
+ <section class="py-16 bg-white">
446
+ <div class="container mx-auto px-4">
447
+ <div class="text-center mb-12">
448
+ <h2 class="heading-font text-3xl md:text-4xl font-bold text-gray-800 mb-4">What Our Customers Say</h2>
449
+ <p class="max-w-2xl mx-auto text-gray-600">Join thousands of happy customers who love our products</p>
450
+ </div>
451
+
452
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
453
+ <div class="bg-primary-50 rounded-xl p-8">
454
+ <div class="flex items-center mb-4">
455
+ <div class="flex space-x-1">
456
+ <i class="fas fa-star text-yellow-400"></i>
457
+ <i class="fas fa-star text-yellow-400"></i>
458
+ <i class="fas fa-star text-yellow-400"></i>
459
+ <i class="fas fa-star text-yellow-400"></i>
460
+ <i class="fas fa-star text-yellow-400"></i>
461
+ </div>
462
+ </div>
463
+ <p class="text-gray-700 mb-6">"The lavender floral kurti is absolutely stunning! The fabric is so soft and comfortable. I've received so many compliments already."</p>
464
+ <div class="flex items-center">
465
+ <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah J." class="w-12 h-12 rounded-full object-cover mr-4">
466
+ <div>
467
+ <h4 class="font-medium text-gray-800">Sarah J.</h4>
468
+ <p class="text-sm text-gray-600">Verified Buyer</p>
469
+ </div>
470
+ </div>
471
+ </div>
472
+
473
+ <div class="bg-primary-50 rounded-xl p-8">
474
+ <div class="flex items-center mb-4">
475
+ <div class="flex space-x-1">
476
+ <i class="fas fa-star text-yellow-400"></i>
477
+ <i class="fas fa-star text-yellow-400"></i>
478
+ <i class="fas fa-star text-yellow-400"></i>
479
+ <i class="fas fa-star text-yellow-400"></i>
480
+ <i class="fas fa-star-half-alt text-yellow-400"></i>
481
+ </div>
482
+ </div>
483
+ <p class="text-gray-700 mb-6">"I'm in love with my minimalist pajama set. The quality is exceptional and they're so comfortable for lounging at home. Will definitely order more colors!"</p>
484
+ <div class="flex items-center">
485
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Priya M." class="w-12 h-12 rounded-full object-cover mr-4">
486
+ <div>
487
+ <h4 class="font-medium text-gray-800">Priya M.</h4>
488
+ <p class="text-sm text-gray-600">Verified Buyer</p>
489
+ </div>
490
+ </div>
491
+ </div>
492
+
493
+ <div class="bg-primary-50 rounded-xl p-8">
494
+ <div class="flex items-center mb-4">
495
+ <div class="flex space-x-1">
496
+ <i class="fas fa-star text-yellow-400"></i>
497
+ <i class="fas fa-star text-yellow-400"></i>
498
+ <i class="fas fa-star text-yellow-400"></i>
499
+ <i class="fas fa-star text-yellow-400"></i>
500
+ <i class="fas fa-star text-yellow-400"></i>
501
+ </div>
502
+ </div>
503
+ <p class="text-gray-700 mb-6">"Revostes has become my go-to for ethnic wear. The designs are unique, the fabrics are premium, and the fit is always perfect. Highly recommend!"</p>
504
+ <div class="flex items-center">
505
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Aisha K." class="w-12 h-12 rounded-full object-cover mr-4">
506
+ <div>
507
+ <h4 class="font-medium text-gray-800">Aisha K.</h4>
508
+ <p class="text-sm text-gray-600">Verified Buyer</p>
509
+ </div>
510
+ </div>
511
+ </div>
512
+ </div>
513
+ </div>
514
+ </section>
515
+
516
+ <!-- Newsletter -->
517
+ <section class="py-16 bg-primary-100">
518
+ <div class="container mx-auto px-4">
519
+ <div class="max-w-4xl mx-auto text-center">
520
+ <h2 class="heading-font text-3xl md:text-4xl font-bold text-gray-800 mb-4">Join Our Community</h2>
521
+ <p class="text-gray-700 mb-8">Subscribe to our newsletter and get 15% off your first order plus exclusive access to new collections and special offers.</p>
522
+
523
+ <form class="flex flex-col sm:flex-row gap-4 max-w-lg mx-auto">
524
+ <input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent">
525
+ <button type="submit" class="bg-primary-600 hover:bg-primary-700 text-white px-8 py-3 rounded-full font-medium transition duration-300">Subscribe</button>
526
+ </form>
527
+
528
+ <p class="text-sm text-gray-600 mt-4">We respect your privacy. Unsubscribe at any time.</p>
529
+ </div>
530
+ </div>
531
+ </section>
532
+
533
+ <!-- Footer -->
534
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
535
+ <div class="container mx-auto px-4">
536
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
537
+ <div>
538
+ <h3 class="text-2xl font-bold heading-font mb-4">REVOSTES</h3>
539
+ <p class="text-gray-400 mb-4">Elegant feminine fashion blending traditional charm with contemporary style.</p>
540
+ <div class="flex space-x-4">
541
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-facebook-f"></i></a>
542
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-instagram"></i></a>
543
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-pinterest-p"></i></a>
544
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-twitter"></i></a>
545
+ </div>
546
+ </div>
547
+
548
+ <div>
549
+ <h4 class="font-medium text-lg mb-4">Shop</h4>
550
+ <ul class="space-y-2">
551
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">New Arrivals</a></li>
552
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Kurtis</a></li>
553
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Pajamas</a></li>
554
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Floral Collection</a></li>
555
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Minimalist Collection</a></li>
556
+ </ul>
557
+ </div>
558
+
559
+ <div>
560
+ <h4 class="font-medium text-lg mb-4">Customer Service</h4>
561
+ <ul class="space-y-2">
562
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Contact Us</a></li>
563
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">FAQs</a></li>
564
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Shipping & Returns</a></li>
565
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Size Guide</a></li>
566
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Track Order</a></li>
567
+ </ul>
568
+ </div>
569
+
570
+ <div>
571
+ <h4 class="font-medium text-lg mb-4">About</h4>
572
+ <ul class="space-y-2">
573
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Our Story</a></li>
574
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Sustainability</a></li>
575
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li>
576
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Careers</a></li>
577
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Wholesale</a></li>
578
+ </ul>
579
+ </div>
580
+ </div>
581
+
582
+ <div class="border-t border-gray-800 pt-8">
583
+ <div class="flex flex-col md:flex-row justify-between items-center">
584
+ <p class="text-gray-400 mb-4 md:mb-0">© 2023 Revostes. All rights reserved.</p>
585
+ <div class="flex space-x-6">
586
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">Privacy Policy</a>
587
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">Terms of Service</a>
588
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">Cookie Policy</a>
589
+ </div>
590
+ </div>
591
+ </div>
592
+ </div>
593
+ </footer>
594
+
595
+ <script>
596
+ // Mobile menu toggle
597
+ document.querySelector('button[aria-label="Mobile menu"]').addEventListener('click', function() {
598
+ const menu = document.getElementById('mobileMenu');
599
+ menu.classList.toggle('hidden');
600
+ });
601
+
602
+ // Simple cart counter
603
+ let cartCount = 2;
604
+ const cartButtons = document.querySelectorAll('button:contains("Add to Cart")');
605
+
606
+ cartButtons.forEach(button => {
607
+ button.addEventListener('click', function() {
608
+ cartCount++;
609
+ document.querySelectorAll('.cart-count').forEach(el => {
610
+ if(el.parentElement.querySelector('.fa-shopping-bag')) {
611
+ el.textContent = cartCount;
612
+ }
613
+ });
614
+
615
+ // Show a simple notification
616
+ const notification = document.createElement('div');
617
+ notification.className = 'fixed bottom-4 right-4 bg-green-500 text-white px-4 py-2 rounded-lg shadow-lg';
618
+ notification.textContent = 'Item added to cart!';
619
+ document.body.appendChild(notification);
620
+
621
+ setTimeout(() => {
622
+ notification.remove();
623
+ }, 3000);
624
+ });
625
+ });
626
+ </script>
627
+ <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=ahmed2Saif/revostes" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
628
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Hey, i want you to build me a e commerce website. My brand name is "Revostes" it is a female fashion clothing brand with florals and solid minimalistic kurti pajamas and my brand's color palate is lavender mostly the soft tones. Now build a sexy sleek one