Hugging Face's logo

Spaces:
emad600
/
ash
Running

App Files Community
emad600 commited on
Commit
a14dcc0
·
verified ·
1 Parent(s): 6192ae1

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +680 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ash
3
- emoji: 😻
4
- colorFrom: green
5
- colorTo: red
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: ash
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: blue
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,680 @@
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>ASHRE CRM | Real Estate Management Platform</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
11
+
12
+ :root {
13
+ --primary: #2d3748;
14
+ --secondary: #4a5568;
15
+ --accent: #4299e1;
16
+ --light: #f7fafc;
17
+ --dark: #1a202c;
18
+ }
19
+
20
+ body {
21
+ font-family: 'Poppins', sans-serif;
22
+ background-color: var(--light);
23
+ }
24
+
25
+ .gradient-bg {
26
+ background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
27
+ }
28
+
29
+ .card-hover {
30
+ transition: all 0.3s ease;
31
+ }
32
+
33
+ .card-hover:hover {
34
+ transform: translateY(-5px);
35
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
36
+ }
37
+
38
+ .feature-icon {
39
+ width: 60px;
40
+ height: 60px;
41
+ display: flex;
42
+ align-items: center;
43
+ justify-content: center;
44
+ border-radius: 12px;
45
+ margin-bottom: 1rem;
46
+ }
47
+
48
+ .dashboard-card {
49
+ border-left: 4px solid var(--accent);
50
+ }
51
+
52
+ .nav-link {
53
+ position: relative;
54
+ }
55
+
56
+ .nav-link::after {
57
+ content: '';
58
+ position: absolute;
59
+ width: 0;
60
+ height: 2px;
61
+ bottom: 0;
62
+ left: 0;
63
+ background-color: var(--accent);
64
+ transition: width 0.3s ease;
65
+ }
66
+
67
+ .nav-link:hover::after {
68
+ width: 100%;
69
+ }
70
+
71
+ .stat-card {
72
+ transition: all 0.3s ease;
73
+ }
74
+
75
+ .stat-card:hover {
76
+ transform: scale(1.03);
77
+ }
78
+
79
+ .timeline {
80
+ position: relative;
81
+ padding-left: 50px;
82
+ }
83
+
84
+ .timeline::before {
85
+ content: '';
86
+ position: absolute;
87
+ left: 20px;
88
+ top: 0;
89
+ bottom: 0;
90
+ width: 2px;
91
+ background-color: #e2e8f0;
92
+ }
93
+
94
+ .timeline-item {
95
+ position: relative;
96
+ margin-bottom: 30px;
97
+ }
98
+
99
+ .timeline-item::before {
100
+ content: '';
101
+ position: absolute;
102
+ left: -50px;
103
+ top: 5px;
104
+ width: 20px;
105
+ height: 20px;
106
+ border-radius: 50%;
107
+ background-color: var(--accent);
108
+ border: 4px solid #ebf8ff;
109
+ }
110
+ </style>
111
+ </head>
112
+ <body>
113
+ <!-- Header/Navigation -->
114
+ <header class="gradient-bg text-white shadow-lg">
115
+ <div class="container mx-auto px-4 py-4">
116
+ <div class="flex justify-between items-center">
117
+ <div class="flex items-center space-x-2">
118
+ <i class="fas fa-building text-2xl text-blue-300"></i>
119
+ <h1 class="text-2xl font-bold">ASHRE <span class="text-blue-300">CRM</span></h1>
120
+ </div>
121
+ <nav class="hidden md:flex space-x-8">
122
+ <a href="#features" class="nav-link text-white hover:text-blue-300">Features</a>
123
+ <a href="#pricing" class="nav-link text-white hover:text-blue-300">Pricing</a>
124
+ <a href="#advantages" class="nav-link text-white hover:text-blue-300">Advantages</a>
125
+ <a href="#team" class="nav-link text-white hover:text-blue-300">Team</a>
126
+ <a href="#contact" class="nav-link text-white hover:text-blue-300">Contact</a>
127
+ </nav>
128
+ <button class="md:hidden text-white focus:outline-none">
129
+ <i class="fas fa-bars text-2xl"></i>
130
+ </button>
131
+ </div>
132
+ </div>
133
+ </header>
134
+
135
+ <!-- Hero Section -->
136
+ <section class="gradient-bg text-white py-20">
137
+ <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
138
+ <div class="md:w-1/2 mb-10 md:mb-0">
139
+ <h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">Transform Your Real Estate Management Digitally</h1>
140
+ <p class="text-xl mb-8 text-gray-200">A white-labeled, client-isolated SaaS platform built for the Gulf region's real estate sector.</p>
141
+ <div class="flex space-x-4">
142
+ <button class="bg-blue-500 hover:bg-blue-600 text-white px-6 py-3 rounded-lg font-medium transition duration-300 shadow-lg">
143
+ Request Demo <i class="fas fa-arrow-right ml-2"></i>
144
+ </button>
145
+ <button class="border border-white hover:bg-white hover:text-gray-800 text-white px-6 py-3 rounded-lg font-medium transition duration-300">
146
+ Learn More
147
+ </button>
148
+ </div>
149
+ </div>
150
+ <div class="md:w-1/2 flex justify-center">
151
+ <div class="relative w-full max-w-md">
152
+ <div class="absolute -top-6 -left-6 w-32 h-32 bg-blue-400 rounded-full opacity-20"></div>
153
+ <div class="absolute -bottom-6 -right-6 w-32 h-32 bg-blue-400 rounded-full opacity-20"></div>
154
+ <div class="relative bg-white rounded-xl shadow-2xl overflow-hidden">
155
+ <div class="bg-gray-800 p-3 flex items-center space-x-2">
156
+ <div class="w-3 h-3 rounded-full bg-red-500"></div>
157
+ <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
158
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
159
+ </div>
160
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Dashboard Preview" class="w-full h-auto">
161
+ </div>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </section>
166
+
167
+ <!-- Features Section -->
168
+ <section id="features" class="py-16 bg-white">
169
+ <div class="container mx-auto px-4">
170
+ <div class="text-center mb-16">
171
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Comprehensive Platform Features</h2>
172
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">ASHRE CRM offers a complete suite of tools designed specifically for real estate management in the Gulf region.</p>
173
+ </div>
174
+
175
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
176
+ <!-- Feature 1 -->
177
+ <div class="bg-gray-50 p-8 rounded-xl card-hover">
178
+ <div class="feature-icon bg-blue-100 text-blue-600">
179
+ <i class="fas fa-users-cog text-2xl"></i>
180
+ </div>
181
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Client-Isolated CRM</h3>
182
+ <p class="text-gray-600">Each client gets their own isolated instance with custom branding and configurations.</p>
183
+ </div>
184
+
185
+ <!-- Feature 2 -->
186
+ <div class="bg-gray-50 p-8 rounded-xl card-hover">
187
+ <div class="feature-icon bg-green-100 text-green-600">
188
+ <i class="fas fa-tools text-2xl"></i>
189
+ </div>
190
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Facility Management</h3>
191
+ <p class="text-gray-600">Comprehensive tools for managing properties, maintenance, and service requests.</p>
192
+ </div>
193
+
194
+ <!-- Feature 3 -->
195
+ <div class="bg-gray-50 p-8 rounded-xl card-hover">
196
+ <div class="feature-icon bg-purple-100 text-purple-600">
197
+ <i class="fas fa-project-diagram text-2xl"></i>
198
+ </div>
199
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Project Management</h3>
200
+ <p class="text-gray-600">End-to-end project tracking from planning to completion with PMD module.</p>
201
+ </div>
202
+
203
+ <!-- Feature 4 -->
204
+ <div class="bg-gray-50 p-8 rounded-xl card-hover">
205
+ <div class="feature-icon bg-yellow-100 text-yellow-600">
206
+ <i class="fas fa-mobile-alt text-2xl"></i>
207
+ </div>
208
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Mobile Integration</h3>
209
+ <p class="text-gray-600">Full mobile access with native apps for iOS and Android platforms.</p>
210
+ </div>
211
+
212
+ <!-- Feature 5 -->
213
+ <div class="bg-gray-50 p-8 rounded-xl card-hover">
214
+ <div class="feature-icon bg-red-100 text-red-600">
215
+ <i class="fas fa-random text-2xl"></i>
216
+ </div>
217
+ <h3 class="text-xl font-bold mb-3 text-gray-800">SAP Connectors</h3>
218
+ <p class="text-gray-600">Seamless integration with SAP for financial and operational data synchronization.</p>
219
+ </div>
220
+
221
+ <!-- Feature 6 -->
222
+ <div class="bg-gray-50 p-8 rounded-xl card-hover">
223
+ <div class="feature-icon bg-indigo-100 text-indigo-600">
224
+ <i class="fas fa-chart-line text-2xl"></i>
225
+ </div>
226
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Analytics Dashboards</h3>
227
+ <p class="text-gray-600">Powerful data visualization tools with customizable reports and KPIs.</p>
228
+ </div>
229
+ </div>
230
+ </div>
231
+ </section>
232
+
233
+ <!-- Strategic Positioning -->
234
+ <section class="py-16 bg-gray-100">
235
+ <div class="container mx-auto px-4">
236
+ <div class="text-center mb-16">
237
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Strategic Positioning</h2>
238
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Why ASHRE CRM stands out in the Gulf real estate market</p>
239
+ </div>
240
+
241
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
242
+ <div class="bg-white p-8 rounded-xl shadow-sm card-hover">
243
+ <div class="flex items-center mb-4">
244
+ <div class="bg-blue-100 p-3 rounded-lg mr-4">
245
+ <i class="fas fa-crown text-blue-600 text-xl"></i>
246
+ </div>
247
+ <h3 class="text-xl font-bold text-gray-800">100% IP Ownership</h3>
248
+ </div>
249
+ <p class="text-gray-600">Fully owned by Al Shareef Holding with no recurring license fees.</p>
250
+ </div>
251
+
252
+ <div class="bg-white p-8 rounded-xl shadow-sm card-hover">
253
+ <div class="flex items-center mb-4">
254
+ <div class="bg-green-100 p-3 rounded-lg mr-4">
255
+ <i class="fas fa-user-shield text-green-600 text-xl"></i>
256
+ </div>
257
+ <h3 class="text-xl font-bold text-gray-800">Client-Specific Deployments</h3>
258
+ </div>
259
+ <p class="text-gray-600">Non-multitenant architecture ensures complete data isolation and security.</p>
260
+ </div>
261
+
262
+ <div class="bg-white p-8 rounded-xl shadow-sm card-hover">
263
+ <div class="flex items-center mb-4">
264
+ <div class="bg-purple-100 p-3 rounded-lg mr-4">
265
+ <i class="fas fa-puzzle-piece text-purple-600 text-xl"></i>
266
+ </div>
267
+ <h3 class="text-xl font-bold text-gray-800">Modular Provisioning</h3>
268
+ </div>
269
+ <p class="text-gray-600">Clients can select only the features they need with flexible module options.</p>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ </section>
274
+
275
+ <!-- Pricing Section -->
276
+ <section id="pricing" class="py-16 bg-white">
277
+ <div class="container mx-auto px-4">
278
+ <div class="text-center mb-16">
279
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Commercial Model</h2>
280
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Transparent pricing structure with high-margin opportunities</p>
281
+ </div>
282
+
283
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
284
+ <!-- Pricing Card 1 -->
285
+ <div class="bg-gray-50 border border-gray-200 rounded-xl p-6 card-hover">
286
+ <div class="flex items-center mb-4">
287
+ <div class="bg-blue-100 p-2 rounded-lg mr-3">
288
+ <i class="fas fa-laptop-code text-blue-600"></i>
289
+ </div>
290
+ <h3 class="text-lg font-bold text-gray-800">One-time Setup</h3>
291
+ </div>
292
+ <p class="text-3xl font-bold text-gray-800 mb-2">QAR 395,000</p>
293
+ <p class="text-gray-600 mb-4">Per client implementation</p>
294
+ <div class="bg-blue-50 p-3 rounded-lg">
295
+ <p class="text-blue-700 font-medium">100% margin (no cost)</p>
296
+ </div>
297
+ </div>
298
+
299
+ <!-- Pricing Card 2 -->
300
+ <div class="bg-gray-50 border border-gray-200 rounded-xl p-6 card-hover">
301
+ <div class="flex items-center mb-4">
302
+ <div class="bg-green-100 p-2 rounded-lg mr-3">
303
+ <i class="fas fa-cloud text-green-600"></i>
304
+ </div>
305
+ <h3 class="text-lg font-bold text-gray-800">Monthly SaaS</h3>
306
+ </div>
307
+ <p class="text-3xl font-bold text-gray-800 mb-2">QAR 25K–30K</p>
308
+ <p class="text-gray-600 mb-4">Module-based average</p>
309
+ <div class="bg-green-50 p-3 rounded-lg">
310
+ <p class="text-green-700 font-medium">~56% margin</p>
311
+ </div>
312
+ </div>
313
+
314
+ <!-- Pricing Card 3 -->
315
+ <div class="bg-gray-50 border border-gray-200 rounded-xl p-6 card-hover">
316
+ <div class="flex items-center mb-4">
317
+ <div class="bg-purple-100 p-2 rounded-lg mr-3">
318
+ <i class="fas fa-headset text-purple-600"></i>
319
+ </div>
320
+ <h3 class="text-lg font-bold text-gray-800">Support Fee</h3>
321
+ </div>
322
+ <p class="text-3xl font-bold text-gray-800 mb-2">QAR 25,000</p>
323
+ <p class="text-gray-600 mb-4">Per month</p>
324
+ <div class="bg-purple-50 p-3 rounded-lg">
325
+ <p class="text-purple-700 font-medium">60% margin (cost = QAR 10K)</p>
326
+ </div>
327
+ </div>
328
+
329
+ <!-- Pricing Card 4 -->
330
+ <div class="bg-gray-50 border border-gray-200 rounded-xl p-6 card-hover">
331
+ <div class="flex items-center mb-4">
332
+ <div class="bg-yellow-100 p-2 rounded-lg mr-3">
333
+ <i class="fas fa-code text-yellow-600"></i>
334
+ </div>
335
+ <h3 class="text-lg font-bold text-gray-800">Custom Dev</h3>
336
+ </div>
337
+ <p class="text-3xl font-bold text-gray-800 mb-2">QAR 400/hr</p>
338
+ <p class="text-gray-600 mb-4">Client-specific work</p>
339
+ <div class="bg-yellow-50 p-3 rounded-lg">
340
+ <p class="text-yellow-700 font-medium">80% margin (cost = QAR 80/hr)</p>
341
+ </div>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </section>
346
+
347
+ <!-- Financial Advantage -->
348
+ <section id="advantages" class="py-16 bg-gray-100">
349
+ <div class="container mx-auto px-4">
350
+ <div class="text-center mb-16">
351
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Financial Advantage</h2>
352
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">High-margin business model with predictable revenue streams</p>
353
+ </div>
354
+
355
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
356
+ <div>
357
+ <div class="bg-white p-6 rounded-xl shadow-sm mb-6">
358
+ <h3 class="text-xl font-bold text-gray-800 mb-4">Revenue Streams</h3>
359
+ <div class="space-y-4">
360
+ <div>
361
+ <div class="flex justify-between mb-1">
362
+ <span class="font-medium">Setup Fees</span>
363
+ <span class="font-bold">QAR 395K/client</span>
364
+ </div>
365
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
366
+ <div class="bg-blue-600 h-2.5 rounded-full" style="width: 100%"></div>
367
+ </div>
368
+ </div>
369
+
370
+ <div>
371
+ <div class="flex justify-between mb-1">
372
+ <span class="font-medium">Recurring SaaS</span>
373
+ <span class="font-bold">QAR 25K–30K/month</span>
374
+ </div>
375
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
376
+ <div class="bg-green-600 h-2.5 rounded-full" style="width: 75%"></div>
377
+ </div>
378
+ </div>
379
+
380
+ <div>
381
+ <div class="flex justify-between mb-1">
382
+ <span class="font-medium">Support Fees</span>
383
+ <span class="font-bold">QAR 25K/month</span>
384
+ </div>
385
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
386
+ <div class="bg-purple-600 h-2.5 rounded-full" style="width: 60%"></div>
387
+ </div>
388
+ </div>
389
+
390
+ <div>
391
+ <div class="flex justify-between mb-1">
392
+ <span class="font-medium">Custom Development</span>
393
+ <span class="font-bold">QAR 400/hour</span>
394
+ </div>
395
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
396
+ <div class="bg-yellow-600 h-2.5 rounded-full" style="width: 80%"></div>
397
+ </div>
398
+ </div>
399
+ </div>
400
+ </div>
401
+
402
+ <div class="bg-white p-6 rounded-xl shadow-sm">
403
+ <h3 class="text-xl font-bold text-gray-800 mb-4">Year 1 Goals</h3>
404
+ <div class="grid grid-cols-2 gap-4">
405
+ <div class="bg-blue-50 p-4 rounded-lg text-center">
406
+ <p class="text-3xl font-bold text-blue-700">10</p>
407
+ <p class="text-gray-600">Clients onboarded</p>
408
+ </div>
409
+ <div class="bg-green-50 p-4 rounded-lg text-center">
410
+ <p class="text-3xl font-bold text-green-700">QAR 4M+</p>
411
+ <p class="text-gray-600">Revenue</p>
412
+ </div>
413
+ <div class="bg-purple-50 p-4 rounded-lg text-center">
414
+ <p class="text-3xl font-bold text-purple-700">60%+</p>
415
+ <p class="text-gray-600">Blended margin</p>
416
+ </div>
417
+ <div class="bg-yellow-50 p-4 rounded-lg text-center">
418
+ <p class="text-3xl font-bold text-yellow-700">90%</p>
419
+ <p class="text-gray-600">Client retention</p>
420
+ </div>
421
+ </div>
422
+ </div>
423
+ </div>
424
+
425
+ <div>
426
+ <div class="bg-white p-8 rounded-xl shadow-sm">
427
+ <h3 class="text-xl font-bold text-gray-800 mb-6">Implementation Timeline</h3>
428
+ <div class="timeline">
429
+ <div class="timeline-item">
430
+ <h4 class="font-bold text-gray-800 mb-1">Discovery & Planning</h4>
431
+ <p class="text-gray-600 text-sm">Week 1-2: Requirements gathering and solution design</p>
432
+ </div>
433
+ <div class="timeline-item">
434
+ <h4 class="font-bold text-gray-800 mb-1">Configuration</h4>
435
+ <p class="text-gray-600 text-sm">Week 3-4: System setup and branding customization</p>
436
+ </div>
437
+ <div class="timeline-item">
438
+ <h4 class="font-bold text-gray-800 mb-1">Data Migration</h4>
439
+ <p class="text-gray-600 text-sm">Week 5: Secure transfer of existing client data</p>
440
+ </div>
441
+ <div class="timeline-item">
442
+ <h4 class="font-bold text-gray-800 mb-1">Testing & Training</h4>
443
+ <p class="text-gray-600 text-sm">Week 6: User acceptance testing and staff training</p>
444
+ </div>
445
+ <div class="timeline-item">
446
+ <h4 class="font-bold text-gray-800 mb-1">Go-Live</h4>
447
+ <p class="text-gray-600 text-sm">Week 7: System launch and transition support</p>
448
+ </div>
449
+ </div>
450
+ </div>
451
+ </div>
452
+ </div>
453
+ </div>
454
+ </section>
455
+
456
+ <!-- Team Section -->
457
+ <section id="team" class="py-16 bg-white">
458
+ <div class="container mx-auto px-4">
459
+ <div class="text-center mb-16">
460
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Our Team</h2>
461
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Experienced professionals covering the Gulf region</p>
462
+ </div>
463
+
464
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
465
+ <div class="bg-gray-50 p-6 rounded-xl text-center card-hover">
466
+ <div class="w-32 h-32 mx-auto mb-4 rounded-full bg-blue-100 flex items-center justify-center">
467
+ <i class="fas fa-user-tie text-blue-600 text-4xl"></i>
468
+ </div>
469
+ <h3 class="text-xl font-bold text-gray-800 mb-1">Sales Managers</h3>
470
+ <p class="text-gray-600 mb-3">Covering Qatar, KSA, and UAE markets</p>
471
+ <div class="flex justify-center space-x-2">
472
+ <span class="bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full">Business Development</span>
473
+ <span class="bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full">Client Relations</span>
474
+ </div>
475
+ </div>
476
+
477
+ <div class="bg-gray-50 p-6 rounded-xl text-center card-hover">
478
+ <div class="w-32 h-32 mx-auto mb-4 rounded-full bg-purple-100 flex items-center justify-center">
479
+ <i class="fas fa-tasks text-purple-600 text-4xl"></i>
480
+ </div>
481
+ <h3 class="text-xl font-bold text-gray-800 mb-1">Product Manager</h3>
482
+ <p class="text-gray-600 mb-3">In-house platform expert</p>
483
+ <div class="flex justify-center space-x-2">
484
+ <span class="bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full">Roadmap</span>
485
+ <span class="bg-yellow-100 text-yellow-800 text-xs px-3 py-1 rounded-full">Features</span>
486
+ </div>
487
+ </div>
488
+
489
+ <div class="bg-gray-50 p-6 rounded-xl text-center card-hover">
490
+ <div class="w-32 h-32 mx-auto mb-4 rounded-full bg-green-100 flex items-center justify-center">
491
+ <i class="fas fa-hard-hat text-green-600 text-4xl"></i>
492
+ </div>
493
+ <h3 class="text-xl font-bold text-gray-800 mb-1">PMD SME</h3>
494
+ <p class="text-gray-600 mb-3">Project Management Domain Specialist</p>
495
+ <div class="flex justify-center space-x-2">
496
+ <span class="bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full">Implementation</span>
497
+ <span class="bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full">Consulting</span>
498
+ </div>
499
+ </div>
500
+ </div>
501
+
502
+ <div class="mt-12 bg-blue-50 rounded-xl p-8">
503
+ <div class="flex flex-col md:flex-row items-center">
504
+ <div class="md:w-1/2 mb-6 md:mb-0">
505
+ <h3 class="text-2xl font-bold text-gray-800 mb-3">Delivery Partners</h3>
506
+ <p class="text-gray-600">Implementation delivered via internal resources or through our trusted subcontractor Seeroo for specialized requirements.</p>
507
+ </div>
508
+ <div class="md:w-1/2 flex justify-center">
509
+ <div class="bg-white p-4 rounded-lg shadow-sm inline-block">
510
+ <div class="flex items-center">
511
+ <div class="bg-blue-100 p-3 rounded-lg mr-4">
512
+ <i class="fas fa-handshake text-blue-600 text-2xl"></i>
513
+ </div>
514
+ <div>
515
+ <p class="font-bold text-gray-800">Seeroo Consulting</p>
516
+ <p class="text-sm text-gray-600">Trusted implementation partner</p>
517
+ </div>
518
+ </div>
519
+ </div>
520
+ </div>
521
+ </div>
522
+ </div>
523
+ </div>
524
+ </section>
525
+
526
+ <!-- CTA Section -->
527
+ <section class="py-16 gradient-bg text-white">
528
+ <div class="container mx-auto px-4 text-center">
529
+ <h2 class="text-3xl font-bold mb-6">Ready to Transform Your Real Estate Management?</h2>
530
+ <p class="text-xl mb-8 max-w-2xl mx-auto">ASHRE CRM offers a complete digital solution with exceptional financial benefits for your organization.</p>
531
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
532
+ <button class="bg-white text-gray-800 hover:bg-gray-100 px-8 py-3 rounded-lg font-bold shadow-lg transition duration-300">
533
+ Request Demo <i class="fas fa-chevron-right ml-2"></i>
534
+ </button>
535
+ <button class="border border-white hover:bg-blue-700 px-8 py-3 rounded-lg font-medium transition duration-300">
536
+ Contact Sales
537
+ </button>
538
+ </div>
539
+ </div>
540
+ </section>
541
+
542
+ <!-- Footer -->
543
+ <footer id="contact" class="bg-gray-900 text-white py-12">
544
+ <div class="container mx-auto px-4">
545
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
546
+ <div>
547
+ <div class="flex items-center space-x-2 mb-4">
548
+ <i class="fas fa-building text-xl text-blue-400"></i>
549
+ <h3 class="text-xl font-bold">ASHRE CRM</h3>
550
+ </div>
551
+ <p class="text-gray-400 mb-4">A product of Al Shareef Holding</p>
552
+ <p class="text-gray-400">Digitally transforming real estate management in the Gulf region.</p>
553
+ </div>
554
+
555
+ <div>
556
+ <h4 class="text-lg font-bold mb-4">Quick Links</h4>
557
+ <ul class="space-y-2">
558
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Features</a></li>
559
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Pricing</a></li>
560
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Case Studies</a></li>
561
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Documentation</a></li>
562
+ </ul>
563
+ </div>
564
+
565
+ <div>
566
+ <h4 class="text-lg font-bold mb-4">Contact</h4>
567
+ <ul class="space-y-2">
568
+ <li class="flex items-center">
569
+ <i class="fas fa-map-marker-alt text-blue-400 mr-2"></i>
570
+ <span class="text-gray-400">Doha, Qatar</span>
571
+ </li>
572
+ <li class="flex items-center">
573
+ <i class="fas fa-phone text-blue-400 mr-2"></i>
574
+ <span class="text-gray-400">+974 1234 5678</span>
575
+ </li>
576
+ <li class="flex items-center">
577
+ <i class="fas fa-envelope text-blue-400 mr-2"></i>
578
+ <span class="text-gray-400">[email protected]</span>
579
+ </li>
580
+ </ul>
581
+ </div>
582
+
583
+ <div>
584
+ <h4 class="text-lg font-bold mb-4">Follow Us</h4>
585
+ <div class="flex space-x-4 mb-4">
586
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-blue-600 transition">
587
+ <i class="fab fa-linkedin-in"></i>
588
+ </a>
589
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-blue-400 transition">
590
+ <i class="fab fa-twitter"></i>
591
+ </a>
592
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-red-600 transition">
593
+ <i class="fab fa-youtube"></i>
594
+ </a>
595
+ </div>
596
+ <p class="text-gray-400 text-sm">Subscribe to our newsletter</p>
597
+ <div class="flex mt-2">
598
+ <input type="email" placeholder="Your email" class="bg-gray-800 text-white px-4 py-2 rounded-l focus:outline-none w-full">
599
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r">
600
+ <i class="fas fa-paper-plane"></i>
601
+ </button>
602
+ </div>
603
+ </div>
604
+ </div>
605
+
606
+ <div class="border-t border-gray-800 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center">
607
+ <p class="text-gray-400 text-sm mb-4 md:mb-0">© 2023 ASHRE CRM. All rights reserved.</p>
608
+ <div class="flex space-x-6">
609
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Privacy Policy</a>
610
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Terms of Service</a>
611
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Cookie Policy</a>
612
+ </div>
613
+ </div>
614
+ </div>
615
+ </footer>
616
+
617
+ <script>
618
+ // Mobile menu toggle
619
+ document.querySelector('button[class*="md:hidden"]').addEventListener('click', function() {
620
+ const nav = document.querySelector('nav[class*="hidden"]');
621
+ nav.classList.toggle('hidden');
622
+ nav.classList.toggle('flex');
623
+ nav.classList.toggle('flex-col');
624
+ nav.classList.toggle('absolute');
625
+ nav.classList.toggle('top-16');
626
+ nav.classList.toggle('left-0');
627
+ nav.classList.toggle('right-0');
628
+ nav.classList.toggle('bg-gray-800');
629
+ nav.classList.toggle('p-4');
630
+ nav.classList.toggle('space-y-4');
631
+ nav.classList.toggle('space-x-0');
632
+ nav.classList.toggle('z-50');
633
+ });
634
+
635
+ // Smooth scrolling for anchor links
636
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
637
+ anchor.addEventListener('click', function (e) {
638
+ e.preventDefault();
639
+
640
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
641
+ behavior: 'smooth'
642
+ });
643
+
644
+ // Close mobile menu if open
645
+ const nav = document.querySelector('nav');
646
+ if (!nav.classList.contains('hidden')) {
647
+ nav.classList.add('hidden');
648
+ nav.classList.remove('flex', 'flex-col', 'absolute', 'top-16', 'left-0', 'right-0', 'bg-gray-800', 'p-4', 'space-y-4', 'space-x-0', 'z-50');
649
+ }
650
+ });
651
+ });
652
+
653
+ // Animation on scroll
654
+ function animateOnScroll() {
655
+ const elements = document.querySelectorAll('.card-hover, .stat-card');
656
+
657
+ elements.forEach(element => {
658
+ const elementPosition = element.getBoundingClientRect().top;
659
+ const screenPosition = window.innerHeight / 1.2;
660
+
661
+ if (elementPosition < screenPosition) {
662
+ element.style.opacity = '1';
663
+ element.style.transform = 'translateY(0)';
664
+ }
665
+ });
666
+ }
667
+
668
+ // Set initial state for animation
669
+ document.querySelectorAll('.card-hover, .stat-card').forEach(element => {
670
+ element.style.opacity = '0';
671
+ element.style.transform = 'translateY(20px)';
672
+ element.style.transition = 'all 0.5s ease';
673
+ });
674
+
675
+ // Run animation on load and scroll
676
+ window.addEventListener('load', animateOnScroll);
677
+ window.addEventListener('scroll', animateOnScroll);
678
+ </script>
679
+ <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=emad600/ash" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
680
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ 📅 Project Overview ASHRE CRM is a white-labeled, client-isolated SaaS platform built to digitally transform real estate management in the Gulf region. Fully owned by Al Shareef Holding, the system includes CRM, FM, PMD, mobile integration, SAP connectors, and analytics dashboards. 🚀 Strategic Positioning 100% IP Ownership by Al Shareef Holding No recurring license fees – platform already developed Client-specific deployments (non-multitenant) Modular provisioning based on selected features 💸 Commercial Model One-time Setup Fee: QAR 395,000 per client Monthly SaaS Fee: Module-based (QAR 25K–30K avg) Support Fee: QAR 25,000/month (cost = QAR 10,000) Custom Dev: QAR 400/hr (cost = QAR 80/hr) 📊 Financial Advantage Setup margin: 100% (no cost) SaaS margin: ~56% Support margin: 60% Custom Dev margin: 80% 🙋️ Team & Operations Sales Managers in Qatar, KSA, and UAE Product Manager and PMD SME in-house Delivery via internal or Seeroo (subcontracted) 📈 Year 1 Goals Onboard 10 clients across Gulf Achieve QAR 4M+ revenue Maintain 60%+ blended margin Retain 90% of active clients