Hugging Face's logo

Spaces:
Rayan545454
/
ggkkk44
Running

App Files Community
Rayan545454 commited on
Commit
4f25d40
·
verified ·
1 Parent(s): e9e5b5c

تسوق الان زر الرابط https://salla.sa/th66 - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +358 -18
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ggkkk44
3
- emoji: 📚
4
- colorFrom: blue
5
- colorTo: yellow
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: ggkkk44
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: purple
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,359 @@
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="ar" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>RT - متجر إلكتروني</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap" rel="stylesheet">
10
+ <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
11
+ <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
13
+ <script src="https://unpkg.com/feather-icons"></script>
14
+ <style>
15
+ body {
16
+ font-family: 'Tajawal', sans-serif;
17
+ }
18
+ .product-card:hover {
19
+ transform: translateY(-5px);
20
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
21
+ }
22
+ .cart-badge {
23
+ animation: pulse 2s infinite;
24
+ }
25
+ @keyframes pulse {
26
+ 0% { transform: scale(1); }
27
+ 50% { transform: scale(1.1); }
28
+ 100% { transform: scale(1); }
29
+ }
30
+ </style>
31
+ </head>
32
+ <body class="bg-gray-50">
33
+ <!-- Header -->
34
+ <header class="bg-white shadow-md sticky top-0 z-50">
35
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
36
+ <div class="flex items-center space-x-4 space-x-reverse">
37
+ <button class="text-gray-600 hover:text-blue-600">
38
+ <i data-feather="menu" class="w-6 h-6"></i>
39
+ </button>
40
+ <h1 class="text-2xl font-bold text-blue-600">RT</h1>
41
+ </div>
42
+
43
+ <div class="hidden md:flex bg-gray-100 rounded-full px-4 py-2 w-1/3">
44
+ <input type="text" placeholder="ابحث عن منتجات..." class="bg-transparent w-full focus:outline-none">
45
+ <i data-feather="search" class="text-gray-500"></i>
46
+ </div>
47
+
48
+ <div class="flex items-center space-x-4 space-x-reverse">
49
+ <button class="relative text-gray-600 hover:text-blue-600">
50
+ <i data-feather="heart" class="w-6 h-6"></i>
51
+ </button>
52
+ <button class="relative text-gray-600 hover:text-blue-600">
53
+ <i data-feather="shopping-cart" class="w-6 h-6"></i>
54
+ <span class="cart-badge absolute -top-2 -right-2 bg-red-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">3</span>
55
+ </button>
56
+ <button class="text-gray-600 hover:text-blue-600">
57
+ <i data-feather="user" class="w-6 h-6"></i>
58
+ </button>
59
+ </div>
60
+ </div>
61
+
62
+ <div class="md:hidden container mx-auto px-4 pb-3">
63
+ <div class="flex bg-gray-100 rounded-full px-4 py-2">
64
+ <input type="text" placeholder="ابحث عن منتجات..." class="bg-transparent w-full focus:outline-none">
65
+ <i data-feather="search" class="text-gray-500"></i>
66
+ </div>
67
+ </div>
68
+ </header>
69
+
70
+ <!-- Hero Section -->
71
+ <section class="bg-gradient-to-r from-blue-500 to-purple-600 text-white py-16">
72
+ <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
73
+ <div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-left">
74
+ <h2 class="text-4xl md:text-5xl font-bold mb-4">اكتشف أحدث المنتجات التقنية</h2>
75
+ <p class="text-xl mb-8">عروض حصرية وتخفيضات تصل إلى 50% على جميع المنتجات</p>
76
+ <a href="https://salla.sa/th66" target="_blank" class="bg-white text-blue-600 font-bold py-3 px-8 rounded-full hover:bg-gray-100 transition duration-300">
77
+ تسوق الآن
78
+ </a>
79
+ </div>
80
+ <div class="md:w-1/2 flex justify-center" data-aos="fade-right">
81
+ <img src="http://static.photos/technology/640x360/1" alt="Technology Products" class="rounded-lg shadow-xl max-w-full h-auto">
82
+ </div>
83
+ </div>
84
+ </section>
85
+
86
+ <!-- Categories Section -->
87
+ <section class="py-16 bg-gray-50">
88
+ <div class="container mx-auto px-4">
89
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">تصفح حسب الفئة</h2>
90
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
91
+ <div class="bg-white rounded-xl shadow-md p-6 text-center hover:shadow-lg transition duration-300" data-aos="fade-up" data-aos-delay="100">
92
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
93
+ <i data-feather="smartphone" class="text-blue-600 w-8 h-8"></i>
94
+ </div>
95
+ <h3 class="font-bold text-lg">الهواتف</h3>
96
+ </div>
97
+ <div class="bg-white rounded-xl shadow-md p-6 text-center hover:shadow-lg transition duration-300" data-aos="fade-up" data-aos-delay="200">
98
+ <div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
99
+ <i data-feather="monitor" class="text-green-600 w-8 h-8"></i>
100
+ </div>
101
+ <h3 class="font-bold text-lg">الكمبيوتر</h3>
102
+ </div>
103
+ <div class="bg-white rounded-xl shadow-md p-6 text-center hover:shadow-lg transition duration-300" data-aos="fade-up" data-aos-delay="300">
104
+ <div class="bg-yellow-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
105
+ <i data-feather="headphones" class="text-yellow-600 w-8 h-8"></i>
106
+ </div>
107
+ <h3 class="font-bold text-lg">الإكسسوارات</h3>
108
+ </div>
109
+ <div class="bg-white rounded-xl shadow-md p-6 text-center hover:shadow-lg transition duration-300" data-aos="fade-up" data-aos-delay="400">
110
+ <div class="bg-purple-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
111
+ <i data-feather="watch" class="text-purple-600 w-8 h-8"></i>
112
+ </div>
113
+ <h3 class="font-bold text-lg">الساعات</h3>
114
+ </div>
115
+ </div>
116
+ </div>
117
+ </section>
118
+
119
+ <!-- Featured Products -->
120
+ <section class="py-16">
121
+ <div class="container mx-auto px-4">
122
+ <div class="flex justify-between items-center mb-12">
123
+ <h2 class="text-3xl font-bold" data-aos="fade-up">المنتجات المميزة</h2>
124
+ <a href="#" class="text-blue-600 hover:text-blue-800 font-medium" data-aos="fade-up">عرض الكل</a>
125
+ </div>
126
+
127
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
128
+ <!-- Product 1 -->
129
+ <div class="product-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300" data-aos="fade-up">
130
+ <div class="relative">
131
+ <img src="http://static.photos/technology/320x240/1" alt="منتج مميز" class="w-full h-56 object-cover">
132
+ <span class="absolute top-2 right-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">خصم 20%</span>
133
+ </div>
134
+ <div class="p-4">
135
+ <h3 class="font-bold text-lg mb-2">سماعة لاسلكية عالية الجودة</h3>
136
+ <div class="flex items-center mb-2">
137
+ <div class="flex text-yellow-400">
138
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
139
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
140
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
141
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
142
+ <i data-feather="star" class="w-4 h-4"></i>
143
+ </div>
144
+ <span class="text-gray-500 text-sm mr-2">(128)</span>
145
+ </div>
146
+ <div class="flex justify-between items-center">
147
+ <div>
148
+ <span class="text-lg font-bold text-blue-600">299 ريال</span>
149
+ <span class="text-gray-500 line-through text-sm mr-2">375 ريال</span>
150
+ </div>
151
+ <button class="bg-blue-600 text-white p-2 rounded-full hover:bg-blue-700">
152
+ <i data-feather="shopping-cart" class="w-4 h-4"></i>
153
+ </button>
154
+ </div>
155
+ </div>
156
+ </div>
157
+
158
+ <!-- Product 2 -->
159
+ <div class="product-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300" data-aos="fade-up" data-aos-delay="100">
160
+ <div class="relative">
161
+ <img src="http://static.photos/technology/320x240/2" alt="منتج مميز" class="w-full h-56 object-cover">
162
+ </div>
163
+ <div class="p-4">
164
+ <h3 class="font-bold text-lg mb-2">هاتف ذكي جديد</h3>
165
+ <div class="flex items-center mb-2">
166
+ <div class="flex text-yellow-400">
167
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
168
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
169
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
170
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
171
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
172
+ </div>
173
+ <span class="text-gray-500 text-sm mr-2">(95)</span>
174
+ </div>
175
+ <div class="flex justify-between items-center">
176
+ <div>
177
+ <span class="text-lg font-bold text-blue-600">1499 ريال</span>
178
+ </div>
179
+ <button class="bg-blue-600 text-white p-2 rounded-full hover:bg-blue-700">
180
+ <i data-feather="shopping-cart" class="w-4 h-4"></i>
181
+ </button>
182
+ </div>
183
+ </div>
184
+ </div>
185
+
186
+ <!-- Product 3 -->
187
+ <div class="product-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300" data-aos="fade-up" data-aos-delay="200">
188
+ <div class="relative">
189
+ <img src="http://static.photos/technology/320x240/3" alt="منتج مميز" class="w-full h-56 object-cover">
190
+ <span class="absolute top-2 right-2 bg-green-500 text-white text-xs font-bold px-2 py-1 rounded">جديد</span>
191
+ </div>
192
+ <div class="p-4">
193
+ <h3 class="font-bold text-lg mb-2">لابتوب رفيع الحافة</h3>
194
+ <div class="flex items-center mb-2">
195
+ <div class="flex text-yellow-400">
196
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
197
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
198
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
199
+ <i data-feather="star" class="w-4 h-4"></i>
200
+ <i data-feather="star" class="w-4 h-4"></i>
201
+ </div>
202
+ <span class="text-gray-500 text-sm mr-2">(67)</span>
203
+ </div>
204
+ <div class="flex justify-between items-center">
205
+ <div>
206
+ <span class="text-lg font-bold text-blue-600">3299 ريال</span>
207
+ </div>
208
+ <button class="bg-blue-600 text-white p-2 rounded-full hover:bg-blue-700">
209
+ <i data-feather="shopping-cart" class="w-4 h-4"></i>
210
+ </button>
211
+ </div>
212
+ </div>
213
+ </div>
214
+
215
+ <!-- Product 4 -->
216
+ <div class="product-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300" data-aos="fade-up" data-aos-delay="300">
217
+ <div class="relative">
218
+ <img src="http://static.photos/technology/320x240/4" alt="منتج مميز" class="w-full h-56 object-cover">
219
+ </div>
220
+ <div class="p-4">
221
+ <h3 class="font-bold text-lg mb-2">ساعة ذكية مقاومة للماء</h3>
222
+ <div class="flex items-center mb-2">
223
+ <div class="flex text-yellow-400">
224
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
225
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
226
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
227
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
228
+ <i data-feather="star-half" class="w-4 h-4 fill-current"></i>
229
+ </div>
230
+ <span class="text-gray-500 text-sm mr-2">(210)</span>
231
+ </div>
232
+ <div class="flex justify-between items-center">
233
+ <div>
234
+ <span class="text-lg font-bold text-blue-600">599 ريال</span>
235
+ </div>
236
+ <button class="bg-blue-600 text-white p-2 rounded-full hover:bg-blue-700">
237
+ <i data-feather="shopping-cart" class="w-4 h-4"></i>
238
+ </button>
239
+ </div>
240
+ </div>
241
+ </div>
242
+ </div>
243
+ </div>
244
+ </section>
245
+
246
+ <!-- Special Offers -->
247
+ <section class="py-16 bg-gradient-to-l from-blue-50 to-indigo-50">
248
+ <div class="container mx-auto px-4">
249
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">عروض خاصة</h2>
250
+ <div class="bg-white rounded-2xl shadow-lg overflow-hidden">
251
+ <div class="md:flex">
252
+ <div class="md:w-1/2 p-8 flex flex-col justify-center" data-aos="fade-left">
253
+ <h3 class="text-2xl font-bold mb-4">عرض نهاية الموسم</h3>
254
+ <p class="text-gray-600 mb-6">خصومات تصل إلى 50% على جميع المنتجات التقنية. عرض لفترة محدودة فقط.</p>
255
+ <div class="flex items-center mb-6">
256
+ <div class="bg-gray-200 rounded-full h-2 flex-grow ml-4">
257
+ <div class="bg-red-500 h-2 rounded-full" style="width: 65%"></div>
258
+ </div>
259
+ <span class="text-sm font-medium">65%</span>
260
+ </div>
261
+ <button class="bg-red-500 text-white font-bold py-3 px-6 rounded-full hover:bg-red-600 transition duration-300 w-max">
262
+ تسوق العروض
263
+ </button>
264
+ </div>
265
+ <div class="md:w-1/2" data-aos="fade-right">
266
+ <img src="http://static.photos/abstract/640x360/5" alt="عروض خاصة" class="w-full h-full object-cover">
267
+ </div>
268
+ </div>
269
+ </div>
270
+ </div>
271
+ </section>
272
+
273
+ <!-- Newsletter -->
274
+ <section class="py-16">
275
+ <div class="container mx-auto px-4">
276
+ <div class="bg-gradient-to-r from-blue-500 to-purple-600 rounded-2xl p-8 text-white text-center" data-aos="fade-up">
277
+ <h2 class="text-3xl font-bold mb-4">ابق على اطلاع بالعروض الجديدة</h2>
278
+ <p class="mb-6 max-w-2xl mx-auto">اشترك في نشرتنا البريدية لتستلم أحدث العروض والمنتجات قبل الجميع</p>
279
+ <div class="max-w-md mx-auto flex">
280
+ <input type="email" placeholder="بريدك الإلكتروني" class="flex-grow px-4 py-3 rounded-r-lg focus:outline-none text-gray-800">
281
+ <button class="bg-white text-blue-600 font-bold px-6 py-3 rounded-l-lg hover:bg-gray-100">
282
+ اشتراك
283
+ </button>
284
+ </div>
285
+ </div>
286
+ </div>
287
+ </section>
288
+
289
+ <!-- Footer -->
290
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
291
+ <div class="container mx-auto px-4">
292
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
293
+ <div>
294
+ <h3 class="text-2xl font-bold mb-4 text-blue-400">RT</h3>
295
+ <p class="text-gray-400 mb-4">متجر إلكتروني متخصص في المنتجات التقنية بأحدث الصيحات والعروض الحصرية.</p>
296
+ <div class="flex space-x-4 space-x-reverse">
297
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook" class="w-5 h-5"></i></a>
298
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter" class="w-5 h-5"></i></a>
299
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram" class="w-5 h-5"></i></a>
300
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="youtube" class="w-5 h-5"></i></a>
301
+ </div>
302
+ </div>
303
+
304
+ <div>
305
+ <h4 class="text-lg font-bold mb-4">روابط سريعة</h4>
306
+ <ul class="space-y-2">
307
+ <li><a href="#" class="text-gray-400 hover:text-white">الرئيسية</a></li>
308
+ <li><a href="#" class="text-gray-400 hover:text-white">المنتجات</a></li>
309
+ <li><a href="#" class="text-gray-400 hover:text-white">العروض</a></li>
310
+ <li><a href="#" class="text-gray-400 hover:text-white">من نحن</a></li>
311
+ <li><a href="#" class="text-gray-400 hover:text-white">اتصل بنا</a></li>
312
+ </ul>
313
+ </div>
314
+
315
+ <div>
316
+ <h4 class="text-lg font-bold mb-4">فئات المنتجات</h4>
317
+ <ul class="space-y-2">
318
+ <li><a href="#" class="text-gray-400 hover:text-white">الهواتف الذكية</a></li>
319
+ <li><a href="#" class="text-gray-400 hover:text-white">الحواسيب المحمولة</a></li>
320
+ <li><a href="#" class="text-gray-400 hover:text-white">الإكسسوارات</a></li>
321
+ <li><a href="#" class="text-gray-400 hover:text-white">الساعات الذكية</a></li>
322
+ <li><a href="#" class="text-gray-400 hover:text-white">سماعات الصوت</a></li>
323
+ </ul>
324
+ </div>
325
+
326
+ <div>
327
+ <h4 class="text-lg font-bold mb-4">تواصل معنا</h4>
328
+ <ul class="space-y-3 text-gray-400">
329
+ <li class="flex items-start">
330
+ <i data-feather="map-pin" class="w-5 h-5 mr-2 mt-1"></i>
331
+ <span>الرياض، المملكة العربية السعودية</span>
332
+ </li>
333
+ <li class="flex items-center">
334
+ <i data-feather="phone" class="w-5 h-5 mr-2"></i>
335
+ <span>+966 11 123 4567</span>
336
+ </li>
337
+ <li class="flex items-center">
338
+ <i data-feather="mail" class="w-5 h-5 mr-2"></i>
339
+ <span>[email protected]</span>
340
+ </li>
341
+ </ul>
342
+ </div>
343
+ </div>
344
+
345
+ <div class="border-t border-gray-800 pt-8 text-center text-gray-500">
346
+ <p>&copy; 2023 RT Store. جميع الحقوق محفوظة.</p>
347
+ </div>
348
+ </div>
349
+ </footer>
350
+
351
+ <script>
352
+ AOS.init({
353
+ duration: 800,
354
+ easing: 'ease-in-out'
355
+ });
356
+ feather.replace();
357
+ </script>
358
+ </body>
359
  </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ تطبيق متجر إلكتروني عنوان RT
2
+ تسوق الان زر الرابط https://salla.sa/th66