Hugging Face's logo

Spaces:
Yalexis
/
soldforce
Running

App Files Community
Yalexis commited on
Commit
ebbbee4
·
verified ·
1 Parent(s): 612f19e

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +536 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Soldforce
3
- emoji: 💻
4
- colorFrom: red
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: soldforce
3
+ emoji: 🐳
4
+ colorFrom: blue
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,536 @@
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>Soldforce - The Ultimate CRM Solution</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
+ .sidebar {
11
+ transition: all 0.3s ease;
12
+ }
13
+ .sidebar.collapsed {
14
+ width: 70px;
15
+ }
16
+ .sidebar.collapsed .nav-text {
17
+ display: none;
18
+ }
19
+ .sidebar.collapsed .logo-text {
20
+ display: none;
21
+ }
22
+ .sidebar.collapsed .expand-icon {
23
+ transform: rotate(180deg);
24
+ }
25
+ .main-content {
26
+ transition: margin-left 0.3s ease;
27
+ }
28
+ .card-hover:hover {
29
+ transform: translateY(-5px);
30
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
31
+ }
32
+ .progress-bar {
33
+ height: 6px;
34
+ border-radius: 3px;
35
+ }
36
+ .deal-stage {
37
+ position: relative;
38
+ }
39
+ .deal-stage:not(:last-child):after {
40
+ content: '';
41
+ position: absolute;
42
+ right: -20px;
43
+ top: 50%;
44
+ width: 40px;
45
+ height: 2px;
46
+ background: #e5e7eb;
47
+ }
48
+ .notification-badge {
49
+ position: absolute;
50
+ top: -5px;
51
+ right: -5px;
52
+ width: 18px;
53
+ height: 18px;
54
+ font-size: 10px;
55
+ }
56
+ </style>
57
+ </head>
58
+ <body class="bg-gray-50">
59
+ <div class="flex h-screen overflow-hidden">
60
+ <!-- Sidebar -->
61
+ <div class="sidebar bg-indigo-900 text-white w-64 flex flex-col">
62
+ <div class="p-4 flex items-center justify-between border-b border-indigo-800">
63
+ <div class="flex items-center">
64
+ <i class="fas fa-bolt text-yellow-400 text-2xl mr-2"></i>
65
+ <span class="logo-text font-bold text-xl">Soldforce</span>
66
+ </div>
67
+ <button id="toggleSidebar" class="text-white focus:outline-none">
68
+ <i class="fas fa-chevron-left expand-icon"></i>
69
+ </button>
70
+ </div>
71
+ <div class="p-4 border-b border-indigo-800">
72
+ <div class="flex items-center">
73
+ <div class="w-10 h-10 rounded-full bg-indigo-700 flex items-center justify-center mr-3">
74
+ <span class="text-sm font-semibold">JD</span>
75
+ </div>
76
+ <div class="nav-text">
77
+ <div class="font-medium">John Doe</div>
78
+ <div class="text-xs text-indigo-300">Admin</div>
79
+ </div>
80
+ </div>
81
+ </div>
82
+ <nav class="flex-1 overflow-y-auto">
83
+ <div class="p-2">
84
+ <div class="mb-2">
85
+ <div class="text-xs uppercase text-indigo-400 px-4 py-2 nav-text">Navigation</div>
86
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg bg-indigo-800 text-white">
87
+ <i class="fas fa-home mr-3"></i>
88
+ <span class="nav-text">Dashboard</span>
89
+ </a>
90
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg text-indigo-200 hover:bg-indigo-800 hover:text-white mt-1">
91
+ <i class="fas fa-users mr-3"></i>
92
+ <span class="nav-text">Contacts</span>
93
+ </a>
94
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg text-indigo-200 hover:bg-indigo-800 hover:text-white mt-1">
95
+ <i class="fas fa-building mr-3"></i>
96
+ <span class="nav-text">Accounts</span>
97
+ </a>
98
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg text-indigo-200 hover:bg-indigo-800 hover:text-white mt-1">
99
+ <i class="fas fa-chart-line mr-3"></i>
100
+ <span class="nav-text">Opportunities</span>
101
+ </a>
102
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg text-indigo-200 hover:bg-indigo-800 hover:text-white mt-1">
103
+ <i class="fas fa-tasks mr-3"></i>
104
+ <span class="nav-text">Tasks</span>
105
+ </a>
106
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg text-indigo-200 hover:bg-indigo-800 hover:text-white mt-1">
107
+ <i class="fas fa-calendar-alt mr-3"></i>
108
+ <span class="nav-text">Calendar</span>
109
+ </a>
110
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg text-indigo-200 hover:bg-indigo-800 hover:text-white mt-1">
111
+ <i class="fas fa-file-invoice-dollar mr-3"></i>
112
+ <span class="nav-text">Invoices</span>
113
+ </a>
114
+ </div>
115
+ <div class="mb-2">
116
+ <div class="text-xs uppercase text-indigo-400 px-4 py-2 nav-text">Reports</div>
117
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg text-indigo-200 hover:bg-indigo-800 hover:text-white mt-1">
118
+ <i class="fas fa-chart-pie mr-3"></i>
119
+ <span class="nav-text">Sales Reports</span>
120
+ </a>
121
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg text-indigo-200 hover:bg-indigo-800 hover:text-white mt-1">
122
+ <i class="fas fa-chart-bar mr-3"></i>
123
+ <span class="nav-text">Performance</span>
124
+ </a>
125
+ </div>
126
+ <div class="mb-2">
127
+ <div class="text-xs uppercase text-indigo-400 px-4 py-2 nav-text">Settings</div>
128
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg text-indigo-200 hover:bg-indigo-800 hover:text-white mt-1">
129
+ <i class="fas fa-cog mr-3"></i>
130
+ <span class="nav-text">System Settings</span>
131
+ </a>
132
+ <a href="#" class="flex items-center px-4 py-3 rounded-lg text-indigo-200 hover:bg-indigo-800 hover:text-white mt-1">
133
+ <i class="fas fa-user-cog mr-3"></i>
134
+ <span class="nav-text">User Management</span>
135
+ </a>
136
+ </div>
137
+ </div>
138
+ </nav>
139
+ <div class="p-4 border-t border-indigo-800">
140
+ <a href="#" class="flex items-center text-indigo-200 hover:text-white">
141
+ <i class="fas fa-sign-out-alt mr-3"></i>
142
+ <span class="nav-text">Logout</span>
143
+ </a>
144
+ </div>
145
+ </div>
146
+
147
+ <!-- Main Content -->
148
+ <div class="main-content flex-1 overflow-y-auto">
149
+ <!-- Top Navigation -->
150
+ <header class="bg-white shadow-sm">
151
+ <div class="px-6 py-4 flex items-center justify-between">
152
+ <div class="flex items-center">
153
+ <h1 class="text-xl font-semibold text-gray-800">Dashboard</h1>
154
+ </div>
155
+ <div class="flex items-center space-x-4">
156
+ <div class="relative">
157
+ <button class="p-2 rounded-full hover:bg-gray-100 focus:outline-none relative">
158
+ <i class="fas fa-bell text-gray-600"></i>
159
+ <span class="notification-badge bg-red-500 text-white rounded-full flex items-center justify-center">3</span>
160
+ </button>
161
+ </div>
162
+ <div class="relative">
163
+ <button class="p-2 rounded-full hover:bg-gray-100 focus:outline-none">
164
+ <i class="fas fa-envelope text-gray-600"></i>
165
+ <span class="notification-badge bg-blue-500 text-white rounded-full flex items-center justify-center">5</span>
166
+ </button>
167
+ </div>
168
+ <div class="relative">
169
+ <button id="userMenuButton" class="flex items-center space-x-2 focus:outline-none">
170
+ <div class="w-8 h-8 rounded-full bg-indigo-600 flex items-center justify-center text-white text-sm font-semibold">JD</div>
171
+ <span class="text-gray-700">John Doe</span>
172
+ <i class="fas fa-chevron-down text-gray-500 text-xs"></i>
173
+ </button>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ </header>
178
+
179
+ <!-- Dashboard Content -->
180
+ <main class="p-6">
181
+ <!-- Stats Cards -->
182
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
183
+ <div class="bg-white rounded-lg shadow p-6 card-hover transition duration-300">
184
+ <div class="flex items-center justify-between">
185
+ <div>
186
+ <p class="text-gray-500 text-sm">Total Revenue</p>
187
+ <h3 class="text-2xl font-bold text-gray-800">$124,563</h3>
188
+ <p class="text-green-500 text-sm mt-1"><i class="fas fa-arrow-up mr-1"></i> 12% from last month</p>
189
+ </div>
190
+ <div class="bg-blue-100 p-3 rounded-full">
191
+ <i class="fas fa-dollar-sign text-blue-600 text-xl"></i>
192
+ </div>
193
+ </div>
194
+ </div>
195
+ <div class="bg-white rounded-lg shadow p-6 card-hover transition duration-300">
196
+ <div class="flex items-center justify-between">
197
+ <div>
198
+ <p class="text-gray-500 text-sm">New Deals</p>
199
+ <h3 class="text-2xl font-bold text-gray-800">24</h3>
200
+ <p class="text-green-500 text-sm mt-1"><i class="fas fa-arrow-up mr-1"></i> 8% from last month</p>
201
+ </div>
202
+ <div class="bg-green-100 p-3 rounded-full">
203
+ <i class="fas fa-handshake text-green-600 text-xl"></i>
204
+ </div>
205
+ </div>
206
+ </div>
207
+ <div class="bg-white rounded-lg shadow p-6 card-hover transition duration-300">
208
+ <div class="flex items-center justify-between">
209
+ <div>
210
+ <p class="text-gray-500 text-sm">Active Clients</p>
211
+ <h3 class="text-2xl font-bold text-gray-800">156</h3>
212
+ <p class="text-red-500 text-sm mt-1"><i class="fas fa-arrow-down mr-1"></i> 3% from last month</p>
213
+ </div>
214
+ <div class="bg-purple-100 p-3 rounded-full">
215
+ <i class="fas fa-users text-purple-600 text-xl"></i>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ <div class="bg-white rounded-lg shadow p-6 card-hover transition duration-300">
220
+ <div class="flex items-center justify-between">
221
+ <div>
222
+ <p class="text-gray-500 text-sm">Tasks Completed</p>
223
+ <h3 class="text-2xl font-bold text-gray-800">87%</h3>
224
+ <div class="w-full bg-gray-200 rounded-full h-2 mt-2">
225
+ <div class="bg-yellow-500 h-2 rounded-full" style="width: 87%"></div>
226
+ </div>
227
+ </div>
228
+ <div class="bg-yellow-100 p-3 rounded-full">
229
+ <i class="fas fa-tasks text-yellow-600 text-xl"></i>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ </div>
234
+
235
+ <!-- Charts and Tables -->
236
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
237
+ <!-- Sales Chart -->
238
+ <div class="bg-white rounded-lg shadow p-6 lg:col-span-2">
239
+ <div class="flex items-center justify-between mb-4">
240
+ <h2 class="text-lg font-semibold text-gray-800">Sales Performance</h2>
241
+ <div class="flex space-x-2">
242
+ <button class="px-3 py-1 text-sm bg-indigo-100 text-indigo-700 rounded-md">Monthly</button>
243
+ <button class="px-3 py-1 text-sm text-gray-600 hover:bg-gray-100 rounded-md">Quarterly</button>
244
+ <button class="px-3 py-1 text-sm text-gray-600 hover:bg-gray-100 rounded-md">Yearly</button>
245
+ </div>
246
+ </div>
247
+ <div class="h-64">
248
+ <!-- Chart placeholder - would be replaced with actual chart library in production -->
249
+ <div class="w-full h-full flex items-center justify-center bg-gray-50 rounded">
250
+ <p class="text-gray-500">Sales chart visualization</p>
251
+ </div>
252
+ </div>
253
+ </div>
254
+
255
+ <!-- Recent Activities -->
256
+ <div class="bg-white rounded-lg shadow p-6">
257
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Recent Activities</h2>
258
+ <div class="space-y-4">
259
+ <div class="flex items-start">
260
+ <div class="bg-blue-100 p-2 rounded-full mr-3">
261
+ <i class="fas fa-file-signature text-blue-600 text-sm"></i>
262
+ </div>
263
+ <div>
264
+ <p class="text-sm font-medium">New contract signed with <span class="text-blue-600">ABC Corp</span></p>
265
+ <p class="text-xs text-gray-500 mt-1">2 hours ago</p>
266
+ </div>
267
+ </div>
268
+ <div class="flex items-start">
269
+ <div class="bg-green-100 p-2 rounded-full mr-3">
270
+ <i class="fas fa-check-circle text-green-600 text-sm"></i>
271
+ </div>
272
+ <div>
273
+ <p class="text-sm font-medium">Deal closed with <span class="text-green-600">XYZ Ltd</span> for $25,000</p>
274
+ <p class="text-xs text-gray-500 mt-1">5 hours ago</p>
275
+ </div>
276
+ </div>
277
+ <div class="flex items-start">
278
+ <div class="bg-yellow-100 p-2 rounded-full mr-3">
279
+ <i class="fas fa-exclamation-triangle text-yellow-600 text-sm"></i>
280
+ </div>
281
+ <div>
282
+ <p class="text-sm font-medium">Follow up needed with <span class="text-yellow-600">Tech Solutions</span></p>
283
+ <p class="text-xs text-gray-500 mt-1">Yesterday</p>
284
+ </div>
285
+ </div>
286
+ <div class="flex items-start">
287
+ <div class="bg-purple-100 p-2 rounded-full mr-3">
288
+ <i class="fas fa-calendar-plus text-purple-600 text-sm"></i>
289
+ </div>
290
+ <div>
291
+ <p class="text-sm font-medium">Meeting scheduled with <span class="text-purple-600">Global Inc</span></p>
292
+ <p class="text-xs text-gray-500 mt-1">Yesterday</p>
293
+ </div>
294
+ </div>
295
+ <div class="flex items-start">
296
+ <div class="bg-red-100 p-2 rounded-full mr-3">
297
+ <i class="fas fa-times-circle text-red-600 text-sm"></i>
298
+ </div>
299
+ <div>
300
+ <p class="text-sm font-medium">Deal lost with <span class="text-red-600">Modern Tech</span></p>
301
+ <p class="text-xs text-gray-500 mt-1">2 days ago</p>
302
+ </div>
303
+ </div>
304
+ </div>
305
+ </div>
306
+ </div>
307
+
308
+ <!-- Deals Pipeline -->
309
+ <div class="bg-white rounded-lg shadow p-6 mb-6">
310
+ <div class="flex items-center justify-between mb-6">
311
+ <h2 class="text-lg font-semibold text-gray-800">Deals Pipeline</h2>
312
+ <button class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 focus:outline-none">
313
+ <i class="fas fa-plus mr-2"></i> Add New Deal
314
+ </button>
315
+ </div>
316
+ <div class="overflow-x-auto">
317
+ <div class="flex space-x-8 pb-4">
318
+ <div class="deal-stage flex flex-col items-center">
319
+ <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-2">
320
+ <i class="fas fa-lightbulb text-blue-600"></i>
321
+ </div>
322
+ <span class="text-sm font-medium">Prospecting</span>
323
+ <span class="text-xs text-gray-500">12 deals</span>
324
+ </div>
325
+ <div class="deal-stage flex flex-col items-center">
326
+ <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mb-2">
327
+ <i class="fas fa-comments text-purple-600"></i>
328
+ </div>
329
+ <span class="text-sm font-medium">Qualification</span>
330
+ <span class="text-xs text-gray-500">8 deals</span>
331
+ </div>
332
+ <div class="deal-stage flex flex-col items-center">
333
+ <div class="w-12 h-12 bg-yellow-100 rounded-full flex items-center justify-center mb-2">
334
+ <i class="fas fa-file-signature text-yellow-600"></i>
335
+ </div>
336
+ <span class="text-sm font-medium">Proposal</span>
337
+ <span class="text-xs text-gray-500">5 deals</span>
338
+ </div>
339
+ <div class="deal-stage flex flex-col items-center">
340
+ <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mb-2">
341
+ <i class="fas fa-handshake text-green-600"></i>
342
+ </div>
343
+ <span class="text-sm font-medium">Negotiation</span>
344
+ <span class="text-xs text-gray-500">3 deals</span>
345
+ </div>
346
+ <div class="deal-stage flex flex-col items-center">
347
+ <div class="w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center mb-2">
348
+ <i class="fas fa-check-circle text-indigo-600"></i>
349
+ </div>
350
+ <span class="text-sm font-medium">Closed Won</span>
351
+ <span class="text-xs text-gray-500">7 deals</span>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </div>
356
+
357
+ <!-- Recent Opportunities -->
358
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
359
+ <div class="bg-white rounded-lg shadow p-6">
360
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Recent Opportunities</h2>
361
+ <div class="overflow-x-auto">
362
+ <table class="min-w-full divide-y divide-gray-200">
363
+ <thead class="bg-gray-50">
364
+ <tr>
365
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
366
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Amount</th>
367
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Stage</th>
368
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Close Date</th>
369
+ </tr>
370
+ </thead>
371
+ <tbody class="bg-white divide-y divide-gray-200">
372
+ <tr>
373
+ <td class="px-6 py-4 whitespace-nowrap">
374
+ <div class="flex items-center">
375
+ <div class="flex-shrink-0 h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center mr-3">
376
+ <i class="fas fa-building text-blue-600"></i>
377
+ </div>
378
+ <div>
379
+ <div class="text-sm font-medium text-gray-900">Tech Solutions Inc</div>
380
+ <div class="text-sm text-gray-500">IT Services</div>
381
+ </div>
382
+ </div>
383
+ </td>
384
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">$45,000</td>
385
+ <td class="px-6 py-4 whitespace-nowrap">
386
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">Qualification</span>
387
+ </td>
388
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Jun 15, 2023</td>
389
+ </tr>
390
+ <tr>
391
+ <td class="px-6 py-4 whitespace-nowrap">
392
+ <div class="flex items-center">
393
+ <div class="flex-shrink-0 h-10 w-10 bg-green-100 rounded-full flex items-center justify-center mr-3">
394
+ <i class="fas fa-store text-green-600"></i>
395
+ </div>
396
+ <div>
397
+ <div class="text-sm font-medium text-gray-900">Retail Plus</div>
398
+ <div class="text-sm text-gray-500">Retail</div>
399
+ </div>
400
+ </div>
401
+ </td>
402
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">$32,500</td>
403
+ <td class="px-6 py-4 whitespace-nowrap">
404
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Proposal</span>
405
+ </td>
406
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Jun 22, 2023</td>
407
+ </tr>
408
+ <tr>
409
+ <td class="px-6 py-4 whitespace-nowrap">
410
+ <div class="flex items-center">
411
+ <div class="flex-shrink-0 h-10 w-10 bg-indigo-100 rounded-full flex items-center justify-center mr-3">
412
+ <i class="fas fa-hospital text-indigo-600"></i>
413
+ </div>
414
+ <div>
415
+ <div class="text-sm font-medium text-gray-900">MediCare Group</div>
416
+ <div class="text-sm text-gray-500">Healthcare</div>
417
+ </div>
418
+ </div>
419
+ </td>
420
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">$68,000</td>
421
+ <td class="px-6 py-4 whitespace-nowrap">
422
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Negotiation</span>
423
+ </td>
424
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Jun 30, 2023</td>
425
+ </tr>
426
+ </tbody>
427
+ </table>
428
+ </div>
429
+ </div>
430
+
431
+ <!-- Upcoming Tasks -->
432
+ <div class="bg-white rounded-lg shadow p-6">
433
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Upcoming Tasks</h2>
434
+ <div class="space-y-4">
435
+ <div class="flex items-start p-3 border border-gray-100 rounded-lg hover:bg-gray-50">
436
+ <div class="flex-shrink-0 mt-1">
437
+ <input type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
438
+ </div>
439
+ <div class="ml-3 flex-1">
440
+ <div class="flex items-center justify-between">
441
+ <p class="text-sm font-medium text-gray-900">Follow up with Tech Solutions</p>
442
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">High</span>
443
+ </div>
444
+ <p class="text-sm text-gray-500 mt-1">Discuss proposal details and address concerns</p>
445
+ <div class="mt-2 flex items-center text-xs text-gray-500">
446
+ <i class="far fa-calendar-alt mr-1"></i>
447
+ <span>Due: Tomorrow, 10:00 AM</span>
448
+ </div>
449
+ </div>
450
+ </div>
451
+ <div class="flex items-start p-3 border border-gray-100 rounded-lg hover:bg-gray-50">
452
+ <div class="flex-shrink-0 mt-1">
453
+ <input type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
454
+ </div>
455
+ <div class="ml-3 flex-1">
456
+ <div class="flex items-center justify-between">
457
+ <p class="text-sm font-medium text-gray-900">Send contract to Retail Plus</p>
458
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Medium</span>
459
+ </div>
460
+ <p class="text-sm text-gray-500 mt-1">Finalize terms and send for review</p>
461
+ <div class="mt-2 flex items-center text-xs text-gray-500">
462
+ <i class="far fa-calendar-alt mr-1"></i>
463
+ <span>Due: Today, 3:00 PM</span>
464
+ </div>
465
+ </div>
466
+ </div>
467
+ <div class="flex items-start p-3 border border-gray-100 rounded-lg hover:bg-gray-50">
468
+ <div class="flex-shrink-0 mt-1">
469
+ <input type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
470
+ </div>
471
+ <div class="ml-3 flex-1">
472
+ <div class="flex items-center justify-between">
473
+ <p class="text-sm font-medium text-gray-900">Prepare Q2 sales report</p>
474
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">Low</span>
475
+ </div>
476
+ <p class="text-sm text-gray-500 mt-1">Compile data and analyze trends</p>
477
+ <div class="mt-2 flex items-center text-xs text-gray-500">
478
+ <i class="far fa-calendar-alt mr-1"></i>
479
+ <span>Due: Friday, EOD</span>
480
+ </div>
481
+ </div>
482
+ </div>
483
+ <div class="flex items-start p-3 border border-gray-100 rounded-lg hover:bg-gray-50">
484
+ <div class="flex-shrink-0 mt-1">
485
+ <input type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
486
+ </div>
487
+ <div class="ml-3 flex-1">
488
+ <div class="flex items-center justify-between">
489
+ <p class="text-sm font-medium text-gray-900">Schedule demo with MediCare</p>
490
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">High</span>
491
+ </div>
492
+ <p class="text-sm text-gray-500 mt-1">Coordinate with product team</p>
493
+ <div class="mt-2 flex items-center text-xs text-gray-500">
494
+ <i class="far fa-calendar-alt mr-1"></i>
495
+ <span>Due: Tomorrow, EOD</span>
496
+ </div>
497
+ </div>
498
+ </div>
499
+ </div>
500
+ </div>
501
+ </div>
502
+ </main>
503
+ </div>
504
+ </div>
505
+
506
+ <script>
507
+ // Toggle sidebar
508
+ document.getElementById('toggleSidebar').addEventListener('click', function() {
509
+ const sidebar = document.querySelector('.sidebar');
510
+ const mainContent = document.querySelector('.main-content');
511
+
512
+ sidebar.classList.toggle('collapsed');
513
+
514
+ if (sidebar.classList.contains('collapsed')) {
515
+ mainContent.style.marginLeft = '70px';
516
+ } else {
517
+ mainContent.style.marginLeft = '0';
518
+ }
519
+ });
520
+
521
+ // User menu dropdown
522
+ document.getElementById('userMenuButton').addEventListener('click', function() {
523
+ // This would toggle a dropdown menu in a real implementation
524
+ console.log('User menu clicked');
525
+ });
526
+
527
+ // Card hover effect
528
+ const cards = document.querySelectorAll('.card-hover');
529
+ cards.forEach(card => {
530
+ card.addEventListener('mouseenter', function() {
531
+ this.style.transition = 'all 0.3s ease';
532
+ });
533
+ });
534
+ </script>
535
+ <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=Yalexis/soldforce" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
536
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Make a CRM website similar to salesforce but call it Soldforce