Hugging Face's logo

Spaces:
lguerci
/
cyberphantom-overdrive
Running

App Files Community
lguerci commited on
Commit
6d8b771
·
verified ·
1 Parent(s): 802c428

generate a deep website for ethical hacking and system overwrite. Site should have tools capable of cracking wifi passwords and also capable of connecting any automatic device even cars

Browse files
Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +510 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Cyberphantom Overdrive
3
- emoji: 🔥
4
- colorFrom: purple
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: CyberPhantom Overdrive 🚀
3
+ colorFrom: green
 
4
  colorTo: yellow
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,511 @@
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>CyberPhantom Overdrive - Ethical Hacking Suite</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
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/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
12
+ <style>
13
+ .terminal {
14
+ background-color: #0a0a0a;
15
+ color: #0f0;
16
+ font-family: 'Courier New', monospace;
17
+ border-radius: 8px;
18
+ box-shadow: 0 0 20px rgba(0, 255, 0, 0.3);
19
+ overflow: hidden;
20
+ }
21
+ .terminal-header {
22
+ background-color: #111;
23
+ padding: 8px 12px;
24
+ display: flex;
25
+ align-items: center;
26
+ }
27
+ .terminal-btn {
28
+ width: 12px;
29
+ height: 12px;
30
+ border-radius: 50%;
31
+ margin-right: 6px;
32
+ }
33
+ .terminal-body {
34
+ padding: 16px;
35
+ height: 300px;
36
+ overflow-y: auto;
37
+ }
38
+ .command-line {
39
+ display: flex;
40
+ align-items: center;
41
+ margin-top: 8px;
42
+ }
43
+ .prompt {
44
+ color: #0f0;
45
+ margin-right: 8px;
46
+ }
47
+ .typing-effect {
48
+ border-right: 2px solid #0f0;
49
+ animation: blink 1s step-end infinite;
50
+ }
51
+ @keyframes blink {
52
+ from, to { border-color: transparent }
53
+ 50% { border-color: #0f0 }
54
+ }
55
+ .hack-card:hover {
56
+ transform: translateY(-5px);
57
+ box-shadow: 0 10px 20px rgba(0, 255, 0, 0.3);
58
+ }
59
+ .glow-text {
60
+ text-shadow: 0 0 8px rgba(0, 255, 0, 0.8);
61
+ }
62
+ </style>
63
+ </head>
64
+ <body class="bg-black text-white">
65
+ <div id="vanta-bg" class="fixed inset-0 -z-10"></div>
66
+
67
+ <!-- Navigation -->
68
+ <nav class="bg-black bg-opacity-80 backdrop-blur-md border-b border-green-500">
69
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
70
+ <div class="flex items-center justify-between h-16">
71
+ <div class="flex items-center">
72
+ <div class="flex-shrink-0">
73
+ <span class="text-green-500 font-bold text-xl glow-text">CyberPhantom</span>
74
+ </div>
75
+ <div class="hidden md:block">
76
+ <div class="ml-10 flex items-baseline space-x-4">
77
+ <a href="#" class="text-green-500 px-3 py-2 rounded-md text-sm font-medium">Dashboard</a>
78
+ <a href="#tools" class="text-gray-300 hover:text-green-500 px-3 py-2 rounded-md text-sm font-medium">Tools</a>
79
+ <a href="#wifi" class="text-gray-300 hover:text-green-500 px-3 py-2 rounded-md text-sm font-medium">WiFi Cracking</a>
80
+ <a href="#iot" class="text-gray-300 hover:text-green-500 px-3 py-2 rounded-md text-sm font-medium">IoT Control</a>
81
+ <a href="#about" class="text-gray-300 hover:text-green-500 px-3 py-2 rounded-md text-sm font-medium">About</a>
82
+ </div>
83
+ </div>
84
+ </div>
85
+ <div class="hidden md:block">
86
+ <div class="ml-4 flex items-center md:ml-6">
87
+ <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium flex items-center">
88
+ <i data-feather="terminal" class="w-4 h-4 mr-2"></i> Launch Console
89
+ </button>
90
+ </div>
91
+ </div>
92
+ <div class="-mr-2 flex md:hidden">
93
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none">
94
+ <i data-feather="menu"></i>
95
+ </button>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </nav>
100
+
101
+ <!-- Hero Section -->
102
+ <header class="relative pt-32 pb-40 px-4 sm:px-6 lg:px-8">
103
+ <div class="max-w-7xl mx-auto text-center">
104
+ <h1 class="text-5xl md:text-7xl font-extrabold mb-6 glow-text">
105
+ <span class="text-green-500">Cyber</span><span class="text-white">Phantom</span> <span class="text-green-500">Overdrive</span>
106
+ </h1>
107
+ <p class="mt-6 max-w-3xl mx-auto text-xl text-gray-300">
108
+ Advanced ethical hacking suite with WiFi penetration tools and IoT device control systems.
109
+ </p>
110
+ <div class="mt-10 flex justify-center space-x-4">
111
+ <a href="#tools" class="bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-md text-lg font-medium flex items-center">
112
+ <i data-feather="zap" class="w-5 h-5 mr-2"></i> Explore Tools
113
+ </a>
114
+ <a href="#console" class="bg-transparent hover:bg-gray-800 text-green-500 border border-green-500 px-8 py-4 rounded-md text-lg font-medium flex items-center">
115
+ <i data-feather="code" class="w-5 h-5 mr-2"></i> Quick Start
116
+ </a>
117
+ </div>
118
+ </div>
119
+ </header>
120
+
121
+ <!-- Main Content -->
122
+ <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-20">
123
+ <!-- Tools Section -->
124
+ <section id="tools" class="py-20">
125
+ <div class="text-center mb-16">
126
+ <h2 class="text-3xl font-bold mb-4 glow-text">Hacking Toolkit</h2>
127
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">
128
+ Our advanced suite of tools for penetration testing, system analysis, and device control.
129
+ </p>
130
+ </div>
131
+
132
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
133
+ <!-- Tool Card 1 -->
134
+ <div class="hack-card bg-gray-900 rounded-lg overflow-hidden border border-green-500 transition-all duration-300">
135
+ <div class="p-6">
136
+ <div class="flex items-center mb-4">
137
+ <div class="bg-green-500 p-3 rounded-full mr-4">
138
+ <i data-feather="wifi" class="w-6 h-6 text-black"></i>
139
+ </div>
140
+ <h3 class="text-xl font-bold">WiFi Phantom</h3>
141
+ </div>
142
+ <p class="text-gray-300 mb-6">
143
+ Advanced WiFi penetration tool capable of cracking WPA/WPA2 passwords using dictionary attacks and rainbow tables.
144
+ </p>
145
+ <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium w-full flex items-center justify-center">
146
+ <i data-feather="play" class="w-4 h-4 mr-2"></i> Launch Tool
147
+ </button>
148
+ </div>
149
+ </div>
150
+
151
+ <!-- Tool Card 2 -->
152
+ <div class="hack-card bg-gray-900 rounded-lg overflow-hidden border border-green-500 transition-all duration-300">
153
+ <div class="p-6">
154
+ <div class="flex items-center mb-4">
155
+ <div class="bg-green-500 p-3 rounded-full mr-4">
156
+ <i data-feather="cpu" class="w-6 h-6 text-black"></i>
157
+ </div>
158
+ <h3 class="text-xl font-bold">IoT Override</h3>
159
+ </div>
160
+ <p class="text-gray-300 mb-6">
161
+ Take control of smart devices, vehicles, and industrial systems by exploiting vulnerabilities in IoT protocols.
162
+ </p>
163
+ <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium w-full flex items-center justify-center">
164
+ <i data-feather="play" class="w-4 h-4 mr-2"></i> Launch Tool
165
+ </button>
166
+ </div>
167
+ </div>
168
+
169
+ <!-- Tool Card 3 -->
170
+ <div class="hack-card bg-gray-900 rounded-lg overflow-hidden border border-green-500 transition-all duration-300">
171
+ <div class="p-6">
172
+ <div class="flex items-center mb-4">
173
+ <div class="bg-green-500 p-3 rounded-full mr-4">
174
+ <i data-feather="shield" class="w-6 h-6 text-black"></i>
175
+ </div>
176
+ <h3 class="text-xl font-bold">System Ghost</h3>
177
+ </div>
178
+ <p class="text-gray-300 mb-6">
179
+ Complete system overwrite tool that allows you to inject custom code or take full control of target systems.
180
+ </p>
181
+ <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium w-full flex items-center justify-center">
182
+ <i data-feather="play" class="w-4 h-4 mr-2"></i> Launch Tool
183
+ </button>
184
+ </div>
185
+ </div>
186
+ </div>
187
+ </section>
188
+
189
+ <!-- WiFi Cracking Section -->
190
+ <section id="wifi" class="py-20">
191
+ <div class="text-center mb-16">
192
+ <h2 class="text-3xl font-bold mb-4 glow-text">WiFi Penetration</h2>
193
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">
194
+ Advanced tools for analyzing and penetrating wireless networks with ethical purposes.
195
+ </p>
196
+ </div>
197
+
198
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
199
+ <!-- WiFi Scanner -->
200
+ <div class="bg-gray-900 rounded-lg border border-green-500 p-6">
201
+ <h3 class="text-xl font-bold mb-4 flex items-center">
202
+ <i data-feather="wifi" class="w-5 h-5 mr-2 text-green-500"></i> Network Scanner
203
+ </h3>
204
+ <div class="terminal mb-4">
205
+ <div class="terminal-header">
206
+ <div class="terminal-btn bg-red-500"></div>
207
+ <div class="terminal-btn bg-yellow-500"></div>
208
+ <div class="terminal-btn bg-green-500"></div>
209
+ </div>
210
+ <div class="terminal-body">
211
+ <p>CyberPhantom:~$ scan-wifi --all</p>
212
+ <p>Scanning nearby networks...</p>
213
+ <p>Found 8 access points:</p>
214
+ <p>1. HomeWiFi (WPA2) - Strong signal</p>
215
+ <p>2. CoffeeShop (Open) - Medium signal</p>
216
+ <p>3. OfficeSecure (WPA2-Enterprise) - Weak signal</p>
217
+ <p>4. NeighborNet (WEP) - Strong signal</p>
218
+ <p class="text-green-500">Scan completed in 12.4s</p>
219
+ </div>
220
+ </div>
221
+ <div class="flex space-x-3">
222
+ <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium flex-1">
223
+ Start Scan
224
+ </button>
225
+ <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-md text-sm font-medium flex-1">
226
+ Advanced Options
227
+ </button>
228
+ </div>
229
+ </div>
230
+
231
+ <!-- Cracking Tool -->
232
+ <div class="bg-gray-900 rounded-lg border border-green-500 p-6">
233
+ <h3 class="text-xl font-bold mb-4 flex items-center">
234
+ <i data-feather="unlock" class="w-5 h-5 mr-2 text-green-500"></i> Password Cracker
235
+ </h3>
236
+ <div class="space-y-4">
237
+ <div>
238
+ <label class="block text-sm font-medium text-gray-300 mb-1">Target Network</label>
239
+ <select class="bg-gray-800 border border-gray-700 text-white rounded-md px-3 py-2 w-full">
240
+ <option>Select a network</option>
241
+ <option>HomeWiFi (WPA2)</option>
242
+ <option>NeighborNet (WEP)</option>
243
+ </select>
244
+ </div>
245
+ <div>
246
+ <label class="block text-sm font-medium text-gray-300 mb-1">Attack Method</label>
247
+ <select class="bg-gray-800 border border-gray-700 text-white rounded-md px-3 py-2 w-full">
248
+ <option>Dictionary Attack</option>
249
+ <option>Brute Force</option>
250
+ <option>Rainbow Table</option>
251
+ <option>WPS PIN Attack</option>
252
+ </select>
253
+ </div>
254
+ <div>
255
+ <label class="block text-sm font-medium text-gray-300 mb-1">Wordlist</label>
256
+ <select class="bg-gray-800 border border-gray-700 text-white rounded-md px-3 py-2 w-full">
257
+ <option>rockyou.txt</option>
258
+ <option>custom.txt</option>
259
+ <option>top-1000-passwords.txt</option>
260
+ </select>
261
+ </div>
262
+ <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium w-full">
263
+ Start Cracking Session
264
+ </button>
265
+ </div>
266
+ </div>
267
+ </div>
268
+ </section>
269
+
270
+ <!-- IoT Control Section -->
271
+ <section id="iot" class="py-20">
272
+ <div class="text-center mb-16">
273
+ <h2 class="text-3xl font-bold mb-4 glow-text">IoT Device Control</h2>
274
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">
275
+ Take control of smart devices, vehicles, and industrial systems for security testing.
276
+ </p>
277
+ </div>
278
+
279
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
280
+ <!-- Device Scanner -->
281
+ <div class="bg-gray-900 rounded-lg border border-green-500 p-6">
282
+ <h3 class="text-xl font-bold mb-4 flex items-center">
283
+ <i data-feather="search" class="w-5 h-5 mr-2 text-green-500"></i> Device Discovery
284
+ </h3>
285
+ <div class="terminal mb-4">
286
+ <div class="terminal-header">
287
+ <div class="terminal-btn bg-red-500"></div>
288
+ <div class="terminal-btn bg-yellow-500"></div>
289
+ <div class="terminal-btn bg-green-500"></div>
290
+ </div>
291
+ <div class="terminal-body">
292
+ <p>CyberPhantom:~$ scan-iot --range 192.168.1.0/24</p>
293
+ <p>Scanning for IoT devices...</p>
294
+ <p>1. SmartTV (Samsung) - 192.168.1.45</p>
295
+ <p>2. Thermostat (Nest) - 192.168.1.72</p>
296
+ <p>3. SecurityCam (Ring) - 192.168.1.89</p>
297
+ <p>4. Tesla Model 3 - 192.168.1.102</p>
298
+ <p class="text-green-500">5 devices found in 8.2s</p>
299
+ </div>
300
+ </div>
301
+ <div class="flex space-x-3">
302
+ <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium flex-1">
303
+ Scan Local Network
304
+ </button>
305
+ <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-md text-sm font-medium flex-1">
306
+ Bluetooth Scan
307
+ </button>
308
+ </div>
309
+ </div>
310
+
311
+ <!-- Device Control Panel -->
312
+ <div class="bg-gray-900 rounded-lg border border-green-500 p-6">
313
+ <h3 class="text-xl font-bold mb-4 flex items-center">
314
+ <i data-feather="sliders" class="w-5 h-5 mr-2 text-green-500"></i> Control Panel
315
+ </h3>
316
+ <div class="space-y-4">
317
+ <div>
318
+ <label class="block text-sm font-medium text-gray-300 mb-1">Select Device</label>
319
+ <select class="bg-gray-800 border border-gray-700 text-white rounded-md px-3 py-2 w-full">
320
+ <option>Choose a device</option>
321
+ <option>Tesla Model 3</option>
322
+ <option>Nest Thermostat</option>
323
+ <option>Ring Security Camera</option>
324
+ <option>Samsung SmartTV</option>
325
+ </select>
326
+ </div>
327
+ <div>
328
+ <label class="block text-sm font-medium text-gray-300 mb-1">Available Commands</label>
329
+ <select class="bg-gray-800 border border-gray-700 text-white rounded-md px-3 py-2 w-full">
330
+ <option>Select command...</option>
331
+ <option>Unlock Doors</option>
332
+ <option>Start Engine</option>
333
+ <option>Adjust Temperature</option>
334
+ <option>Stream Camera</option>
335
+ <option>Execute Custom Script</option>
336
+ </select>
337
+ </div>
338
+ <div>
339
+ <label class="block text-sm font-medium text-gray-300 mb-1">Parameters</label>
340
+ <input type="text" class="bg-gray-800 border border-gray-700 text-white rounded-md px-3 py-2 w-full" placeholder="Enter parameters if needed">
341
+ </div>
342
+ <button class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium w-full">
343
+ Execute Command
344
+ </button>
345
+ </div>
346
+ </div>
347
+ </div>
348
+ </section>
349
+
350
+ <!-- Interactive Console -->
351
+ <section id="console" class="py-20">
352
+ <div class="text-center mb-16">
353
+ <h2 class="text-3xl font-bold mb-4 glow-text">Cyber Console</h2>
354
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">
355
+ Direct access to our powerful command-line interface for advanced operations.
356
+ </p>
357
+ </div>
358
+
359
+ <div class="terminal">
360
+ <div class="terminal-header">
361
+ <div class="terminal-btn bg-red-500"></div>
362
+ <div class="terminal-btn bg-yellow-500"></div>
363
+ <div class="terminal-btn bg-green-500"></div>
364
+ <div class="text-xs text-gray-400 ml-2">root@CyberPhantom</div>
365
+ </div>
366
+ <div class="terminal-body" id="console-output">
367
+ <p>CyberPhantom Overdrive v4.2.7 - Ethical Hacking Suite</p>
368
+ <p>Type 'help' to list available commands</p>
369
+ <p>---------------------------------------------------</p>
370
+ <p>Last login: Tue Oct 3 14:38:21 from 192.168.1.105</p>
371
+ <p class="command-line">
372
+ <span class="prompt">root@CyberPhantom:~#</span>
373
+ <span class="typing-effect" id="typing-demo">scan-wifi --all</span>
374
+ </p>
375
+ </div>
376
+ </div>
377
+ </section>
378
+
379
+ <!-- About Section -->
380
+ <section id="about" class="py-20">
381
+ <div class="text-center mb-16">
382
+ <h2 class="text-3xl font-bold mb-4 glow-text">About CyberPhantom</h2>
383
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">
384
+ Advanced security tools for ethical hacking and penetration testing.
385
+ </p>
386
+ </div>
387
+
388
+ <div class="bg-gray-900 rounded-lg border border-green-500 p-8">
389
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
390
+ <div>
391
+ <h3 class="text-xl font-bold mb-4 text-green-500">Our Mission</h3>
392
+ <p class="text-gray-300 mb-6">
393
+ CyberPhantom Overdrive provides state-of-the-art security tools for ethical hackers, penetration testers, and security researchers to identify vulnerabilities in systems and networks.
394
+ </p>
395
+ <p class="text-gray-300">
396
+ All tools are designed for legal security testing purposes only. Unauthorized access to computer systems is illegal.
397
+ </p>
398
+ </div>
399
+ <div>
400
+ <h3 class="text-xl font-bold mb-4 text-green-500">Legal Disclaimer</h3>
401
+ <p class="text-gray-300 mb-6">
402
+ This software is provided for educational and ethical security testing purposes only. The developers assume no liability and are not responsible for any misuse or damage caused by this program.
403
+ </p>
404
+ <div class="flex items-center text-green-500">
405
+ <i data-feather="alert-triangle" class="w-5 h-5 mr-2"></i>
406
+ <span>Use these tools only on systems you own or have permission to test.</span>
407
+ </div>
408
+ </div>
409
+ </div>
410
+ </div>
411
+ </section>
412
+ </main>
413
+
414
+ <!-- Footer -->
415
+ <footer class="bg-black bg-opacity-80 border-t border-green-500 py-12">
416
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
417
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
418
+ <div>
419
+ <h3 class="text-lg font-bold text-green-500 mb-4">CyberPhantom</h3>
420
+ <p class="text-gray-300">
421
+ Advanced ethical hacking tools for security professionals and researchers.
422
+ </p>
423
+ </div>
424
+ <div>
425
+ <h3 class="text-lg font-bold text-green-500 mb-4">Quick Links</h3>
426
+ <ul class="space-y-2">
427
+ <li><a href="#" class="text-gray-300 hover:text-green-500">Dashboard</a></li>
428
+ <li><a href="#tools" class="text-gray-300 hover:text-green-500">Tools</a></li>
429
+ <li><a href="#wifi" class="text-gray-300 hover:text-green-500">WiFi Cracking</a></li>
430
+ <li><a href="#iot" class="text-gray-300 hover:text-green-500">IoT Control</a></li>
431
+ </ul>
432
+ </div>
433
+ <div>
434
+ <h3 class="text-lg font-bold text-green-500 mb-4">Legal</h3>
435
+ <ul class="space-y-2">
436
+ <li><a href="#" class="text-gray-300 hover:text-green-500">Terms of Service</a></li>
437
+ <li><a href="#" class="text-gray-300 hover:text-green-500">Privacy Policy</a></li>
438
+ <li><a href="#" class="text-gray-300 hover:text-green-500">Ethical Guidelines</a></li>
439
+ </ul>
440
+ </div>
441
+ </div>
442
+ <div class="mt-12 pt-8 border-t border-gray-800 text-center text-gray-400">
443
+ <p>© 2023 CyberPhantom Overdrive. All tools provided for ethical security testing only.</p>
444
+ </div>
445
+ </div>
446
+ </footer>
447
+
448
+ <script>
449
+ // Initialize Vanta.js background
450
+ VANTA.NET({
451
+ el: "#vanta-bg",
452
+ mouseControls: true,
453
+ touchControls: true,
454
+ gyroControls: false,
455
+ minHeight: 200.00,
456
+ minWidth: 200.00,
457
+ scale: 1.00,
458
+ scaleMobile: 1.00,
459
+ color: 0x00ff00,
460
+ backgroundColor: 0x000000
461
+ });
462
+
463
+ // Typing animation for console demo
464
+ const commands = [
465
+ "scan-wifi --all",
466
+ "crack-wifi --bssid AA:BB:CC:DD:EE:FF --wordlist rockyou.txt",
467
+ "iot-scan --range 192.168.1.0/24",
468
+ "override-device --target Tesla --command unlock-doors",
469
+ "system-ghost --ip 192.168.1.34 --payload reverse-shell"
470
+ ];
471
+
472
+ let currentCommand = 0;
473
+ let currentChar = 0;
474
+ let isDeleting = false;
475
+ const typingElement = document.getElementById('typing-demo');
476
+
477
+ function typeWriter() {
478
+ const fullCommand = commands[currentCommand];
479
+
480
+ if (isDeleting) {
481
+ typingElement.textContent = fullCommand.substring(0, currentChar - 1);
482
+ currentChar--;
483
+
484
+ if (currentChar === 0) {
485
+ isDeleting = false;
486
+ currentCommand = (currentCommand + 1) % commands.length;
487
+ setTimeout(typeWriter, 500);
488
+ } else {
489
+ setTimeout(typeWriter, 50);
490
+ }
491
+ } else {
492
+ typingElement.textContent = fullCommand.substring(0, currentChar + 1);
493
+ currentChar++;
494
+
495
+ if (currentChar === fullCommand.length) {
496
+ isDeleting = true;
497
+ setTimeout(typeWriter, 2000);
498
+ } else {
499
+ setTimeout(typeWriter, 100);
500
+ }
501
+ }
502
+ }
503
+
504
+ // Initialize feather icons and start typing animation
505
+ document.addEventListener('DOMContentLoaded', function() {
506
+ feather.replace();
507
+ setTimeout(typeWriter, 1000);
508
+ });
509
+ </script>
510
+ </body>
511
  </html>