Hugging Face's logo

Spaces:
Alexo19
/
cryptosignal-sleuth
Running

App Files Community
Alexo19 commited on
Commit
6ca3084
·
verified ·
1 Parent(s): bb43a33

MAKE SURE YOU DONT STOP CODING UNTIL YOU FINISH BUILDING THE APP AND DONE TESTING AND IMPROVING

Browse files
Files changed (3) hide show
  1. api-docs.html +3 -3
  2. index.html +5 -5
  3. signals.html +402 -0
api-docs.html CHANGED
@@ -62,11 +62,11 @@
62
  </div>
63
  <div class="hidden md:flex space-x-6">
64
  <a href="index.html" class="hover:text-primary-500 transition">Dashboard</a>
65
- <a href="#" class="hover:text-primary-500 transition">Signals</a>
66
  <a href="#" class="hover:text-primary-500 transition">Analytics</a>
67
  <a href="#" class="hover:text-primary-500 transition">Traders</a>
68
  <a href="api-docs.html" class="text-primary-500 font-medium">API Docs</a>
69
- </div>
70
  <button class="md:hidden">
71
  <i data-feather="menu"></i>
72
  </button>
@@ -239,7 +239,7 @@
239
  <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Features</a></li>
240
  <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Pricing</a></li>
241
  <li><a href="api-docs.html" class="text-gray-300 hover:text-primary-500 transition">API Docs</a></li>
242
- </ul>
243
  </div>
244
  <div>
245
  <h4 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Company</h4>
 
62
  </div>
63
  <div class="hidden md:flex space-x-6">
64
  <a href="index.html" class="hover:text-primary-500 transition">Dashboard</a>
65
+ <a href="signals.html" class="hover:text-primary-500 transition">Signals</a>
66
  <a href="#" class="hover:text-primary-500 transition">Analytics</a>
67
  <a href="#" class="hover:text-primary-500 transition">Traders</a>
68
  <a href="api-docs.html" class="text-primary-500 font-medium">API Docs</a>
69
+ </div>
70
  <button class="md:hidden">
71
  <i data-feather="menu"></i>
72
  </button>
 
239
  <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Features</a></li>
240
  <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Pricing</a></li>
241
  <li><a href="api-docs.html" class="text-gray-300 hover:text-primary-500 transition">API Docs</a></li>
242
+ </ul>
243
  </div>
244
  <div>
245
  <h4 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Company</h4>
index.html CHANGED
@@ -58,12 +58,12 @@
58
  <span class="text-xl font-bold bg-gradient-to-r from-primary-500 to-secondary-500 bg-clip-text text-transparent">CryptoSignal Sleuth</span>
59
  </div>
60
  <div class="hidden md:flex space-x-6">
61
- <a href="#" class="hover:text-primary-500 transition">Dashboard</a>
62
- <a href="#" class="hover:text-primary-500 transition">Signals</a>
63
  <a href="#" class="hover:text-primary-500 transition">Analytics</a>
64
  <a href="#" class="hover:text-primary-500 transition">Traders</a>
65
- <a href="#" class="hover:text-primary-500 transition">API Docs</a>
66
- </div>
67
  <button class="md:hidden">
68
  <i data-feather="menu"></i>
69
  </button>
@@ -292,7 +292,7 @@
292
  <ul class="space-y-2">
293
  <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Features</a></li>
294
  <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Pricing</a></li>
295
- <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">API Docs</a></li>
296
  </ul>
297
  </div>
298
  <div>
 
58
  <span class="text-xl font-bold bg-gradient-to-r from-primary-500 to-secondary-500 bg-clip-text text-transparent">CryptoSignal Sleuth</span>
59
  </div>
60
  <div class="hidden md:flex space-x-6">
61
+ <a href="index.html" class="hover:text-primary-500 transition">Dashboard</a>
62
+ <a href="signals.html" class="hover:text-primary-500 transition">Signals</a>
63
  <a href="#" class="hover:text-primary-500 transition">Analytics</a>
64
  <a href="#" class="hover:text-primary-500 transition">Traders</a>
65
+ <a href="api-docs.html" class="hover:text-primary-500 transition">API Docs</a>
66
+ </div>
67
  <button class="md:hidden">
68
  <i data-feather="menu"></i>
69
  </button>
 
292
  <ul class="space-y-2">
293
  <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Features</a></li>
294
  <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Pricing</a></li>
295
+ <li><a href="api-docs.html" class="text-gray-300 hover:text-primary-500 transition">API Docs</a></li>
296
  </ul>
297
  </div>
298
  <div>
signals.html ADDED
@@ -0,0 +1,402 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Signals | CryptoSignal Sleuth</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/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
11
+ <script>
12
+ tailwind.config = {
13
+ darkMode: 'class',
14
+ theme: {
15
+ extend: {
16
+ colors: {
17
+ primary: {
18
+ 500: '#d946ef',
19
+ },
20
+ secondary: {
21
+ 500: '#f97316',
22
+ }
23
+ }
24
+ }
25
+ }
26
+ }
27
+ </script>
28
+ <style>
29
+ .vanta-bg {
30
+ position: absolute;
31
+ top: 0;
32
+ left: 0;
33
+ width: 100%;
34
+ height: 100%;
35
+ z-index: -1;
36
+ opacity: 0.3;
37
+ }
38
+ .glass-card {
39
+ backdrop-filter: blur(16px) saturate(180%);
40
+ -webkit-backdrop-filter: blur(16px) saturate(180%);
41
+ background-color: rgba(17, 25, 40, 0.75);
42
+ border-radius: 12px;
43
+ border: 1px solid rgba(255, 255, 255, 0.125);
44
+ }
45
+ .signal-card:hover {
46
+ transform: translateY(-5px);
47
+ box-shadow: 0 20px 25px -5px rgba(217, 70, 239, 0.1), 0 10px 10px -5px rgba(217, 70, 239, 0.04);
48
+ }
49
+ .paginate-btn:hover {
50
+ border-color: #d946ef;
51
+ color: #d946ef;
52
+ }
53
+ </style>
54
+ </head>
55
+ <body class="bg-gray-900 text-gray-100 min-h-screen">
56
+ <div id="vanta-bg" class="vanta-bg"></div>
57
+
58
+ <nav class="border-b border-gray-800 py-4">
59
+ <div class="container mx-auto px-4 flex justify-between items-center">
60
+ <div class="flex items-center space-x-2">
61
+ <i data-feather="activity" class="text-primary-500"></i>
62
+ <span class="text-xl font-bold bg-gradient-to-r from-primary-500 to-secondary-500 bg-clip-text text-transparent">CryptoSignal Sleuth</span>
63
+ </div>
64
+ <div class="hidden md:flex space-x-6">
65
+ <a href="index.html" class="hover:text-primary-500 transition">Dashboard</a>
66
+ <a href="signals.html" class="text-primary-500 font-medium">Signals</a>
67
+ <a href="#" class="hover:text-primary-500 transition">Analytics</a>
68
+ <a href="#" class="hover:text-primary-500 transition">Traders</a>
69
+ <a href="api-docs.html" class="hover:text-primary-500 transition">API Docs</a>
70
+ </div>
71
+ <button class="md:hidden">
72
+ <i data-feather="menu"></i>
73
+ </button>
74
+ </div>
75
+ </nav>
76
+
77
+ <main class="container mx-auto px-4 py-8">
78
+ <!-- Signals Header -->
79
+ <section class="mb-8">
80
+ <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">
81
+ <h1 class="text-3xl font-bold">All <span class="text-primary-500">Signals</span></h1>
82
+ <div class="flex space-x-4 mt-4 md:mt-0">
83
+ <div class="relative">
84
+ <select class="bg-gray-800 border border-gray-700 text-gray-300 rounded-lg px-4 py-2 appearance-none focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent">
85
+ <option>All Pairs</option>
86
+ <option>BTC/USDT</option>
87
+ <option>ETH/USDT</option>
88
+ <option>SOL/USDT</option>
89
+ <option>XRP/USDT</option>
90
+ </select>
91
+ <i data-feather="chevron-down" class="absolute right-3 top-3 w-4 h-4 pointer-events-none"></i>
92
+ </div>
93
+ <div class="relative">
94
+ <select class="bg-gray-800 border border-gray-700 text-gray-300 rounded-lg px-4 py-2 appearance-none focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent">
95
+ <option>All Types</option>
96
+ <option>BUY</option>
97
+ <option>SELL</option>
98
+ </select>
99
+ <i data-feather="chevron-down" class="absolute right-3 top-3 w-4 h-4 pointer-events-none"></i>
100
+ </div>
101
+ </div>
102
+ </div>
103
+ </section>
104
+
105
+ <!-- Signals Table -->
106
+ <section class="glass-card p-6 mb-8">
107
+ <div class="overflow-x-auto">
108
+ <table class="w-full">
109
+ <thead>
110
+ <tr class="border-b border-gray-800 text-gray-400 text-left">
111
+ <th class="pb-4">Pair</th>
112
+ <th class="pb-4">Type</th>
113
+ <th class="pb-4">Entry</th>
114
+ <th class="pb-4">Targets</th>
115
+ <th class="pb-4">Stop Loss</th>
116
+ <th class="pb-4">Confidence</th>
117
+ <th class="pb-4">Trader</th>
118
+ <th class="pb-4">Time</th>
119
+ <th class="pb-4"></th>
120
+ </tr>
121
+ </thead>
122
+ <tbody class="divide-y divide-gray-800">
123
+ <!-- Signal Row 1 -->
124
+ <tr class="hover:bg-gray-800/50 transition">
125
+ <td class="py-4 font-bold">BTC/USDT</td>
126
+ <td><span class="bg-green-900/50 text-green-400 px-3 py-1 rounded-full text-sm font-medium">BUY</span></td>
127
+ <td class="font-mono">$42,356.20</td>
128
+ <td class="font-mono text-green-400">$44,500.00</td>
129
+ <td class="font-mono text-red-400">$41,200.00</td>
130
+ <td>
131
+ <div class="flex items-center">
132
+ <div class="w-16 bg-gray-700 rounded-full h-2 mr-2">
133
+ <div class="bg-primary-500 h-2 rounded-full" style="width: 83%"></div>
134
+ </div>
135
+ <span>83%</span>
136
+ </div>
137
+ </td>
138
+ <td>
139
+ <div class="flex items-center">
140
+ <div class="w-8 h-8 rounded-full bg-gray-700 flex items-center justify-center mr-2">
141
+ <i data-feather="user" class="w-4 h-4"></i>
142
+ </div>
143
+ <span>CryptoWhale</span>
144
+ </div>
145
+ </td>
146
+ <td class="text-sm text-gray-400">2 min ago</td>
147
+ <td>
148
+ <button class="text-primary-500 hover:text-primary-400 p-2">
149
+ <i data-feather="external-link" class="w-4 h-4"></i>
150
+ </button>
151
+ </td>
152
+ </tr>
153
+
154
+ <!-- Signal Row 2 -->
155
+ <tr class="hover:bg-gray-800/50 transition">
156
+ <td class="py-4 font-bold">ETH/USDT</td>
157
+ <td><span class="bg-red-900/50 text-red-400 px-3 py-1 rounded-full text-sm font-medium">SELL</span></td>
158
+ <td class="font-mono">$2,856.40</td>
159
+ <td class="font-mono text-green-400">$2,700.00</td>
160
+ <td class="font-mono text-red-400">$2,950.00</td>
161
+ <td>
162
+ <div class="flex items-center">
163
+ <div class="w-16 bg-gray-700 rounded-full h-2 mr-2">
164
+ <div class="bg-primary-500 h-2 rounded-full" style="width: 76%"></div>
165
+ </div>
166
+ <span>76%</span>
167
+ </div>
168
+ </td>
169
+ <td>
170
+ <div class="flex items-center">
171
+ <div class="w-8 h-8 rounded-full bg-gray-700 flex items-center justify-center mr-2">
172
+ <i data-feather="user" class="w-4 h-4"></i>
173
+ </div>
174
+ <span>AltSniper</span>
175
+ </div>
176
+ </td>
177
+ <td class="text-sm text-gray-400">15 min ago</td>
178
+ <td>
179
+ <button class="text-primary-500 hover:text-primary-400 p-2">
180
+ <i data-feather="external-link" class="w-4 h-4"></i>
181
+ </button>
182
+ </td>
183
+ </tr>
184
+
185
+ <!-- Signal Row 3 -->
186
+ <tr class="hover:bg-gray-800/50 transition">
187
+ <td class="py-4 font-bold">SOL/USDT</td>
188
+ <td><span class="bg-green-900/50 text-green-400 px-3 py-1 rounded-full text-sm font-medium">BUY</span></td>
189
+ <td class="font-mono">$98.75</td>
190
+ <td class="font-mono text-green-400">$112.00</td>
191
+ <td class="font-mono text-red-400">$92.00</td>
192
+ <td>
193
+ <div class="flex items-center">
194
+ <div class="w-16 bg-gray-700 rounded-full h-2 mr-2">
195
+ <div class="bg-primary-500 h-2 rounded-full" style="width: 68%"></div>
196
+ </div>
197
+ <span>68%</span>
198
+ </div>
199
+ </td>
200
+ <td>
201
+ <div class="flex items-center">
202
+ <div class="w-8 h-8 rounded-full bg-gray-700 flex items-center justify-center mr-2">
203
+ <i data-feather="user" class="w-4 h-4"></i>
204
+ </div>
205
+ <span>SolanaKing</span>
206
+ </div>
207
+ </td>
208
+ <td class="text-sm text-gray-400">32 min ago</td>
209
+ <td>
210
+ <button class="text-primary-500 hover:text-primary-400 p-2">
211
+ <i data-feather="external-link" class="w-4 h-4"></i>
212
+ </button>
213
+ </td>
214
+ </tr>
215
+
216
+ <!-- Signal Row 4 -->
217
+ <tr class="hover:bg-gray-800/50 transition">
218
+ <td class="py-4 font-bold">XRP/USDT</td>
219
+ <td><span class="bg-green-900/50 text-green-400 px-3 py-1 rounded-full text-sm font-medium">BUY</span></td>
220
+ <td class="font-mono">$0.5234</td>
221
+ <td class="font-mono text-green-400">$0.5800</td>
222
+ <td class="font-mono text-red-400">$0.5050</td>
223
+ <td>
224
+ <div class="flex items-center">
225
+ <div class="w-16 bg-gray-700 rounded-full h-2 mr-2">
226
+ <div class="bg-primary-500 h-2 rounded-full" style="width: 72%"></div>
227
+ </div>
228
+ <span>72%</span>
229
+ </div>
230
+ </td>
231
+ <td>
232
+ <div class="flex items-center">
233
+ <div class="w-8 h-8 rounded-full bg-gray-700 flex items-center justify-center mr-2">
234
+ <i data-feather="user" class="w-4 h-4"></i>
235
+ </div>
236
+ <span>XRPNinja</span>
237
+ </div>
238
+ </td>
239
+ <td class="text-sm text-gray-400">1 hour ago</td>
240
+ <td>
241
+ <button class="text-primary-500 hover:text-primary-400 p-2">
242
+ <i data-feather="external-link" class="w-4 h-4"></i>
243
+ </button>
244
+ </td>
245
+ </tr>
246
+
247
+ <!-- Signal Row 5 -->
248
+ <tr class="hover:bg-gray-800/50 transition">
249
+ <td class="py-4 font-bold">ADA/USDT</td>
250
+ <td><span class="bg-green-900/50 text-green-400 px-3 py-1 rounded-full text-sm font-medium">BUY</span></td>
251
+ <td class="font-mono">$0.2532</td>
252
+ <td class="font-mono text-green-400">$0.2800</td>
253
+ <td class="font-mono text-red-400">$0.2430</td>
254
+ <td>
255
+ <div class="flex items-center">
256
+ <div class="w-16 bg-gray-700 rounded-full h-2 mr-2">
257
+ <div class="bg-primary-500 h-2 rounded-full" style="width: 65%"></div>
258
+ </div>
259
+ <span>65%</span>
260
+ </div>
261
+ </td>
262
+ <td>
263
+ <div class="flex items-center">
264
+ <div class="w-8 h-8 rounded-full bg-gray-700 flex items-center justify-center mr-2">
265
+ <i data-feather="user" class="w-4 h-4"></i>
266
+ </div>
267
+ <span>AdaQueen</span>
268
+ </div>
269
+ </td>
270
+ <td class="text-sm text-gray-400">2 hours ago</td>
271
+ <td>
272
+ <button class="text-primary-500 hover:text-primary-400 p-2">
273
+ <i data-feather="external-link" class="w-4 h-4"></i>
274
+ </button>
275
+ </td>
276
+ </tr>
277
+ </tbody>
278
+ </table>
279
+ </div>
280
+
281
+ <!-- Pagination -->
282
+ <div class="flex justify-center mt-8">
283
+ <div class="flex space-x-2">
284
+ <button class="paginate-btn w-10 h-10 flex items-center justify-center border border-gray-700 rounded-lg text-gray-400 hover:text-primary-500 transition">
285
+ <i data-feather="chevron-left" class="w-4 h-4"></i>
286
+ </button>
287
+ <button class="paginate-btn w-10 h-10 flex items-center justify-center bg-primary-500 text-white rounded-lg">1</button>
288
+ <button class="paginate-btn w-10 h-10 flex items-center justify-center border border-gray-700 rounded-lg hover:text-primary-500 transition">2</button>
289
+ <button class="paginate-btn w-10 h-10 flex items-center justify-center border border-gray-700 rounded-lg hover:text-primary-500 transition">3</button>
290
+ <button class="paginate-btn w-10 h-10 flex items-center justify-center border border-gray-700 rounded-lg text-gray-400 hover:text-primary-500 transition">
291
+ <i data-feather="chevron-right" class="w-4 h-4"></i>
292
+ </button>
293
+ </div>
294
+ </div>
295
+ </section>
296
+
297
+ <!-- Signal Stats -->
298
+ <section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
299
+ <div class="glass-card p-6 rounded-xl">
300
+ <h3 class="text-lg font-semibold text-gray-400 mb-2">Total Signals</h3>
301
+ <p class="text-3xl font-bold">1,248</p>
302
+ <div class="flex items-center mt-2">
303
+ <i data-feather="trending-up" class="text-green-500 mr-1 w-4 h-4"></i>
304
+ <span class="text-green-500 text-sm">12% this week</span>
305
+ </div>
306
+ </div>
307
+ <div class="glass-card p-6 rounded-xl">
308
+ <h3 class="text-lg font-semibold text-gray-400 mb-2">Success Rate</h3>
309
+ <p class="text-3xl font-bold">72.5%</p>
310
+ <div class="flex items-center mt-2">
311
+ <i data-feather="trending-up" class="text-green-500 mr-1 w-4 h-4"></i>
312
+ <span class="text-green-500 text-sm">3.2% this week</span>
313
+ </div>
314
+ </div>
315
+ <div class="glass-card p-6 rounded-xl">
316
+ <h3 class="text-lg font-semibold text-gray-400 mb-2">Avg Profit</h3>
317
+ <p class="text-3xl font-bold">8.2%</p>
318
+ <div class="flex items-center mt-2">
319
+ <i data-feather="trending-down" class="text-red-500 mr-1 w-4 h-4"></i>
320
+ <span class="text-red-500 text-sm">1.1% this week</span>
321
+ </div>
322
+ </div>
323
+ </section>
324
+ </main>
325
+
326
+ <footer class="border-t border-gray-800 py-8 mt-12">
327
+ <div class="container mx-auto px-4">
328
+ <div class="flex flex-col md:flex-row justify-between items-center">
329
+ <div class="flex items-center space-x-2 mb-4 md:mb-0">
330
+ <i data-feather="activity" class="text-primary-500"></i>
331
+ <span class="text-xl font-bold">CryptoSignal Sleuth</span>
332
+ </div>
333
+ <div class="flex space-x-6">
334
+ <a href="#" class="hover:text-primary-500 transition">
335
+ <i data-feather="twitter" class="w-5 h-5"></i>
336
+ </a>
337
+ <a href="#" class="hover:text-primary-500 transition">
338
+ <i data-feather="github" class="w-5 h-5"></i>
339
+ </a>
340
+ <a href="#" class="hover:text-primary-500 transition">
341
+ <i data-feather="discord" class="w-5 h-5"></i>
342
+ </a>
343
+ <a href="#" class="hover:text-primary-500 transition">
344
+ <i data-feather="mail" class="w-5 h-5"></i>
345
+ </a>
346
+ </div>
347
+ </div>
348
+ <div class="mt-8 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between">
349
+ <div class="mb-6 md:mb-0">
350
+ <p class="text-gray-400">&copy; 2023 CryptoSignal Sleuth. All rights reserved.</p>
351
+ </div>
352
+ <div class="grid grid-cols-2 md:grid-cols-3 gap-8">
353
+ <div>
354
+ <h4 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Product</h4>
355
+ <ul class="space-y-2">
356
+ <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Features</a></li>
357
+ <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Pricing</a></li>
358
+ <li><a href="api-docs.html" class="text-gray-300 hover:text-primary-500 transition">API Docs</a></li>
359
+ </ul>
360
+ </div>
361
+ <div>
362
+ <h4 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Company</h4>
363
+ <ul class="space-y-2">
364
+ <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">About</a></li>
365
+ <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Blog</a></li>
366
+ <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Careers</a></li>
367
+ </ul>
368
+ </div>
369
+ <div>
370
+ <h4 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Legal</h4>
371
+ <ul class="space-y-2">
372
+ <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Privacy</a></li>
373
+ <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Terms</a></li>
374
+ <li><a href="#" class="text-gray-300 hover:text-primary-500 transition">Cookie Policy</a></li>
375
+ </ul>
376
+ </div>
377
+ </div>
378
+ </div>
379
+ </div>
380
+ </footer>
381
+
382
+ <script>
383
+ // Initialize Vanta.js globe background
384
+ VANTA.GLOBE({
385
+ el: "#vanta-bg",
386
+ mouseControls: true,
387
+ touchControls: true,
388
+ gyroControls: false,
389
+ minHeight: 200.00,
390
+ minWidth: 200.00,
391
+ scale: 1.00,
392
+ scaleMobile: 1.00,
393
+ color: "#d946ef",
394
+ backgroundColor: "#111827",
395
+ size: 1.00
396
+ });
397
+
398
+ // Initialize feather icons
399
+ feather.replace();
400
+ </script>
401
+ </body>
402
+ </html>