Hugging Face's logo

Spaces:
Giedo-Group20
/
all
Running

App Files Community
Giedo-Group20 commited on
Commit
291ecb6
·
verified ·
1 Parent(s): 1719308

اريد تفعيل جميع الايقونات الموجوده داخل الموقع بالكامل اريده كامل متكامل بتشغيل جميع الايقونات تعمل بشكل حقيقي وربطه بالتدريب الصفحه الرئيسيه هي Giedo Group وبداخلها كل التفاصيل عن جميع الشركات وعند الضغط على كل شركه تذهب الي الموقع الرسمي للبرنامج كل هذا و اضافه تسجيل الدخول وسجل الان وعربه تسوق وكل هذا اريده كامل متكامل حقيقي

Browse files
Files changed (8) hide show
  1. cart.html +214 -0
  2. giedo-digital-mall.html +4 -2
  3. giedo-digital-marketing.html +4 -2
  4. giedo-group.html +28 -114
  5. index.html +16 -16
  6. login.html +111 -0
  7. merchant-signup.html +237 -0
  8. register.html +159 -0
cart.html ADDED
@@ -0,0 +1,214 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Shopping Cart | Giedo Digital Mall</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <style>
10
+ .gradient-text {
11
+ background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
12
+ -webkit-background-clip: text;
13
+ background-clip: text;
14
+ color: transparent;
15
+ }
16
+ .card-hover {
17
+ transition: all 0.3s ease;
18
+ }
19
+ .card-hover:hover {
20
+ transform: translateY(-5px);
21
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
22
+ }
23
+ </style>
24
+ </head>
25
+ <body class="min-h-screen bg-gradient-to-br from-gray-900 to-gray-800 text-white">
26
+ <header class="relative z-10">
27
+ <nav class="container mx-auto px-6 py-6 flex justify-between items-center">
28
+ <a href="giedo-digital-mall.html" class="text-2xl font-bold gradient-text flex items-center">
29
+ <i data-feather="shopping-bag" class="mr-2"></i> Giedo Mall
30
+ </a>
31
+ <div class="hidden md:flex space-x-8 items-center">
32
+ <a href="giedo-digital-mall.html" class="hover:text-purple-300 transition-colors">Home</a>
33
+ <a href="categories.html" class="hover:text-purple-300 transition-colors">Categories</a>
34
+ <a href="deals.html" class="hover:text-purple-300 transition-colors">Deals</a>
35
+ <a href="account.html" class="hover:text-purple-300 transition-colors">My Account</a>
36
+ <a href="cart.html" class="relative">
37
+ <i data-feather="shopping-cart"></i>
38
+ <span class="absolute -top-2 -right-2 bg-red-500 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center">3</span>
39
+ </a>
40
+ </div>
41
+ <button class="md:hidden">
42
+ <i data-feather="menu"></i>
43
+ </button>
44
+ </nav>
45
+ </header>
46
+
47
+ <main class="relative z-10 container mx-auto px-6 py-8">
48
+ <div class="flex items-center mb-6">
49
+ <a href="giedo-digital-mall.html" class="text-purple-400 hover:text-purple-300 mr-2">
50
+ <i data-feather="arrow-left"></i>
51
+ </a>
52
+ <h1 class="text-3xl font-bold gradient-text">Your Shopping Cart</h1>
53
+ </div>
54
+
55
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
56
+ <div class="lg:col-span-2">
57
+ <div class="bg-gray-800/50 backdrop-blur-lg rounded-xl p-6">
58
+ <div class="flex justify-between items-center mb-6">
59
+ <h2 class="text-xl font-bold">3 Items in Cart</h2>
60
+ <button class="text-sm text-red-400 hover:text-red-300 flex items-center">
61
+ <i data-feather="trash-2" class="mr-1 w-4 h-4"></i> Clear Cart
62
+ </button>
63
+ </div>
64
+
65
+ <div class="space-y-6">
66
+ <!-- Cart Item 1 -->
67
+ <div class="flex flex-col md:flex-row border-b border-gray-700 pb-6">
68
+ <div class="md:w-32 md:h-32 flex-shrink-0 mb-4 md:mb-0">
69
+ <img src="http://static.photos/electronics/200x200/1" alt="Product" class="w-full h-full object-cover rounded-lg">
70
+ </div>
71
+ <div class="flex-1 md:ml-6">
72
+ <div class="flex justify-between">
73
+ <div>
74
+ <h3 class="text-lg font-medium">Smartphone X Pro</h3>
75
+ <p class="text-sm text-gray-400">Electronics</p>
76
+ </div>
77
+ <div class="text-lg font-bold">EGP 12,999</div>
78
+ </div>
79
+ <div class="mt-4 flex items-center justify-between">
80
+ <div class="flex items-center border border-gray-600 rounded-lg overflow-hidden">
81
+ <button class="px-3 py-1 bg-gray-700 hover:bg-gray-600">
82
+ <i data-feather="minus" class="w-4 h-4"></i>
83
+ </button>
84
+ <span class="px-4">1</span>
85
+ <button class="px-3 py-1 bg-gray-700 hover:bg-gray-600">
86
+ <i data-feather="plus" class="w-4 h-4"></i>
87
+ </button>
88
+ </div>
89
+ <button class="text-red-400 hover:text-red-300 flex items-center">
90
+ <i data-feather="trash" class="mr-1 w-4 h-4"></i> Remove
91
+ </button>
92
+ </div>
93
+ </div>
94
+ </div>
95
+
96
+ <!-- Cart Item 2 -->
97
+ <div class="flex flex-col md:flex-row border-b border-gray-700 pb-6">
98
+ <div class="md:w-32 md:h-32 flex-shrink-0 mb-4 md:mb-0">
99
+ <img src="http://static.photos/fashion/200x200/1" alt="Product" class="w-full h-full object-cover rounded-lg">
100
+ </div>
101
+ <div class="flex-1 md:ml-6">
102
+ <div class="flex justify-between">
103
+ <div>
104
+ <h3 class="text-lg font-medium">Premium Watch</h3>
105
+ <p class="text-sm text-gray-400">Accessories</p>
106
+ </div>
107
+ <div class="text-lg font-bold">EGP 2,499</div>
108
+ </div>
109
+ <div class="mt-4 flex items-center justify-between">
110
+ <div class="flex items-center border border-gray-600 rounded-lg overflow-hidden">
111
+ <button class="px-3 py-1 bg-gray-700 hover:bg-gray-600">
112
+ <i data-feather="minus" class="w-4 h-4"></i>
113
+ </button>
114
+ <span class="px-4">1</span>
115
+ <button class="px-3 py-1 bg-gray-700 hover:bg-gray-600">
116
+ <i data-feather="plus" class="w-4 h-4"></i>
117
+ </button>
118
+ </div>
119
+ <button class="text-red-400 hover:text-red-300 flex items-center">
120
+ <i data-feather="trash" class="mr-1 w-4 h-4"></i> Remove
121
+ </button>
122
+ </div>
123
+ </div>
124
+ </div>
125
+
126
+ <!-- Cart Item 3 -->
127
+ <div class="flex flex-col md:flex-row pb-6">
128
+ <div class="md:w-32 md:h-32 flex-shrink-0 mb-4 md:mb-0">
129
+ <img src="http://static.photos/home/200x200/1" alt="Product" class="w-full h-full object-cover rounded-lg">
130
+ </div>
131
+ <div class="flex-1 md:ml-6">
132
+ <div class="flex justify-between">
133
+ <div>
134
+ <h3 class="text-lg font-medium">Wireless Headphones</h3>
135
+ <p class="text-sm text-gray-400">Electronics</p>
136
+ </div>
137
+ <div class="text-lg font-bold">EGP 1,299</div>
138
+ </div>
139
+ <div class="mt-4 flex items-center justify-between">
140
+ <div class="flex items-center border border-gray-600 rounded-lg overflow-hidden">
141
+ <button class="px-3 py-1 bg-gray-700 hover:bg-gray-600">
142
+ <i data-feather="minus" class="w-4 h-4"></i>
143
+ </button>
144
+ <span class="px-4">2</span>
145
+ <button class="px-3 py-1 bg-gray-700 hover:bg-gray-600">
146
+ <i data-feather="plus" class="w-4 h-4"></i>
147
+ </button>
148
+ </div>
149
+ <button class="text-red-400 hover:text-red-300 flex items-center">
150
+ <i data-feather="trash" class="mr-1 w-4 h-4"></i> Remove
151
+ </button>
152
+ </div>
153
+ </div>
154
+ </div>
155
+ </div>
156
+ </div>
157
+ </div>
158
+
159
+ <div>
160
+ <div class="bg-gray-800/50 backdrop-blur-lg rounded-xl p-6 sticky top-6">
161
+ <h2 class="text-xl font-bold mb-6">Order Summary</h2>
162
+
163
+ <div class="space-y-4 mb-6">
164
+ <div class="flex justify-between">
165
+ <span class="text-gray-400">Subtotal (3 items)</span>
166
+ <span class="font-medium">EGP 16,798</span>
167
+ </div>
168
+ <div class="flex justify-between">
169
+ <span class="text-gray-400">Shipping</span>
170
+ <span class="font-medium">EGP 50</span>
171
+ </div>
172
+ <div class="flex justify-between">
173
+ <span class="text-gray-400">Tax</span>
174
+ <span class="font-medium">EGP 840</span>
175
+ </div>
176
+ <div class="border-t border-gray-700 pt-4 flex justify-between text-lg font-bold">
177
+ <span>Total</span>
178
+ <span class="gradient-text">EGP 17,688</span>
179
+ </div>
180
+ </div>
181
+
182
+ <button class="w-full py-3 px-4 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg font-medium hover:opacity-90 mb-4 flex items-center justify-center">
183
+ <i data-feather="lock" class="mr-2"></i> Proceed to Checkout
184
+ </button>
185
+
186
+ <div class="text-center">
187
+ <p class="text-sm text-gray-400">or</p>
188
+ <a href="giedo-digital-mall.html" class="text-sm text-purple-400 hover:text-purple-300 inline-block mt-2">
189
+ Continue Shopping
190
+ </a>
191
+ </div>
192
+
193
+ <div class="mt-8">
194
+ <h3 class="text-lg font-medium mb-3 flex items-center">
195
+ <i data-feather="shield" class="mr-2 text-green-400"></i> Secure Payment
196
+ </h3>
197
+ <p class="text-sm text-gray-400 mb-4">All transactions are secure and encrypted</p>
198
+ <div class="flex justify-between">
199
+ <img src="http://static.photos/payment/120x60/1" alt="Visa" class="h-8">
200
+ <img src="http://static.photos/payment/120x60/2" alt="Mastercard" class="h-8">
201
+ <img src="http://static.photos/payment/120x60/3" alt="PayPal" class="h-8">
202
+ <img src="http://static.photos/payment/120x60/4" alt="Fawry" class="h-8">
203
+ </div>
204
+ </div>
205
+ </div>
206
+ </div>
207
+ </div>
208
+ </main>
209
+
210
+ <script>
211
+ feather.replace();
212
+ </script>
213
+ </body>
214
+ </html>
giedo-digital-mall.html CHANGED
@@ -28,8 +28,10 @@
28
  <a href="index.html" class="text-2xl font-bold gradient-text">Giedo Group</a>
29
  <div class="hidden md:flex space-x-8">
30
  <a href="index.html" class="hover:text-purple-300 transition-colors">Home</a>
31
- <a href="giedo-digital-mall.html" class="text-purple-300 transition-colors">Digital Mall</a>
32
- <a href="giedo-digital-marketing.html" class="hover:text-purple-300 transition-colors">Digital Marketing</a>
 
 
33
  <a href="dashboard.html" class="hover:text-purple-300 transition-colors">Dashboard</a>
34
  </div>
35
  <button class="md:hidden">
 
28
  <a href="index.html" class="text-2xl font-bold gradient-text">Giedo Group</a>
29
  <div class="hidden md:flex space-x-8">
30
  <a href="index.html" class="hover:text-purple-300 transition-colors">Home</a>
31
+ <a href="giedo-digital-mall.html" class="text-purple-300 transition-colors flex items-center">
32
+ <i data-feather="shopping-bag" class="mr-1"></i> Digital Mall
33
+ </a>
34
+ <a href="giedo-digital-marketing.html" class="hover:text-purple-300 transition-colors">Digital Marketing</a>
35
  <a href="dashboard.html" class="hover:text-purple-300 transition-colors">Dashboard</a>
36
  </div>
37
  <button class="md:hidden">
giedo-digital-marketing.html CHANGED
@@ -29,8 +29,10 @@
29
  <div class="hidden md:flex space-x-8">
30
  <a href="index.html" class="hover:text-purple-300 transition-colors">Home</a>
31
  <a href="giedo-digital-mall.html" class="hover:text-purple-300 transition-colors">Digital Mall</a>
32
- <a href="giedo-digital-marketing.html" class="text-purple-300 transition-colors">Digital Marketing</a>
33
- <a href="dashboard.html" class="hover:text-purple-300 transition-colors">Dashboard</a>
 
 
34
  </div>
35
  <button class="md:hidden">
36
  <i data-feather="menu"></i>
 
29
  <div class="hidden md:flex space-x-8">
30
  <a href="index.html" class="hover:text-purple-300 transition-colors">Home</a>
31
  <a href="giedo-digital-mall.html" class="hover:text-purple-300 transition-colors">Digital Mall</a>
32
+ <a href="giedo-digital-marketing.html" class="text-purple-300 transition-colors flex items-center">
33
+ <i data-feather="trending-up" class="mr-1"></i> Digital Marketing
34
+ </a>
35
+ <a href="dashboard.html" class="hover:text-purple-300 transition-colors">Dashboard</a>
36
  </div>
37
  <button class="md:hidden">
38
  <i data-feather="menu"></i>
giedo-group.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>GIEDO Group - Business Ecosystem</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <script src="https://unpkg.com/feather-icons"></script>
9
  <style>
@@ -25,12 +25,12 @@
25
  <body class="min-h-screen bg-gradient-to-br from-gray-900 to-gray-800 text-white overflow-x-hidden">
26
  <header class="relative z-10">
27
  <nav class="container mx-auto px-6 py-6 flex justify-between items-center">
28
- <a href="index.html" class="text-2xl font-bold gradient-text">GIEDO Group</a>
29
  <div class="hidden md:flex space-x-8">
30
  <a href="index.html" class="hover:text-purple-300 transition-colors">Home</a>
31
- <a href="giedo-group.html" class="text-purple-300">Our Companies</a>
32
- <a href="#" class="hover:text-purple-300 transition-colors">Dashboard</a>
33
- <a href="#" class="hover:text-purple-300 transition-colors">Contact</a>
34
  </div>
35
  <button class="md:hidden">
36
  <i data-feather="menu"></i>
@@ -39,127 +39,41 @@
39
  </header>
40
 
41
  <main class="relative z-10 container mx-auto px-6 py-12">
42
- <h1 class="text-4xl font-bold mb-8 gradient-text">GIEDO Business Ecosystem</h1>
43
 
44
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
45
- <!-- Digital Mall Card -->
46
- <div class="bg-gray-800/50 backdrop-blur-lg rounded-xl p-8 card-hover">
47
- <div class="w-20 h-20 bg-purple-600/20 rounded-xl flex items-center justify-center mb-6 mx-auto">
48
- <i data-feather="shopping-bag" class="text-purple-400 text-3xl"></i>
 
49
  </div>
50
- <h3 class="text-2xl font-bold mb-4 text-center">GIEDO Digital Mall</h3>
51
- <p class="text-gray-400 mb-6">Egypt's largest electronic marketplace connecting vendors with customers nationwide.</p>
52
- <a href="digital-mall.html" class="block text-center px-6 py-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full font-semibold hover:opacity-90 transition-opacity">
53
- Explore Marketplace
54
- </a>
55
  </div>
56
 
57
- <!-- Digital Marketing Card -->
58
- <div class="bg-gray-800/50 backdrop-blur-lg rounded-xl p-8 card-hover">
59
- <div class="w-20 h-20 bg-blue-600/20 rounded-xl flex items-center justify-center mb-6 mx-auto">
60
- <i data-feather="trending-up" class="text-blue-400 text-3xl"></i>
 
61
  </div>
62
- <h3 class="text-2xl font-bold mb-4 text-center">GIEDO Digital Marketing</h3>
63
- <p class="text-gray-400 mb-6">Comprehensive digital marketing solutions including social media, classifieds and high-quality advertising.</p>
64
- <a href="digital-marketing.html" class="block text-center px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-500 rounded-full font-semibold hover:opacity-90 transition-opacity">
65
- Marketing Services
66
- </a>
67
  </div>
68
 
69
- <!-- Dashboard Card -->
70
- <div class="bg-gray-800/50 backdrop-blur-lg rounded-xl p-8 card-hover">
71
- <div class="w-20 h-20 bg-pink-600/20 rounded-xl flex items-center justify-center mb-6 mx-auto">
72
- <i data-feather="dashboard" class="text-pink-400 text-3xl"></i>
73
- </div>
74
- <h3 class="text-2xl font-bold mb-4 text-center">Management Dashboard</h3>
75
- <p class="text-gray-400 mb-6">Centralized control panel for managing all GIEDO Group companies and services.</p>
76
- <a href="dashboard.html" class="block text-center px-6 py-3 bg-gradient-to-r from-pink-600 to-purple-500 rounded-full font-semibold hover:opacity-90 transition-opacity">
77
- Access Dashboard
78
- </a>
79
- </div>
80
- </div>
81
-
82
- <div class="bg-gray-800/50 backdrop-blur-lg rounded-xl p-8">
83
- <h2 class="text-3xl font-bold mb-6 gradient-text">About GIEDO Group</h2>
84
- <p class="text-gray-300 mb-6">
85
- GIEDO Group is a leading business conglomerate in Egypt managing three major companies specializing in e-commerce,
86
- digital marketing, and electronic services. Our mission is to revolutionize digital business in the region through
87
- innovative solutions and cutting-edge technology.
88
- </p>
89
- <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
90
- <div>
91
- <h3 class="text-xl font-bold mb-4">Our Vision</h3>
92
- <p class="text-gray-400">
93
- To become the premier digital business ecosystem in North Africa, providing integrated solutions that empower
94
- businesses and entrepreneurs in the digital economy.
95
- </p>
96
- </div>
97
- <div>
98
- <h3 class="text-xl font-bold mb-4">Our Services</h3>
99
- <ul class="space-y-2 text-gray-400">
100
- <li class="flex items-start">
101
- <i data-feather="check" class="text-green-400 mr-2 mt-1"></i>
102
- <span>E-commerce marketplace with vendor dashboards</span>
103
- </li>
104
- <li class="flex items-start">
105
- <i data-feather="check" class="text-green-400 mr-2 mt-1"></i>
106
- <span>Comprehensive digital marketing services</span>
107
- </li>
108
- <li class="flex items-start">
109
- <i data-feather="check" class="text-green-400 mr-2 mt-1"></i>
110
- <span>Centralized business management dashboard</span>
111
- </li>
112
- </ul>
113
  </div>
 
 
114
  </div>
115
  </div>
116
  </main>
117
 
118
- <footer class="relative z-10 bg-gray-900/50 border-t border-gray-800 mt-20">
119
- <div class="container mx-auto px-6 py-12">
120
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
121
- <div>
122
- <h4 class="text-lg font-semibold mb-4 gradient-text">GIEDO Group</h4>
123
- <p class="text-gray-400">Building Egypt's digital future through innovative business solutions.</p>
124
- </div>
125
- <div>
126
- <h4 class="text-lg font-semibold mb-4">Quick Links</h4>
127
- <ul class="space-y-2 text-gray-400">
128
- <li><a href="digital-mall.html" class="hover:text-purple-300 transition-colors">Digital Mall</a></li>
129
- <li><a href="digital-marketing.html" class="hover:text-purple-300 transition-colors">Digital Marketing</a></li>
130
- <li><a href="dashboard.html" class="hover:text-purple-300 transition-colors">Management Dashboard</a></li>
131
- </ul>
132
- </div>
133
- <div>
134
- <h4 class="text-lg font-semibold mb-4">Contact Us</h4>
135
- <ul class="space-y-2 text-gray-400">
136
- <li class="flex items-start">
137
- <i data-feather="mail" class="mr-2"></i>
138
- <span>info@giedo-group.com</span>
139
- </li>
140
- <li class="flex items-start">
141
- <i data-feather="phone" class="mr-2"></i>
142
- <span>+20 100 000 0000</span>
143
- </li>
144
- <li class="flex items-start">
145
- <i data-feather="map-pin" class="mr-2"></i>
146
- <span>Cairo, Egypt</span>
147
- </li>
148
- </ul>
149
- </div>
150
- </div>
151
- <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
152
- <p class="text-gray-500">© 2023 GIEDO Group. All rights reserved.</p>
153
- <div class="flex space-x-6 mt-4 md:mt-0">
154
- <a href="#"><i data-feather="facebook"></i></a>
155
- <a href="#"><i data-feather="twitter"></i></a>
156
- <a href="#"><i data-feather="instagram"></i></a>
157
- <a href="#"><i data-feather="linkedin"></i></a>
158
- </div>
159
- </div>
160
- </div>
161
- </footer>
162
-
163
  <script>
164
  feather.replace();
165
  </script>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Giedo Group</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <script src="https://unpkg.com/feather-icons"></script>
9
  <style>
 
25
  <body class="min-h-screen bg-gradient-to-br from-gray-900 to-gray-800 text-white overflow-x-hidden">
26
  <header class="relative z-10">
27
  <nav class="container mx-auto px-6 py-6 flex justify-between items-center">
28
+ <a href="index.html" class="text-2xl font-bold gradient-text">Giedo Group</a>
29
  <div class="hidden md:flex space-x-8">
30
  <a href="index.html" class="hover:text-purple-300 transition-colors">Home</a>
31
+ <a href="giedo-digital-mall.html" class="hover:text-purple-300 transition-colors">Digital Mall</a>
32
+ <a href="giedo-digital-marketing.html" class="hover:text-purple-300 transition-colors">Digital Marketing</a>
33
+ <a href="dashboard.html" class="hover:text-purple-300 transition-colors">Dashboard</a>
34
  </div>
35
  <button class="md:hidden">
36
  <i data-feather="menu"></i>
 
39
  </header>
40
 
41
  <main class="relative z-10 container mx-auto px-6 py-12">
42
+ <h1 class="text-4xl font-bold mb-8 gradient-text">Giedo Group</h1>
43
 
44
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
45
+ <!-- Giedo Digital Mall -->
46
+ <div class="bg-gray-800/50 backdrop-blur-lg rounded-xl p-6 card-hover">
47
+ <div class="flex items-center justify-between mb-4">
48
+ <h3 class="text-xl font-bold">GIEDO Digital Mall</h3>
49
+ <span class="text-xs bg-purple-600/20 text-purple-300 px-2 py-1 rounded">Featured</span>
50
  </div>
51
+ <p class="text-gray-300 mb-4">Egypt's largest digital mall connecting sellers with customers nationwide.</p>
52
+ <a href="giedo-digital-mall.html" class="text-sm text-purple-300 hover:text-purple-200 transition-colors">Explore →</a>
 
 
 
53
  </div>
54
 
55
+ <!-- Giedo Digital Marketing -->
56
+ <div class="bg-gray-800/50 backdrop-blur-lg rounded-xl p-6 card-hover">
57
+ <div class="flex items-center justify-between mb-4">
58
+ <h3 class="text-xl font-bold">Giedo Digital Marketing</h3>
59
+ <span class="text-xs bg-blue-600/20 text-blue-300 px-2 py-1 rounded">Premium</span>
60
  </div>
61
+ <p class="text-gray-300 mb-4">Full-service digital marketing, advertising and social media solutions.</p>
62
+ <a href="giedo-digital-marketing.html" class="text-sm text-blue-300 hover:text-blue-200 transition-colors">Learn More →</a>
 
 
 
63
  </div>
64
 
65
+ <!-- Dashboard -->
66
+ <div class="bg-gray-800/50 backdrop-blur-lg rounded-xl p-6 card-hover">
67
+ <div class="flex items-center justify-between mb-4">
68
+ <h3 class="text-xl font-bold">Management Dashboard</h3>
69
+ <i data-feather="lock" class="text-green-400"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
70
  </div>
71
+ <p class="text-gray-300 mb-4">Centralized management portal for all Giedo Group operations.</p>
72
+ <a href="dashboard.html" class="text-sm text-green-300 hover:text-green-200 transition-colors">Access Dashboard →</a>
73
  </div>
74
  </div>
75
  </main>
76
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
77
  <script>
78
  feather.replace();
79
  </script>
index.html CHANGED
@@ -3,8 +3,8 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>GIEDO Group - Business Ecosystem</title>
7
- <script src="https://cdn.tailwindcss.com"></script>
8
  <script src="https://unpkg.com/feather-icons"></script>
9
  <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
10
  <style>
@@ -36,13 +36,13 @@
36
 
37
  <header class="relative z-10">
38
  <nav class="container mx-auto px-6 py-6 flex justify-between items-center">
39
- <a href="#" class="text-2xl font-bold gradient-text">GIEDO Group</a>
40
- <div class="hidden md:flex space-x-8">
41
  <a href="#" class="hover:text-purple-300 transition-colors">Home</a>
42
- <a href="giedo-group.html" class="hover:text-purple-300 transition-colors">GIEDO Group</a>
43
- <a href="digital-mall.html" class="hover:text-purple-300 transition-colors">Digital Mall</a>
44
- <a href="#" class="hover:text-purple-300 transition-colors">Dashboard</a>
45
- </div>
46
  <button class="md:hidden">
47
  <i data-feather="menu"></i>
48
  </button>
@@ -55,10 +55,10 @@
55
  <h1 class="text-4xl md:text-6xl font-bold mb-6 gradient-text">Build Stellar Interfaces</h1>
56
  <p class="text-xl md:text-2xl text-gray-300 mb-10">A cosmic collection of UI components and interactions that will make your users orbit around your product</p>
57
  <div class="flex flex-col sm:flex-row justify-center gap-4">
58
- <a href="giedo-group.html" class="px-8 py-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full font-semibold hover:opacity-90 transition-opacity text-center">
59
- Explore Companies
60
  </a>
61
- <button class="px-8 py-3 border border-gray-600 rounded-full font-semibold hover:bg-gray-800 transition-colors">
62
  Explore Cosmos
63
  </button>
64
  </div>
@@ -127,9 +127,9 @@
127
  <div class="container mx-auto px-6 py-12">
128
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
129
  <div>
130
- <h4 class="text-lg font-semibold mb-4 gradient-text">GIEDO Group</h4>
131
- <p class="text-gray-400">Building Egypt's digital future through innovative business solutions.</p>
132
- </div>
133
  <div>
134
  <h4 class="text-lg font-semibold mb-4">Resources</h4>
135
  <ul class="space-y-2 text-gray-400">
@@ -157,8 +157,8 @@
157
  </div>
158
  </div>
159
  <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
160
- <p class="text-gray-500">© 2023 GIEDO Group. All rights reserved.</p>
161
- <div class="flex space-x-6 mt-4 md:mt-0">
162
  <a href="#"><i data-feather="github"></i></a>
163
  <a href="#"><i data-feather="twitter"></i></a>
164
  <a href="#"><i data-feather="instagram"></i></a>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Cosmic UI Showcase</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
  <script src="https://unpkg.com/feather-icons"></script>
9
  <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
10
  <style>
 
36
 
37
  <header class="relative z-10">
38
  <nav class="container mx-auto px-6 py-6 flex justify-between items-center">
39
+ <a href="#" class="text-2xl font-bold gradient-text">CosmicUI</a>
40
+ <div class="hidden md:flex space-x-8">
41
  <a href="#" class="hover:text-purple-300 transition-colors">Home</a>
42
+ <a href="components.html" class="hover:text-purple-300 transition-colors">Components</a>
43
+ <a href="#" class="hover:text-purple-300 transition-colors">Pricing</a>
44
+ <a href="#" class="hover:text-purple-300 transition-colors">Docs</a>
45
+ </div>
46
  <button class="md:hidden">
47
  <i data-feather="menu"></i>
48
  </button>
 
55
  <h1 class="text-4xl md:text-6xl font-bold mb-6 gradient-text">Build Stellar Interfaces</h1>
56
  <p class="text-xl md:text-2xl text-gray-300 mb-10">A cosmic collection of UI components and interactions that will make your users orbit around your product</p>
57
  <div class="flex flex-col sm:flex-row justify-center gap-4">
58
+ <a href="components.html" class="px-8 py-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full font-semibold hover:opacity-90 transition-opacity text-center">
59
+ View Components
60
  </a>
61
+ <button class="px-8 py-3 border border-gray-600 rounded-full font-semibold hover:bg-gray-800 transition-colors">
62
  Explore Cosmos
63
  </button>
64
  </div>
 
127
  <div class="container mx-auto px-6 py-12">
128
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
129
  <div>
130
+ <h4 class="text-lg font-semibold mb-4 gradient-text">CosmicUI</h4>
131
+ <p class="text-gray-400">Making the web a more beautiful place, one component at a time.</p>
132
+ </div>
133
  <div>
134
  <h4 class="text-lg font-semibold mb-4">Resources</h4>
135
  <ul class="space-y-2 text-gray-400">
 
157
  </div>
158
  </div>
159
  <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
160
+ <p class="text-gray-500">© 2023 CosmicUI. All rights reserved.</p>
161
+ <div class="flex space-x-6 mt-4 md:mt-0">
162
  <a href="#"><i data-feather="github"></i></a>
163
  <a href="#"><i data-feather="twitter"></i></a>
164
  <a href="#"><i data-feather="instagram"></i></a>
login.html ADDED
@@ -0,0 +1,111 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Login | Giedo Group</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <style>
10
+ .gradient-text {
11
+ background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
12
+ -webkit-background-clip: text;
13
+ background-clip: text;
14
+ color: transparent;
15
+ }
16
+ .card-hover {
17
+ transition: all 0.3s ease;
18
+ }
19
+ .card-hover:hover {
20
+ transform: translateY(-5px);
21
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
22
+ }
23
+ </style>
24
+ </head>
25
+ <body class="min-h-screen bg-gradient-to-br from-gray-900 to-gray-800 text-white">
26
+ <div class="container mx-auto px-6 py-12 flex flex-col items-center justify-center">
27
+ <div class="w-full max-w-md bg-gray-800/50 backdrop-blur-lg rounded-xl p-8 card-hover">
28
+ <div class="text-center mb-8">
29
+ <a href="index.html" class="text-2xl font-bold gradient-text flex items-center justify-center">
30
+ <i data-feather="globe" class="mr-2"></i> Giedo Group
31
+ </a>
32
+ <h2 class="text-2xl font-bold mt-4">Welcome Back</h2>
33
+ <p class="text-gray-400">Please enter your credentials to login</p>
34
+ </div>
35
+
36
+ <form class="space-y-6">
37
+ <div>
38
+ <label for="email" class="block text-sm font-medium text-gray-300 mb-1 flex items-center">
39
+ <i data-feather="mail" class="mr-2 w-4 h-4"></i> Email Address
40
+ </label>
41
+ <input type="email" id="email" name="email" required
42
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
43
+ placeholder="your@email.com">
44
+ </div>
45
+
46
+ <div>
47
+ <label for="password" class="block text-sm font-medium text-gray-300 mb-1 flex items-center">
48
+ <i data-feather="lock" class="mr-2 w-4 h-4"></i> Password
49
+ </label>
50
+ <input type="password" id="password" name="password" required
51
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
52
+ placeholder="••••••••">
53
+ </div>
54
+
55
+ <div class="flex items-center justify-between">
56
+ <div class="flex items-center">
57
+ <input id="remember-me" name="remember-me" type="checkbox"
58
+ class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-700">
59
+ <label for="remember-me" class="ml-2 block text-sm text-gray-300">
60
+ Remember me
61
+ </label>
62
+ </div>
63
+ <a href="forgot-password.html" class="text-sm text-purple-400 hover:text-purple-300">
64
+ Forgot password?
65
+ </a>
66
+ </div>
67
+
68
+ <button type="submit"
69
+ class="w-full flex justify-center items-center py-3 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500">
70
+ <i data-feather="log-in" class="mr-2 w-4 h-4"></i> Sign In
71
+ </button>
72
+ </form>
73
+
74
+ <div class="mt-6">
75
+ <div class="relative">
76
+ <div class="absolute inset-0 flex items-center">
77
+ <div class="w-full border-t border-gray-600"></div>
78
+ </div>
79
+ <div class="relative flex justify-center text-sm">
80
+ <span class="px-2 bg-gray-800 text-gray-400">
81
+ Or continue with
82
+ </span>
83
+ </div>
84
+ </div>
85
+
86
+ <div class="mt-6 grid grid-cols-2 gap-3">
87
+ <a href="#" class="w-full inline-flex justify-center items-center py-2 px-4 border border-gray-600 rounded-lg shadow-sm bg-gray-700 text-sm font-medium text-gray-300 hover:bg-gray-600">
88
+ <i data-feather="facebook" class="mr-2 w-4 h-4 text-blue-400"></i> Facebook
89
+ </a>
90
+ <a href="#" class="w-full inline-flex justify-center items-center py-2 px-4 border border-gray-600 rounded-lg shadow-sm bg-gray-700 text-sm font-medium text-gray-300 hover:bg-gray-600">
91
+ <i data-feather="google" class="mr-2 w-4 h-4 text-red-400"></i> Google
92
+ </a>
93
+ </div>
94
+ </div>
95
+
96
+ <div class="mt-6 text-center">
97
+ <p class="text-sm text-gray-400">
98
+ Don't have an account?
99
+ <a href="register.html" class="font-medium text-purple-400 hover:text-purple-300">
100
+ Register now
101
+ </a>
102
+ </p>
103
+ </div>
104
+ </div>
105
+ </div>
106
+
107
+ <script>
108
+ feather.replace();
109
+ </script>
110
+ </body>
111
+ </html>
merchant-signup.html ADDED
@@ -0,0 +1,237 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Merchant Signup | Giedo Group</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <style>
10
+ .gradient-text {
11
+ background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
12
+ -webkit-background-clip: text;
13
+ background-clip: text;
14
+ color: transparent;
15
+ }
16
+ .card-hover {
17
+ transition: all 0.3s ease;
18
+ }
19
+ .card-hover:hover {
20
+ transform: translateY(-5px);
21
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
22
+ }
23
+ </style>
24
+ </head>
25
+ <body class="min-h-screen bg-gradient-to-br from-gray-900 to-gray-800 text-white">
26
+ <div class="container mx-auto px-6 py-12 flex flex-col items-center justify-center">
27
+ <div class="w-full max-w-2xl bg-gray-800/50 backdrop-blur-lg rounded-xl p-8 card-hover">
28
+ <div class="text-center mb-8">
29
+ <a href="index.html" class="text-2xl font-bold gradient-text flex items-center justify-center">
30
+ <i data-feather="shopping-bag" class="mr-2"></i> Giedo Digital Mall
31
+ </a>
32
+ <h2 class="text-2xl font-bold mt-4">Become a Merchant</h2>
33
+ <p class="text-gray-400">Join Egypt's largest digital marketplace</p>
34
+ </div>
35
+
36
+ <div class="mb-8">
37
+ <div class="flex mb-4">
38
+ <div class="flex-1 border-t-2 border-purple-500 pt-2">
39
+ <div class="flex items-center justify-center">
40
+ <div class="w-8 h-8 rounded-full bg-purple-500 flex items-center justify-center">
41
+ <i data-feather="user" class="w-4 h-4 text-white"></i>
42
+ </div>
43
+ <div class="text-sm font-medium text-gray-300 ml-2">Account Info</div>
44
+ </div>
45
+ </div>
46
+ <div class="flex-1 border-t-2 border-gray-600 pt-2">
47
+ <div class="flex items-center justify-center">
48
+ <div class="w-8 h-8 rounded-full bg-gray-600 flex items-center justify-center">
49
+ <i data-feather="briefcase" class="w-4 h-4 text-gray-300"></i>
50
+ </div>
51
+ <div class="text-sm text-gray-500 ml-2">Business Info</div>
52
+ </div>
53
+ </div>
54
+ <div class="flex-1 border-t-2 border-gray-600 pt-2">
55
+ <div class="flex items-center justify-center">
56
+ <div class="w-8 h-8 rounded-full bg-gray-600 flex items-center justify-center">
57
+ <i data-feather="check" class="w-4 h-4 text-gray-300"></i>
58
+ </div>
59
+ <div class="text-sm text-gray-500 ml-2">Confirmation</div>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ </div>
64
+
65
+ <form class="space-y-6">
66
+ <h3 class="text-lg font-medium text-gray-300 flex items-center">
67
+ <i data-feather="user" class="mr-2 w-5 h-5 text-purple-400"></i> Account Information
68
+ </h3>
69
+
70
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
71
+ <div>
72
+ <label for="first-name" class="block text-sm font-medium text-gray-300 mb-1">First Name</label>
73
+ <input type="text" id="first-name" name="first-name" required
74
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
75
+ placeholder="First Name">
76
+ </div>
77
+ <div>
78
+ <label for="last-name" class="block text-sm font-medium text-gray-300 mb-1">Last Name</label>
79
+ <input type="text" id="last-name" name="last-name" required
80
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
81
+ placeholder="Last Name">
82
+ </div>
83
+ </div>
84
+
85
+ <div>
86
+ <label for="email" class="block text-sm font-medium text-gray-300 mb-1">Email Address</label>
87
+ <input type="email" id="email" name="email" required
88
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
89
+ placeholder="your@email.com">
90
+ </div>
91
+
92
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
93
+ <div>
94
+ <label for="password" class="block text-sm font-medium text-gray-300 mb-1">Password</label>
95
+ <input type="password" id="password" name="password" required
96
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
97
+ placeholder="••••••••">
98
+ </div>
99
+ <div>
100
+ <label for="confirm-password" class="block text-sm font-medium text-gray-300 mb-1">Confirm Password</label>
101
+ <input type="password" id="confirm-password" name="confirm-password" required
102
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
103
+ placeholder="••••••••">
104
+ </div>
105
+ </div>
106
+
107
+ <div>
108
+ <label for="phone" class="block text-sm font-medium text-gray-300 mb-1">Phone Number</label>
109
+ <input type="tel" id="phone" name="phone" required
110
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
111
+ placeholder="+20 100 000 0000">
112
+ </div>
113
+
114
+ <div class="pt-4 border-t border-gray-700">
115
+ <h3 class="text-lg font-medium text-gray-300 flex items-center">
116
+ <i data-feather="briefcase" class="mr-2 w-5 h-5 text-purple-400"></i> Business Information
117
+ </h3>
118
+ <p class="text-sm text-gray-400 mb-4">Tell us about your business</p>
119
+
120
+ <div>
121
+ <label for="business-name" class="block text-sm font-medium text-gray-300 mb-1">Business Name</label>
122
+ <input type="text" id="business-name" name="business-name" required
123
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
124
+ placeholder="Your Business Name">
125
+ </div>
126
+
127
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
128
+ <div>
129
+ <label for="business-type" class="block text-sm font-medium text-gray-300 mb-1">Business Type</label>
130
+ <select id="business-type" name="business-type" required
131
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent">
132
+ <option value="" disabled selected>Select Business Type</option>
133
+ <option value="retail">Retail Store</option>
134
+ <option value="wholesale">Wholesale</option>
135
+ <option value="manufacturer">Manufacturer</option>
136
+ <option value="service">Service Provider</option>
137
+ <option value="other">Other</option>
138
+ </select>
139
+ </div>
140
+ <div>
141
+ <label for="business-category" class="block text-sm font-medium text-gray-300 mb-1">Business Category</label>
142
+ <select id="business-category" name="business-category" required
143
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent">
144
+ <option value="" disabled selected>Select Category</option>
145
+ <option value="electronics">Electronics</option>
146
+ <option value="fashion">Fashion</option>
147
+ <option value="home">Home & Garden</option>
148
+ <option value="beauty">Beauty & Personal Care</option>
149
+ <option value="sports">Sports & Outdoors</option>
150
+ <option value="toys">Toys & Kids</option>
151
+ <option value="food">Food & Beverages</option>
152
+ <option value="services">Services</option>
153
+ </select>
154
+ </div>
155
+ </div>
156
+
157
+ <div>
158
+ <label for="business-description" class="block text-sm font-medium text-gray-300 mb-1">Business Description</label>
159
+ <textarea id="business-description" name="business-description" rows="3"
160
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
161
+ placeholder="Brief description of your business and products"></textarea>
162
+ </div>
163
+
164
+ <div>
165
+ <label for="business-location" class="block text-sm font-medium text-gray-300 mb-1">Business Location</label>
166
+ <input type="text" id="business-location" name="business-location" required
167
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
168
+ placeholder="City, Governorate">
169
+ </div>
170
+
171
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
172
+ <div>
173
+ <label for="tax-id" class="block text-sm font-medium text-gray-300 mb-1">Tax ID</label>
174
+ <input type="text" id="tax-id" name="tax-id"
175
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
176
+ placeholder="Optional">
177
+ </div>
178
+ <div>
179
+ <label for="commercial-reg" class="block text-sm font-medium text-gray-300 mb-1">Commercial Registration</label>
180
+ <input type="text" id="commercial-reg" name="commercial-reg"
181
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
182
+ placeholder="Optional">
183
+ </div>
184
+ </div>
185
+
186
+ <div>
187
+ <label class="block text-sm font-medium text-gray-300 mb-2">Upload Business Documents</label>
188
+ <div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-600 border-dashed rounded-lg">
189
+ <div class="space-y-1 text-center">
190
+ <div class="flex text-sm text-gray-400">
191
+ <label for="file-upload" class="relative cursor-pointer bg-gray-700 rounded-md font-medium text-purple-400 hover:text-purple-300 focus-within:outline-none">
192
+ <span>Upload files</span>
193
+ <input id="file-upload" name="file-upload" type="file" class="sr-only" multiple>
194
+ </label>
195
+ <p class="pl-1">or drag and drop</p>
196
+ </div>
197
+ <p class="text-xs text-gray-500">
198
+ PDF, JPG, PNG up to 10MB
199
+ </p>
200
+ </div>
201
+ </div>
202
+ </div>
203
+ </div>
204
+
205
+ <div class="pt-4 border-t border-gray-700">
206
+ <div class="flex items-start">
207
+ <div class="flex items-center h-5">
208
+ <input id="terms" name="terms" type="checkbox" required
209
+ class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-700">
210
+ </div>
211
+ <div class="ml-3 text-sm">
212
+ <label for="terms" class="font-medium text-gray-300">
213
+ I agree to the <a href="terms.html" class="text-purple-400 hover:text-purple-300">Merchant Terms</a> and <a href="privacy.html" class="text-purple-400 hover:text-purple-300">Privacy Policy</a>
214
+ </label>
215
+ </div>
216
+ </div>
217
+ </div>
218
+
219
+ <div class="flex justify-between pt-4">
220
+ <button type="button"
221
+ class="px-6 py-2 border border-gray-600 rounded-lg font-medium text-gray-300 hover:bg-gray-700">
222
+ Cancel
223
+ </button>
224
+ <button type="submit"
225
+ class="px-6 py-2 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg font-medium text-white hover:opacity-90">
226
+ Continue <i data-feather="arrow-right" class="ml-1 w-4 h-4 inline"></i>
227
+ </button>
228
+ </div>
229
+ </form>
230
+ </div>
231
+ </div>
232
+
233
+ <script>
234
+ feather.replace();
235
+ </script>
236
+ </body>
237
+ </html>
register.html ADDED
@@ -0,0 +1,159 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Register | Giedo Group</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <style>
10
+ .gradient-text {
11
+ background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
12
+ -webkit-background-clip: text;
13
+ background-clip: text;
14
+ color: transparent;
15
+ }
16
+ .card-hover {
17
+ transition: all 0.3s ease;
18
+ }
19
+ .card-hover:hover {
20
+ transform: translateY(-5px);
21
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
22
+ }
23
+ </style>
24
+ </head>
25
+ <body class="min-h-screen bg-gradient-to-br from-gray-900 to-gray-800 text-white">
26
+ <div class="container mx-auto px-6 py-12 flex flex-col items-center justify-center">
27
+ <div class="w-full max-w-md bg-gray-800/50 backdrop-blur-lg rounded-xl p-8 card-hover">
28
+ <div class="text-center mb-8">
29
+ <a href="index.html" class="text-2xl font-bold gradient-text flex items-center justify-center">
30
+ <i data-feather="globe" class="mr-2"></i> Giedo Group
31
+ </a>
32
+ <h2 class="text-2xl font-bold mt-4">Create Your Account</h2>
33
+ <p class="text-gray-400">Join our digital ecosystem today</p>
34
+ </div>
35
+
36
+ <form class="space-y-4">
37
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
38
+ <div>
39
+ <label for="first-name" class="block text-sm font-medium text-gray-300 mb-1 flex items-center">
40
+ <i data-feather="user" class="mr-2 w-4 h-4"></i> First Name
41
+ </label>
42
+ <input type="text" id="first-name" name="first-name" required
43
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
44
+ placeholder="John">
45
+ </div>
46
+ <div>
47
+ <label for="last-name" class="block text-sm font-medium text-gray-300 mb-1 flex items-center">
48
+ <i data-feather="user" class="mr-2 w-4 h-4"></i> Last Name
49
+ </label>
50
+ <input type="text" id="last-name" name="last-name" required
51
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
52
+ placeholder="Doe">
53
+ </div>
54
+ </div>
55
+
56
+ <div>
57
+ <label for="email" class="block text-sm font-medium text-gray-300 mb-1 flex items-center">
58
+ <i data-feather="mail" class="mr-2 w-4 h-4"></i> Email Address
59
+ </label>
60
+ <input type="email" id="email" name="email" required
61
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
62
+ placeholder="your@email.com">
63
+ </div>
64
+
65
+ <div>
66
+ <label for="phone" class="block text-sm font-medium text-gray-300 mb-1 flex items-center">
67
+ <i data-feather="phone" class="mr-2 w-4 h-4"></i> Phone Number
68
+ </label>
69
+ <input type="tel" id="phone" name="phone" required
70
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
71
+ placeholder="+20 100 000 0000">
72
+ </div>
73
+
74
+ <div>
75
+ <label for="password" class="block text-sm font-medium text-gray-300 mb-1 flex items-center">
76
+ <i data-feather="lock" class="mr-2 w-4 h-4"></i> Password
77
+ </label>
78
+ <input type="password" id="password" name="password" required
79
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
80
+ placeholder="••••••••">
81
+ </div>
82
+
83
+ <div>
84
+ <label for="confirm-password" class="block text-sm font-medium text-gray-300 mb-1 flex items-center">
85
+ <i data-feather="check" class="mr-2 w-4 h-4"></i> Confirm Password
86
+ </label>
87
+ <input type="password" id="confirm-password" name="confirm-password" required
88
+ class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
89
+ placeholder="••••••••">
90
+ </div>
91
+
92
+ <div class="flex items-start">
93
+ <div class="flex items-center h-5">
94
+ <input id="terms" name="terms" type="checkbox" required
95
+ class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-700">
96
+ </div>
97
+ <div class="ml-3 text-sm">
98
+ <label for="terms" class="font-medium text-gray-300">
99
+ I agree to the <a href="terms.html" class="text-purple-400 hover:text-purple-300">Terms</a> and <a href="privacy.html" class="text-purple-400 hover:text-purple-300">Privacy Policy</a>
100
+ </label>
101
+ </div>
102
+ </div>
103
+
104
+ <div class="flex items-start">
105
+ <div class="flex items-center h-5">
106
+ <input id="marketing" name="marketing" type="checkbox"
107
+ class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-700">
108
+ </div>
109
+ <div class="ml-3 text-sm">
110
+ <label for="marketing" class="font-medium text-gray-300">
111
+ I want to receive marketing promotions and updates
112
+ </label>
113
+ </div>
114
+ </div>
115
+
116
+ <button type="submit"
117
+ class="w-full flex justify-center items-center py-3 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500">
118
+ <i data-feather="user-plus" class="mr-2 w-4 h-4"></i> Create Account
119
+ </button>
120
+ </form>
121
+
122
+ <div class="mt-6">
123
+ <div class="relative">
124
+ <div class="absolute inset-0 flex items-center">
125
+ <div class="w-full border-t border-gray-600"></div>
126
+ </div>
127
+ <div class="relative flex justify-center text-sm">
128
+ <span class="px-2 bg-gray-800 text-gray-400">
129
+ Or sign up with
130
+ </span>
131
+ </div>
132
+ </div>
133
+
134
+ <div class="mt-6 grid grid-cols-2 gap-3">
135
+ <a href="#" class="w-full inline-flex justify-center items-center py-2 px-4 border border-gray-600 rounded-lg shadow-sm bg-gray-700 text-sm font-medium text-gray-300 hover:bg-gray-600">
136
+ <i data-feather="facebook" class="mr-2 w-4 h-4 text-blue-400"></i> Facebook
137
+ </a>
138
+ <a href="#" class="w-full inline-flex justify-center items-center py-2 px-4 border border-gray-600 rounded-lg shadow-sm bg-gray-700 text-sm font-medium text-gray-300 hover:bg-gray-600">
139
+ <i data-feather="google" class="mr-2 w-4 h-4 text-red-400"></i> Google
140
+ </a>
141
+ </div>
142
+ </div>
143
+
144
+ <div class="mt-6 text-center">
145
+ <p class="text-sm text-gray-400">
146
+ Already have an account?
147
+ <a href="login.html" class="font-medium text-purple-400 hover:text-purple-300">
148
+ Sign in
149
+ </a>
150
+ </p>
151
+ </div>
152
+ </div>
153
+ </div>
154
+
155
+ <script>
156
+ feather.replace();
157
+ </script>
158
+ </body>
159
+ </html>