Hugging Face's logo

Spaces:
Rayan545454
/
ffhhh44
Running

App Files Community
Rayan545454 commited on
Commit
2a539e3
·
verified ·
1 Parent(s): 499763b

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +259 -18
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ffhhh44
3
- emoji: 🏆
4
- colorFrom: pink
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: ffhhh44
3
+ emoji: 🐳
4
+ colorFrom: purple
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,260 @@
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://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
14
+ <style>
15
+ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');
16
+ body {
17
+ font-family: 'Tajawal', sans-serif;
18
+ }
19
+ .vanta-bg {
20
+ position: absolute;
21
+ width: 100%;
22
+ height: 100%;
23
+ z-index: -1;
24
+ }
25
+ .category-card:hover {
26
+ transform: translateY(-5px);
27
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
28
+ }
29
+ .product-card {
30
+ transition: all 0.3s ease;
31
+ }
32
+ .product-card:hover {
33
+ transform: scale(1.03);
34
+ }
35
+ </style>
36
+ </head>
37
+ <body class="bg-gray-50">
38
+ <!-- Navigation -->
39
+ <nav class="bg-white shadow-lg sticky top-0 z-50">
40
+ <div class="max-w-7xl mx-auto px-4">
41
+ <div class="flex justify-between items-center py-4">
42
+ <div class="flex items-center space-x-4">
43
+ <a href="#" class="text-2xl font-bold text-blue-600">سوق RT</a>
44
+ <div class="hidden md:flex space-x-6">
45
+ <a href="#" class="text-gray-700 hover:text-blue-600 transition">الرئيسية</a>
46
+ <a href="#" class="text-gray-700 hover:text-blue-600 transition">الفئات</a>
47
+ <a href="#" class="text-gray-700 hover:text-blue-600 transition">العروض</a>
48
+ <a href="#" class="text-gray-700 hover:text-blue-600 transition">من نحن</a>
49
+ <a href="#" class="text-gray-700 hover:text-blue-600 transition">اتصل بنا</a>
50
+ </div>
51
+ </div>
52
+ <div class="flex items-center space-x-4">
53
+ <div class="relative">
54
+ <input type="text" placeholder="ابحث عن منتج..." class="px-4 py-2 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
55
+ <button class="absolute left-3 top-2 text-gray-400">
56
+ <i data-feather="search"></i>
57
+ </button>
58
+ </div>
59
+ <a href="#" class="p-2 bg-gray-100 rounded-full hover:bg-blue-100 transition">
60
+ <i data-feather="shopping-cart"></i>
61
+ </a>
62
+ <a href="#" class="p-2 bg-gray-100 rounded-full hover:bg-blue-100 transition">
63
+ <i data-feather="user"></i>
64
+ </a>
65
+ </div>
66
+ </div>
67
+ </div>
68
+ </nav>
69
+
70
+ <!-- Hero Section -->
71
+ <section class="relative h-96 overflow-hidden">
72
+ <div id="vanta-bg" class="vanta-bg"></div>
73
+ <div class="absolute inset-0 bg-black bg-opacity-40"></div>
74
+ <div class="relative h-full flex items-center justify-center">
75
+ <div class="text-center text-white px-4" data-aos="fade-up">
76
+ <h1 class="text-4xl md:text-5xl font-bold mb-4">سوق RT الإلكتروني</h1>
77
+ <p class="text-xl mb-8">اكتشف أفضل المنتجات بأفضل الأسعار</p>
78
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-full font-medium transition">
79
+ ابدأ التسوق الآن
80
+ </button>
81
+ </div>
82
+ </div>
83
+ </section>
84
+
85
+ <!-- Categories Section -->
86
+ <section class="py-16 bg-white">
87
+ <div class="max-w-7xl mx-auto px-4">
88
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">فئات المنتجات</h2>
89
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
90
+ <div class="category-card bg-gray-50 rounded-lg p-6 text-center cursor-pointer transition" data-aos="fade-up" data-aos-delay="100">
91
+ <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
92
+ <i data-feather="smartphone" class="text-blue-600"></i>
93
+ </div>
94
+ <h3 class="font-medium">إلكترونيات</h3>
95
+ </div>
96
+ <div class="category-card bg-gray-50 rounded-lg p-6 text-center cursor-pointer transition" data-aos="fade-up" data-aos-delay="200">
97
+ <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
98
+ <i data-feather="shirt" class="text-green-600"></i>
99
+ </div>
100
+ <h3 class="font-medium">ملابس</h3>
101
+ </div>
102
+ <div class="category-card bg-gray-50 rounded-lg p-6 text-center cursor-pointer transition" data-aos="fade-up" data-aos-delay="300">
103
+ <div class="w-16 h-16 bg-yellow-100 rounded-full flex items-center justify-center mx-auto mb-4">
104
+ <i data-feather="home" class="text-yellow-600"></i>
105
+ </div>
106
+ <h3 class="font-medium">منزل</h3>
107
+ </div>
108
+ <div class="category-card bg-gray-50 rounded-lg p-6 text-center cursor-pointer transition" data-aos="fade-up" data-aos-delay="400">
109
+ <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-4">
110
+ <i data-feather="heart" class="text-red-600"></i>
111
+ </div>
112
+ <h3 class="font-medium">صحة وجمال</h3>
113
+ </div>
114
+ </div>
115
+ </div>
116
+ </section>
117
+
118
+ <!-- Featured Products -->
119
+ <section class="py-16 bg-gray-50">
120
+ <div class="max-w-7xl mx-auto px-4">
121
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">منتجات مميزة</h2>
122
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
123
+ <div class="product-card bg-white rounded-lg overflow-hidden shadow-md" data-aos="fade-up" data-aos-delay="100">
124
+ <img src="http://static.photos/technology/320x240/1" alt="Product" class="w-full h-48 object-cover">
125
+ <div class="p-4">
126
+ <h3 class="font-medium mb-2">هاتف ذكي متطور</h3>
127
+ <div class="flex justify-between items-center">
128
+ <span class="text-blue-600 font-bold">1,299 ر.س</span>
129
+ <button class="bg-blue-600 text-white px-3 py-1 rounded text-sm">إضافة للسلة</button>
130
+ </div>
131
+ </div>
132
+ </div>
133
+ <div class="product-card bg-white rounded-lg overflow-hidden shadow-md" data-aos="fade-up" data-aos-delay="200">
134
+ <img src="http://static.photos/fashion/320x240/2" alt="Product" class="w-full h-48 object-cover">
135
+ <div class="p-4">
136
+ <h3 class="font-medium mb-2">قبعة أنيقة</h3>
137
+ <div class="flex justify-between items-center">
138
+ <span class="text-blue-600 font-bold">149 ر.س</span>
139
+ <button class="bg-blue-600 text-white px-3 py-1 rounded text-sm">إضافة للسلة</button>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ <div class="product-card bg-white rounded-lg overflow-hidden shadow-md" data-aos="fade-up" data-aos-delay="300">
144
+ <img src="http://static.photos/home/320x240/3" alt="Product" class="w-full h-48 object-cover">
145
+ <div class="p-4">
146
+ <h3 class="font-medium mb-2">مصباح طاولة</h3>
147
+ <div class="flex justify-between items-center">
148
+ <span class="text-blue-600 font-bold">199 ر.س</span>
149
+ <button class="bg-blue-600 text-white px-3 py-1 rounded text-sm">إضافة للسلة</button>
150
+ </div>
151
+ </div>
152
+ </div>
153
+ <div class="product-card bg-white rounded-lg overflow-hidden shadow-md" data-aos="fade-up" data-aos-delay="400">
154
+ <img src="http://static.photos/beauty/320x240/4" alt="Product" class="w-full h-48 object-cover">
155
+ <div class="p-4">
156
+ <h3 class="font-medium mb-2">عطر فاخر</h3>
157
+ <div class="flex justify-between items-center">
158
+ <span class="text-blue-600 font-bold">399 ر.س</span>
159
+ <button class="bg-blue-600 text-white px-3 py-1 rounded text-sm">إضافة للسلة</button>
160
+ </div>
161
+ </div>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </section>
166
+
167
+ <!-- Features Section -->
168
+ <section class="py-16 bg-white">
169
+ <div class="max-w-7xl mx-auto px-4">
170
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
171
+ <div class="text-center" data-aos="fade-up">
172
+ <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
173
+ <i data-feather="truck" class="text-blue-600"></i>
174
+ </div>
175
+ <h3 class="font-bold mb-2">شحن سريع</h3>
176
+ <p class="text-gray-600">توصيل سريع وآمن لجميع أنحاء المملكة</p>
177
+ </div>
178
+ <div class="text-center" data-aos="fade-up" data-aos-delay="100">
179
+ <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
180
+ <i data-feather="shield" class="text-green-600"></i>
181
+ </div>
182
+ <h3 class="font-bold mb-2">دفع آمن</h3>
183
+ <p class="text-gray-600">أنظمة دفع متعددة وآمنة</p>
184
+ </div>
185
+ <div class="text-center" data-aos="fade-up" data-aos-delay="200">
186
+ <div class="w-16 h-16 bg-yellow-100 rounded-full flex items-center justify-center mx-auto mb-4">
187
+ <i data-feather="refresh-cw" class="text-yellow-600"></i>
188
+ </div>
189
+ <h3 class="font-bold mb-2">إرجاع سهل</h3>
190
+ <p class="text-gray-600">سياسة إرجاع لمدة 14 يوم</p>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ </section>
195
+
196
+ <!-- Footer -->
197
+ <footer class="bg-gray-900 text-white py-12">
198
+ <div class="max-w-7xl mx-auto px-4">
199
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
200
+ <div>
201
+ <h3 class="text-xl font-bold mb-4">سوق RT</h3>
202
+ <p class="text-gray-400">وجهتك الأولى للتسوق الإلكتروني</p>
203
+ </div>
204
+ <div>
205
+ <h4 class="font-bold mb-4">روابط سريعة</h4>
206
+ <ul class="space-y-2">
207
+ <li><a href="#" class="text-gray-400 hover:text-white transition">عن المتجر</a></li>
208
+ <li><a href="#" class="text-gray-400 hover:text-white transition">الشروط والأحكام</a></li>
209
+ <li><a href="#" class="text-gray-400 hover:text-white transition">سياسة الخصوصية</a></li>
210
+ </ul>
211
+ </div>
212
+ <div>
213
+ <h4 class="font-bold mb-4">خدمة العملاء</h4>
214
+ <ul class="space-y-2">
215
+ <li><a href="#" class="text-gray-400 hover:text-white transition">اتصل بنا</a></li>
216
+ <li><a href="#" class="text-gray-400 hover:text-white transition">الأسئلة الشائعة</a></li>
217
+ <li><a href="#" class="text-gray-400 hover:text-white transition">الدعم الفني</a></li>
218
+ </ul>
219
+ </div>
220
+ <div>
221
+ <h4 class="font-bold mb-4">تابعنا</h4>
222
+ <div class="flex space-x-4">
223
+ <a href="#" class="text-gray-400 hover:text-white transition">
224
+ <i data-feather="facebook"></i>
225
+ </a>
226
+ <a href="#" class="text-gray-400 hover:text-white transition">
227
+ <i data-feather="twitter"></i>
228
+ </a>
229
+ <a href="#" class="text-gray-400 hover:text-white transition">
230
+ <i data-feather="instagram"></i>
231
+ </a>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
236
+ <p>© 2024 سوق RT. جميع الحقوق محفوظة.</p>
237
+ </div>
238
+ </div>
239
+ </footer>
240
+
241
+ <script>
242
+ AOS.init();
243
+ feather.replace();
244
+
245
+ // Vanta.js background
246
+ VANTA.GLOBE({
247
+ el: "#vanta-bg",
248
+ mouseControls: true,
249
+ touchControls: true,
250
+ gyroControls: false,
251
+ minHeight: 200.00,
252
+ minWidth: 200.00,
253
+ scale: 1.00,
254
+ scaleMobile: 1.00,
255
+ color: 0x3a86ff,
256
+ backgroundColor: 0xffffff
257
+ });
258
+ </script>
259
+ </body>
260
  </html>
prompts.txt ADDED
File without changes