Hugging Face's logo

Spaces:
yourgui
/
undefined
Running

App Files Community
yourgui commited on
Commit
8b67734
·
verified ·
1 Parent(s): ffe653b

create this page

Browse files
Files changed (4) hide show
  1. agents.html +381 -0
  2. dashboard.html +3 -5
  3. index.html +4 -5
  4. onboarding.html +2 -2
agents.html ADDED
@@ -0,0 +1,381 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en" class="dark">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Manage Your Agents | VAI</title>
7
+ <link rel="icon" type="image/x-icon" href="https://static.photos/technology/200x200/42">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
11
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
13
+
14
+ .glass-panel {
15
+ backdrop-filter: blur(16px);
16
+ background: rgba(16, 21, 27, 0.7);
17
+ border: 1px solid rgba(255, 255, 255, 0.08);
18
+ }
19
+
20
+ .agent-card {
21
+ transition: all 0.3s ease;
22
+ }
23
+
24
+ .agent-card:hover {
25
+ transform: translateY(-5px);
26
+ box-shadow: 0 10px 25px -5px rgba(63, 242, 140, 0.2);
27
+ }
28
+
29
+ .status-active {
30
+ animation: pulse 2s infinite;
31
+ }
32
+
33
+ @keyframes pulse {
34
+ 0% { box-shadow: 0 0 0 0 rgba(63, 242, 140, 0.4); }
35
+ 70% { box-shadow: 0 0 0 10px rgba(63, 242, 140, 0); }
36
+ 100% { box-shadow: 0 0 0 0 rgba(63, 242, 140, 0); }
37
+ }
38
+ </style>
39
+ </head>
40
+ <body class="bg-dark-900 text-gray-200 font-sans min-h-screen overflow-x-hidden" id="vanta-bg">
41
+ <script>
42
+ VANTA.GLOBE({
43
+ el: "#vanta-bg",
44
+ mouseControls: true,
45
+ touchControls: true,
46
+ gyroControls: false,
47
+ minHeight: 200.00,
48
+ minWidth: 200.00,
49
+ scale: 1.00,
50
+ scaleMobile: 1.00,
51
+ color: "#3FF28C",
52
+ backgroundColor: "#10151B",
53
+ size: 0.8
54
+ })
55
+ </script>
56
+
57
+ <div class="container mx-auto px-4 py-8 max-w-7xl">
58
+ <!-- Header -->
59
+ <header class="flex justify-between items-center mb-12">
60
+ <div class="flex items-center space-x-2">
61
+ <img src="https://static.photos/technology/200x200/42" alt="VAI Logo" class="w-10 h-10 rounded-lg">
62
+ <h1 class="text-2xl font-bold text-primary-500">VAI</h1>
63
+ </div>
64
+
65
+ <nav class="hidden md:flex space-x-6">
66
+ <a href="index.html" class="hover:text-primary-500 transition">Home</a>
67
+ <a href="dashboard.html" class="hover:text-primary-500 transition">Dashboard</a>
68
+ <a href="agents.html" class="text-primary-500 hover:text-primary-400 transition">Agents</a>
69
+ <a href="#" class="hover:text-primary-500 transition">Integrations</a>
70
+ </nav>
71
+
72
+ <div class="flex items-center space-x-4">
73
+ <button class="p-2 rounded-full bg-dark-800 hover:bg-dark-700 transition">
74
+ <i data-feather="settings"></i>
75
+ </button>
76
+ <button onclick="window.location.href='onboarding.html'" class="px-4 py-2 bg-primary-500 hover:bg-primary-600 text-dark-900 rounded-lg font-medium transition">
77
+ <i data-feather="plus" class="mr-2"></i> New Agent
78
+ </button>
79
+ </div>
80
+ </header>
81
+
82
+ <!-- Agents Management -->
83
+ <section class="mb-8">
84
+ <div class="flex justify-between items-center mb-6">
85
+ <div>
86
+ <h2 class="text-2xl font-bold">Your AI Agents</h2>
87
+ <p class="text-gray-400">Manage your team of specialized AI assistants</p>
88
+ </div>
89
+ <div class="flex space-x-2">
90
+ <div class="relative">
91
+ <input type="text" placeholder="Search agents..." class="bg-dark-800 border border-gray-700 rounded-lg px-4 py-2 pl-10 focus:outline-none focus:ring-1 focus:ring-primary-500">
92
+ <i data-feather="search" class="absolute left-3 top-2.5 text-gray-500"></i>
93
+ </div>
94
+ <button class="p-2 rounded-lg bg-dark-800 hover:bg-dark-700 transition">
95
+ <i data-feather="filter"></i>
96
+ </button>
97
+ </div>
98
+ </div>
99
+
100
+ <!-- Agents Grid -->
101
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
102
+ <!-- Agent 1 -->
103
+ <div class="agent-card glass-panel rounded-xl p-6 border border-primary-500/20 hover:border-primary-500/40 transition">
104
+ <div class="flex justify-between items-start mb-4">
105
+ <div class="flex items-center space-x-3">
106
+ <div class="relative">
107
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-primary-500 to-secondary-500 flex items-center justify-center status-active">
108
+ <i data-feather="cpu" class="text-dark-900"></i>
109
+ </div>
110
+ <span class="absolute -bottom-1 -right-1 w-5 h-5 bg-green-400 border-2 border-dark-900 rounded-full flex items-center justify-center">
111
+ <i data-feather="check" class="text-dark-900 w-3 h-3"></i>
112
+ </span>
113
+ </div>
114
+ <div>
115
+ <h3 class="font-bold">Chief of Staff</h3>
116
+ <span class="text-xs text-green-400">Active</span>
117
+ </div>
118
+ </div>
119
+ <div class="dropdown relative">
120
+ <button class="text-gray-400 hover:text-primary-500">
121
+ <i data-feather="more-vertical"></i>
122
+ </button>
123
+ </div>
124
+ </div>
125
+ <p class="text-sm text-gray-300 mb-4">Coordinates all your agents and manages priorities</p>
126
+ <div class="flex justify-between text-xs text-gray-400 mb-2">
127
+ <span>Last active: 2 min ago</span>
128
+ <span>Tasks: 5/7 completed</span>
129
+ </div>
130
+ <div class="h-1.5 bg-gray-800 rounded-full overflow-hidden">
131
+ <div class="bg-primary-500 h-full rounded-full" style="width: 75%"></div>
132
+ </div>
133
+ </div>
134
+
135
+ <!-- Agent 2 -->
136
+ <div class="agent-card glass-panel rounded-xl p-6 border border-blue-400/20 hover:border-blue-400/40 transition">
137
+ <div class="flex justify-between items-start mb-4">
138
+ <div class="flex items-center space-x-3">
139
+ <div class="relative">
140
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-blue-400 to-cyan-400 flex items-center justify-center">
141
+ <i data-feather="mail" class="text-dark-900"></i>
142
+ </div>
143
+ <span class="absolute -bottom-1 -right-1 w-5 h-5 bg-green-400 border-2 border-dark-900 rounded-full flex items-center justify-center">
144
+ <i data-feather="check" class="text-dark-900 w-3 h-3"></i>
145
+ </span>
146
+ </div>
147
+ <div>
148
+ <h3 class="font-bold">Email Director</h3>
149
+ <span class="text-xs text-green-400">Active</span>
150
+ </div>
151
+ </div>
152
+ <div class="dropdown relative">
153
+ <button class="text-gray-400 hover:text-blue-400">
154
+ <i data-feather="more-vertical"></i>
155
+ </button>
156
+ </div>
157
+ </div>
158
+ <p class="text-sm text-gray-300 mb-4">Manages your inbox with AI-powered prioritization</p>
159
+ <div class="flex justify-between text-xs text-gray-400 mb-2">
160
+ <span>Last active: 5 min ago</span>
161
+ <span>Emails: 24 processed</span>
162
+ </div>
163
+ <div class="h-1.5 bg-gray-800 rounded-full overflow-hidden">
164
+ <div class="bg-blue-400 h-full rounded-full" style="width: 90%"></div>
165
+ </div>
166
+ </div>
167
+
168
+ <!-- Agent 3 -->
169
+ <div class="agent-card glass-panel rounded-xl p-6 border border-purple-500/20 hover:border-purple-500/40 transition">
170
+ <div class="flex justify-between items-start mb-4">
171
+ <div class="flex items-center space-x-3">
172
+ <div class="relative">
173
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center">
174
+ <i data-feather="calendar" class="text-dark-900"></i>
175
+ </div>
176
+ <span class="absolute -bottom-1 -right-1 w-5 h-5 bg-yellow-400 border-2 border-dark-900 rounded-full flex items-center justify-center">
177
+ <i data-feather="clock" class="text-dark-900 w-3 h-3"></i>
178
+ </span>
179
+ </div>
180
+ <div>
181
+ <h3 class="font-bold">Schedule Manager</h3>
182
+ <span class="text-xs text-yellow-400">Syncing</span>
183
+ </div>
184
+ </div>
185
+ <div class="dropdown relative">
186
+ <button class="text-gray-400 hover:text-purple-500">
187
+ <i data-feather="more-vertical"></i>
188
+ </button>
189
+ </div>
190
+ </div>
191
+ <p class="text-sm text-gray-300 mb-4">Coordinates your calendar and schedules meetings</p>
192
+ <div class="flex justify-between text-xs text-gray-400 mb-2">
193
+ <span>Last sync: 1 min ago</span>
194
+ <span>Events: 3 added</span>
195
+ </div>
196
+ <div class="h-1.5 bg-gray-800 rounded-full overflow-hidden">
197
+ <div class="bg-purple-500 h-full rounded-full" style="width: 60%"></div>
198
+ </div>
199
+ </div>
200
+
201
+ <!-- Agent 4 -->
202
+ <div class="agent-card glass-panel rounded-xl p-6 border border-secondary-500/20 hover:border-secondary-500/40 transition">
203
+ <div class="flex justify-between items-start mb-4">
204
+ <div class="flex items-center space-x-3">
205
+ <div class="relative">
206
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-secondary-500 to-yellow-500 flex items-center justify-center">
207
+ <i data-feather="dollar-sign" class="text-dark-900"></i>
208
+ </div>
209
+ <span class="absolute -bottom-1 -right-1 w-5 h-5 bg-green-400 border-2 border-dark-900 rounded-full flex items-center justify-center">
210
+ <i data-feather="check" class="text-dark-900 w-3 h-3"></i>
211
+ </span>
212
+ </div>
213
+ <div>
214
+ <h3 class="font-bold">Investor Relations</h3>
215
+ <span class="text-xs text-green-400">Active</span>
216
+ </div>
217
+ </div>
218
+ <div class="dropdown relative">
219
+ <button class="text-gray-400 hover:text-secondary-500">
220
+ <i data-feather="more-vertical"></i>
221
+ </button>
222
+ </div>
223
+ </div>
224
+ <p class="text-sm text-gray-300 mb-4">Tracks investment opportunities and manages outreach</p>
225
+ <div class="flex justify-between text-xs text-gray-400 mb-2">
226
+ <span>Last active: 10 min ago</span>
227
+ <span>Opportunities: 3 new</span>
228
+ </div>
229
+ <div class="h-1.5 bg-gray-800 rounded-full overflow-hidden">
230
+ <div class="bg-secondary-500 h-full rounded-full" style="width: 45%"></div>
231
+ </div>
232
+ </div>
233
+
234
+ <!-- Agent 5 -->
235
+ <div class="agent-card glass-panel rounded-xl p-6 border border-red-400/20 hover:border-red-400/40 transition">
236
+ <div class="flex justify-between items-start mb-4">
237
+ <div class="flex items-center space-x-3">
238
+ <div class="relative">
239
+ <div class="w-12 h-12 rounded-full bg-gradient-to-br from-red-400 to-pink-500 flex items-center justify-center">
240
+ <i data-feather="alert-triangle" class="text-dark-900"></i>
241
+ </div>
242
+ <span class="absolute -bottom-1 -right-1 w-5 h-5 bg-red-400 border-2 border-dark-900 rounded-full flex items-center justify-center">
243
+ <i data-feather="alert-circle" class="text-dark-900 w-3 h-3"></i>
244
+ </span>
245
+ </div>
246
+ <div>
247
+ <h3 class="font-bold">Error Handler</h3>
248
+ <span class="text-xs text-red-400">Needs attention</span>
249
+ </div>
250
+ </div>
251
+ <div class="dropdown relative">
252
+ <button class="text-gray-400 hover:text-red-400">
253
+ <i data-feather="more-vertical"></i>
254
+ </button>
255
+ </div>
256
+ </div>
257
+ <p class="text-sm text-gray-300 mb-4">Monitors system for errors and alerts you</p>
258
+ <div class="flex justify-between text-xs text-gray-400 mb-2">
259
+ <span>Last alert: 5 min ago</span>
260
+ <span>Issues: 2 unresolved</span>
261
+ </div>
262
+ <div class="h-1.5 bg-gray-800 rounded-full overflow-hidden">
263
+ <div class="bg-red-400 h-full rounded-full" style="width: 20%"></div>
264
+ </div>
265
+ </div>
266
+
267
+ <!-- Add New Agent Card -->
268
+ <div class="agent-card glass-panel rounded-xl p-6 border-2 border-dashed border-gray-600 hover:border-primary-500 transition flex flex-col items-center justify-center cursor-pointer" onclick="window.location.href='onboarding.html'">
269
+ <div class="w-12 h-12 rounded-full bg-dark-800 flex items-center justify-center mb-3">
270
+ <i data-feather="plus" class="text-primary-500"></i>
271
+ </div>
272
+ <h3 class="text-lg font-medium mb-1">Add New Agent</h3>
273
+ <p class="text-sm text-gray-400 text-center">Create a specialized AI assistant for your needs</p>
274
+ </div>
275
+ </div>
276
+ </section>
277
+
278
+ <!-- Agent Details Section -->
279
+ <section class="glass-panel rounded-xl p-6 mb-8">
280
+ <div class="flex justify-between items-center mb-6">
281
+ <div>
282
+ <h3 class="text-xl font-bold">Agent Details</h3>
283
+ <p class="text-gray-400">Detailed view and configuration for your selected agent</p>
284
+ </div>
285
+ <div class="flex space-x-2">
286
+ <button class="px-4 py-2 bg-dark-800 hover:bg-dark-700 rounded-lg transition">
287
+ <i data-feather="settings" class="mr-2"></i> Configure
288
+ </button>
289
+ <button class="px-4 py-2 bg-primary-500 hover:bg-primary-600 text-dark-900 rounded-lg transition">
290
+ <i data-feather="activity" class="mr-2"></i> Activity Log
291
+ </button>
292
+ </div>
293
+ </div>
294
+
295
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
296
+ <!-- Agent Info -->
297
+ <div class="bg-dark-800 rounded-xl p-4">
298
+ <h4 class="font-medium mb-3">Agent Information</h4>
299
+ <div class="space-y-3">
300
+ <div>
301
+ <p class="text-xs text-gray-400">Agent Name</p>
302
+ <p class="font-medium">Chief of Staff</p>
303
+ </div>
304
+ <div>
305
+ <p class="text-xs text-gray-400">Agent Type</p>
306
+ <p class="font-medium">Orchestrator</p>
307
+ </div>
308
+ <div>
309
+ <p class="text-xs text-gray-400">Created</p>
310
+ <p class="font-medium">2 weeks ago</p>
311
+ </div>
312
+ <div>
313
+ <p class="text-xs text-gray-400">Last Updated</p>
314
+ <p class="font-medium">3 days ago</p>
315
+ </div>
316
+ </div>
317
+ </div>
318
+
319
+ <!-- Performance Stats -->
320
+ <div class="bg-dark-800 rounded-xl p-4">
321
+ <h4 class="font-medium mb-3">Performance</h4>
322
+ <div class="space-y-3">
323
+ <div>
324
+ <p class="text-xs text-gray-400">Time Saved</p>
325
+ <p class="font-medium">14.5 hours</p>
326
+ </div>
327
+ <div>
328
+ <p class="text-xs text-gray-400">Tasks Completed</p>
329
+ <p class="font-medium">47 tasks</p>
330
+ </div>
331
+ <div>
332
+ <p class="text-xs text-gray-400">Success Rate</p>
333
+ <p class="font-medium">92%</p>
334
+ </div>
335
+ <div>
336
+ <p class="text-xs text-gray-400">Efficiency</p>
337
+ <p class="font-medium">85%</p>
338
+ </div>
339
+ </div>
340
+ </div>
341
+
342
+ <!-- Connected Services -->
343
+ <div class="bg-dark-800 rounded-xl p-4">
344
+ <h4 class="font-medium mb-3">Connected Services</h4>
345
+ <div class="flex flex-wrap gap-2 mb-3">
346
+ <span class="text-xs bg-blue-400/10 text-blue-400 px-2 py-1 rounded">Gmail</span>
347
+ <span class="text-xs bg-purple-500/10 text-purple-500 px-2 py-1 rounded">Slack</span>
348
+ <span class="text-xs bg-green-400/10 text-green-400 px-2 py-1 rounded">Notion</span>
349
+ <span class="text-xs bg-yellow-500/10 text-yellow-500 px-2 py-1 rounded">Google Calendar</span>
350
+ </div>
351
+ <button class="text-xs text-primary-500 hover:text-primary-400 flex items-center">
352
+ <i data-feather="plus" class="w-3 h-3 mr-1"></i> Add Service
353
+ </button>
354
+ </div>
355
+ </div>
356
+ </section>
357
+
358
+ <!-- Footer -->
359
+ <footer class="border-t border-gray-800 pt-8 pb-12">
360
+ <div class="flex flex-col md:flex-row justify-between items-center">
361
+ <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 VAI. All rights reserved.</p>
362
+ <div class="flex space-x-4">
363
+ <a href="#" class="text-gray-500 hover:text-primary-500 transition">
364
+ <i data-feather="twitter"></i>
365
+ </a>
366
+ <a href="#" class="text-gray-500 hover:text-primary-500 transition">
367
+ <i data-feather="linkedin"></i>
368
+ </a>
369
+ <a href="#" class="text-gray-500 hover:text-primary-500 transition">
370
+ <i data-feather="github"></i>
371
+ </a>
372
+ </div>
373
+ </div>
374
+ </footer>
375
+ </div>
376
+
377
+ <script>
378
+ feather.replace();
379
+ </script>
380
+ </body>
381
+ </html>
dashboard.html CHANGED
@@ -77,15 +77,13 @@
77
  <img src="https://static.photos/technology/200x200/42" alt="VAI Logo" class="w-10 h-10 rounded-lg">
78
  <h1 class="text-2xl font-bold text-primary-500">VAI</h1>
79
  </div>
80
-
81
  <nav class="hidden md:flex space-x-6">
82
- <a href="#" class="hover:text-primary-500 transition">Dashboard</a>
83
- <a href="#" class="hover:text-primary-500 transition">Agents</a>
84
  <a href="#" class="hover:text-primary-500 transition">Integrations</a>
85
  <a href="#" class="hover:text-primary-500 transition">Community</a>
86
  </nav>
87
-
88
- <div class="flex items-center space-x-4">
89
  <button class="p-2 rounded-full bg-dark-800 hover:bg-dark-700 transition">
90
  <i data-feather="settings"></i>
91
  </button>
 
77
  <img src="https://static.photos/technology/200x200/42" alt="VAI Logo" class="w-10 h-10 rounded-lg">
78
  <h1 class="text-2xl font-bold text-primary-500">VAI</h1>
79
  </div>
 
80
  <nav class="hidden md:flex space-x-6">
81
+ <a href="dashboard.html" class="hover:text-primary-500 transition">Dashboard</a>
82
+ <a href="agents.html" class="hover:text-primary-500 transition">Agents</a>
83
  <a href="#" class="hover:text-primary-500 transition">Integrations</a>
84
  <a href="#" class="hover:text-primary-500 transition">Community</a>
85
  </nav>
86
+ <div class="flex items-center space-x-4">
 
87
  <button class="p-2 rounded-full bg-dark-800 hover:bg-dark-700 transition">
88
  <i data-feather="settings"></i>
89
  </button>
index.html CHANGED
@@ -108,15 +108,13 @@ secondary: {
108
  <img src="https://static.photos/technology/200x200/42" alt="VAgents Logo" class="w-10 h-10 rounded-lg">
109
  <h1 class="text-2xl font-bold text-primary-500">VAI</h1>
110
  </div>
111
-
112
  <nav class="hidden md:flex space-x-6">
113
- <a href="#" class="hover:text-primary-500 transition">Dashboard</a>
114
- <a href="#" class="hover:text-primary-500 transition">Agents</a>
115
  <a href="#" class="hover:text-primary-500 transition">Integrations</a>
116
  <a href="#" class="hover:text-primary-500 transition">Community</a>
117
  </nav>
118
-
119
- <div class="flex items-center space-x-4">
120
  <button class="p-2 rounded-full bg-dark-800 hover:bg-dark-700 transition">
121
  <i data-feather="settings"></i>
122
  </button>
@@ -610,6 +608,7 @@ secondary: {
610
  <h4 class="text-lg font-bold mb-4">Product</h4>
611
  <ul class="space-y-2">
612
  <li><a href="onboarding.html" class="text-gray-400 hover:text-primary-500 transition text-sm">Get Started</a></li>
 
613
  <li><a href="#" class="text-gray-400 hover:text-primary-500 transition text-sm">Pricing</a></li>
614
  <li><a href="#" class="text-gray-400 hover:text-primary-500 transition text-sm">Integrations</a></li>
615
  <li><a href="#" class="text-gray-400 hover:text-primary-500 transition text-sm">Roadmap</a></li>
 
108
  <img src="https://static.photos/technology/200x200/42" alt="VAgents Logo" class="w-10 h-10 rounded-lg">
109
  <h1 class="text-2xl font-bold text-primary-500">VAI</h1>
110
  </div>
 
111
  <nav class="hidden md:flex space-x-6">
112
+ <a href="dashboard.html" class="hover:text-primary-500 transition">Dashboard</a>
113
+ <a href="agents.html" class="hover:text-primary-500 transition">Agents</a>
114
  <a href="#" class="hover:text-primary-500 transition">Integrations</a>
115
  <a href="#" class="hover:text-primary-500 transition">Community</a>
116
  </nav>
117
+ <div class="flex items-center space-x-4">
 
118
  <button class="p-2 rounded-full bg-dark-800 hover:bg-dark-700 transition">
119
  <i data-feather="settings"></i>
120
  </button>
 
608
  <h4 class="text-lg font-bold mb-4">Product</h4>
609
  <ul class="space-y-2">
610
  <li><a href="onboarding.html" class="text-gray-400 hover:text-primary-500 transition text-sm">Get Started</a></li>
611
+ <li><a href="agents.html" class="text-gray-400 hover:text-primary-500 transition text-sm">Agents</a></li>
612
  <li><a href="#" class="text-gray-400 hover:text-primary-500 transition text-sm">Pricing</a></li>
613
  <li><a href="#" class="text-gray-400 hover:text-primary-500 transition text-sm">Integrations</a></li>
614
  <li><a href="#" class="text-gray-400 hover:text-primary-500 transition text-sm">Roadmap</a></li>
onboarding.html CHANGED
@@ -137,8 +137,8 @@
137
  <button class="px-6 py-2 border border-gray-600 text-gray-300 hover:bg-gray-800 rounded-lg transition" onclick="window.location.href='index.html'">
138
  Skip for now
139
  </button>
140
- <button class="px-6 py-2 bg-primary-500 hover:bg-primary-600 text-dark-900 font-medium rounded-lg transition flex items-center" onclick="window.location.href='dashboard.html'">
141
- Continue to Dashboard
142
  <i data-feather="arrow-right" class="ml-2"></i>
143
  </button>
144
  </div>
 
137
  <button class="px-6 py-2 border border-gray-600 text-gray-300 hover:bg-gray-800 rounded-lg transition" onclick="window.location.href='index.html'">
138
  Skip for now
139
  </button>
140
+ <button class="px-6 py-2 bg-primary-500 hover:bg-primary-600 text-dark-900 font-medium rounded-lg transition flex items-center" onclick="window.location.href='agents.html'">
141
+ Continue to Dashboard
142
  <i data-feather="arrow-right" class="ml-2"></i>
143
  </button>
144
  </div>