Hugging Face's logo

Spaces:
tongxiaojun
/
phoenixlocker
Running

App Files Community
tongxiaojun commited on
Commit
0ecae4d
·
verified ·
1 Parent(s): 7970e32

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +528 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Phoenixlocker
3
- emoji: 🌍
4
- colorFrom: blue
5
- colorTo: purple
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: phoenixlocker
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: pink
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,528 @@
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>PhoenixLocker Protocol</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
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #f97316 0%, #7c3aed 50%, #ec4899 100%);
12
+ }
13
+ .flame-card {
14
+ background: rgba(255, 255, 255, 0.1);
15
+ backdrop-filter: blur(10px);
16
+ border: 1px solid rgba(255, 255, 255, 0.2);
17
+ }
18
+ .phoenix-animation {
19
+ animation: phoenixRise 8s infinite alternate;
20
+ }
21
+ @keyframes phoenixRise {
22
+ 0% { transform: translateY(0) scale(1); opacity: 0.8; }
23
+ 50% { transform: translateY(-20px) scale(1.05); opacity: 1; }
24
+ 100% { transform: translateY(0) scale(1); opacity: 0.8; }
25
+ }
26
+ .wave-pattern {
27
+ background-image: radial-gradient(circle at 10% 20%, rgba(251, 146, 60, 0.1) 0%, transparent 20%);
28
+ }
29
+ </style>
30
+ </head>
31
+ <body class="min-h-screen bg-gray-900 text-gray-100 wave-pattern">
32
+ <!-- Header -->
33
+ <header class="gradient-bg py-12 px-4 sm:px-6 lg:px-8">
34
+ <div class="max-w-7xl mx-auto text-center">
35
+ <div class="phoenix-animation inline-block mb-6">
36
+ <i class="fas fa-fire text-6xl text-yellow-300"></i>
37
+ </div>
38
+ <h1 class="text-4xl md:text-6xl font-bold mb-4">PhoenixLocker Protocol</h1>
39
+ <p class="text-xl md:text-2xl max-w-3xl mx-auto opacity-90">
40
+ The Ultimate On-Chain Survival System for Enterprise Continuity
41
+ </p>
42
+ </div>
43
+ </header>
44
+
45
+ <!-- Main Content -->
46
+ <main class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
47
+ <!-- Protocol Soul Section -->
48
+ <section class="mb-20">
49
+ <h2 class="text-3xl font-bold mb-8 text-center border-b border-orange-500 pb-2 inline-block">
50
+ <i class="fas fa-ghost mr-2"></i> Protocol Soul: Trinity Design
51
+ </h2>
52
+
53
+ <div class="grid md:grid-cols-3 gap-8">
54
+ <!-- Fire Core -->
55
+ <div class="flame-card rounded-xl p-6 shadow-lg">
56
+ <div class="flex items-center mb-4">
57
+ <div class="bg-orange-500 p-3 rounded-full mr-4">
58
+ <i class="fas fa-fire text-white"></i>
59
+ </div>
60
+ <h3 class="text-xl font-bold">Flame Core</h3>
61
+ </div>
62
+ <div class="bg-gray-800 rounded-lg p-4 mb-4 overflow-x-auto">
63
+ <pre class="text-sm text-green-400"><code>contract PhoenixLocker {
64
+ struct Cycle {
65
+ uint256 lockedAmount;
66
+ uint256 ignitionTime;
67
+ uint256 rebirthWindow;
68
+ bool isNirvana;
69
+ }
70
+ mapping(address => Cycle[]) public vaults;
71
+ }</code></pre>
72
+ </div>
73
+ <ul class="space-y-2 text-gray-300">
74
+ <li class="flex items-start">
75
+ <i class="fas fa-circle text-xs mt-1 mr-2 text-orange-400"></i>
76
+ <span>Independent cycle instances per lock</span>
77
+ </li>
78
+ <li class="flex items-start">
79
+ <i class="fas fa-circle text-xs mt-1 mr-2 text-orange-400"></i>
80
+ <span>Wave-style unlocking (1/18 monthly release)</span>
81
+ </li>
82
+ </ul>
83
+ </div>
84
+
85
+ <!-- Ash Layer -->
86
+ <div class="flame-card rounded-xl p-6 shadow-lg">
87
+ <div class="flex items-center mb-4">
88
+ <div class="bg-gray-500 p-3 rounded-full mr-4">
89
+ <i class="fas fa-layer-group text-white"></i>
90
+ </div>
91
+ <h3 class="text-xl font-bold">Ash Layer</h3>
92
+ </div>
93
+ <div class="bg-gray-800 rounded-lg p-4 mb-4 flex justify-center">
94
+ <div class="text-center">
95
+ <i class="fas fa-fingerprint text-4xl text-purple-400 mb-2"></i>
96
+ <p class="text-sm">ZK Proof Verification</p>
97
+ </div>
98
+ </div>
99
+ <ul class="space-y-2 text-gray-300">
100
+ <li class="flex items-start">
101
+ <i class="fas fa-circle text-xs mt-1 mr-2 text-gray-400"></i>
102
+ <span>Unqualified funds auto-transfer to Ash Pool</span>
103
+ </li>
104
+ <li class="flex items-start">
105
+ <i class="fas fa-circle text-xs mt-1 mr-2 text-gray-400"></i>
106
+ <span>Partial redemption after ZK verification</span>
107
+ </li>
108
+ </ul>
109
+ </div>
110
+
111
+ <!-- Rebirth Oracle -->
112
+ <div class="flame-card rounded-xl p-6 shadow-lg">
113
+ <div class="flex items-center mb-4">
114
+ <div class="bg-pink-500 p-3 rounded-full mr-4">
115
+ <i class="fas fa-eye text-white"></i>
116
+ </div>
117
+ <h3 class="text-xl font-bold">Rebirth Oracle</h3>
118
+ </div>
119
+ <div class="grid grid-cols-3 gap-2 mb-4">
120
+ <div class="bg-green-900 p-2 rounded text-center">
121
+ <i class="fas fa-code-branch mb-1 text-green-400"></i>
122
+ <p class="text-xs">Tech Pulse</p>
123
+ </div>
124
+ <div class="bg-blue-900 p-2 rounded text-center">
125
+ <i class="fas fa-chart-line mb-1 text-blue-400"></i>
126
+ <p class="text-xs">Financial Breath</p>
127
+ </div>
128
+ <div class="bg-purple-900 p-2 rounded text-center">
129
+ <i class="fas fa-users mb-1 text-purple-400"></i>
130
+ <p class="text-xs">Market Temp</p>
131
+ </div>
132
+ </div>
133
+ <ul class="space-y-2 text-gray-300">
134
+ <li class="flex items-start">
135
+ <i class="fas fa-circle text-xs mt-1 mr-2 text-pink-400"></i>
136
+ <span>Continuous monitoring of 3 vital signals</span>
137
+ </li>
138
+ <li class="flex items-start">
139
+ <i class="fas fa-circle text-xs mt-1 mr-2 text-pink-400"></i>
140
+ <span>Real-time health scoring</span>
141
+ </li>
142
+ </ul>
143
+ </div>
144
+ </div>
145
+ </section>
146
+
147
+ <!-- Survival Matrix -->
148
+ <section class="mb-20">
149
+ <h2 class="text-3xl font-bold mb-8 text-center border-b border-blue-500 pb-2 inline-block">
150
+ <i class="fas fa-chess-board mr-2"></i> Survival Game Matrix
151
+ </h2>
152
+
153
+ <div class="overflow-x-auto">
154
+ <table class="w-full flame-card rounded-lg overflow-hidden">
155
+ <thead class="bg-gray-800">
156
+ <tr>
157
+ <th class="py-3 px-4 text-left">Decision Point</th>
158
+ <th class="py-3 px-4 text-left">Action Plan</th>
159
+ <th class="py-3 px-4 text-left">Result</th>
160
+ </tr>
161
+ </thead>
162
+ <tbody>
163
+ <tr class="border-b border-gray-700 hover:bg-gray-800/50">
164
+ <td class="py-3 px-4">Month 12</td>
165
+ <td class="py-3 px-4">Initiate "Pre-Rebirth Diagnosis"</td>
166
+ <td class="py-3 px-4 text-blue-300">Early warning score</td>
167
+ </tr>
168
+ <tr class="border-b border-gray-700 hover:bg-gray-800/50">
169
+ <td class="py-3 px-4">Month 15</td>
170
+ <td class="py-3 px-4">Activate stress test (Black Swan simulation)</td>
171
+ <td class="py-3 px-4 text-yellow-300">Display funding gap/redundancy</td>
172
+ </tr>
173
+ <tr class="hover:bg-gray-800/50">
174
+ <td class="py-3 px-4">Month 18</td>
175
+ <td class="py-3 px-4">Trigger auto-audit</td>
176
+ <td class="py-3 px-4">
177
+ <span class="text-green-300">Pass → Release funds</span><br>
178
+ <span class="text-red-300">Fail → Circuit breaker</span>
179
+ </td>
180
+ </tr>
181
+ </tbody>
182
+ </table>
183
+ </div>
184
+ </section>
185
+
186
+ <!-- On-Chain Ceremony -->
187
+ <section class="mb-20">
188
+ <h2 class="text-3xl font-bold mb-8 text-center border-b border-purple-500 pb-2 inline-block">
189
+ <i class="fas fa-gem mr-2"></i> On-Chain Rebirth Ceremony
190
+ </h2>
191
+
192
+ <div class="grid md:grid-cols-2 gap-8">
193
+ <div class="flame-card rounded-xl p-6">
194
+ <h3 class="text-xl font-bold mb-4 flex items-center">
195
+ <i class="fas fa-crown text-yellow-400 mr-2"></i> Phoenix Fire NFT
196
+ </h3>
197
+ <div class="flex justify-center mb-4">
198
+ <div class="relative">
199
+ <div class="w-40 h-40 bg-gradient-to-br from-yellow-500 to-red-600 rounded-full flex items-center justify-center shadow-lg">
200
+ <i class="fas fa-dove text-6xl text-white"></i>
201
+ </div>
202
+ <div class="absolute -bottom-2 -right-2 bg-purple-600 rounded-full w-10 h-10 flex items-center justify-center text-xs font-bold">
203
+ x5
204
+ </div>
205
+ </div>
206
+ </div>
207
+ <div class="grid grid-cols-3 gap-2 text-xs text-center">
208
+ <div class="bg-yellow-900/50 p-2 rounded">
209
+ <i class="fas fa-feather-alt text-yellow-300 mb-1"></i>
210
+ <p>Wing Brightness</p>
211
+ <p class="text-yellow-300 font-bold">82%</p>
212
+ </div>
213
+ <div class="bg-pink-900/50 p-2 rounded">
214
+ <i class="fas fa-fire text-pink-300 mb-1"></i>
215
+ <p>Flame Color</p>
216
+ <p class="text-pink-300 font-bold">+3 Ranks</p>
217
+ </div>
218
+ <div class="bg-purple-900/50 p-2 rounded">
219
+ <i class="fas fa-feather text-purple-300 mb-1"></i>
220
+ <p>Tail Feathers</p>
221
+ <p class="text-purple-300 font-bold">5 Cycles</p>
222
+ </div>
223
+ </div>
224
+ </div>
225
+
226
+ <div class="flame-card rounded-xl p-6">
227
+ <h3 class="text-xl font-bold mb-4 flex items-center">
228
+ <i class="fas fa-trophy text-purple-400 mr-2"></i> Immortality Leaderboard
229
+ </h3>
230
+ <div class="space-y-4">
231
+ <div class="flex items-center p-3 bg-gray-800/50 rounded-lg">
232
+ <div class="bg-yellow-500 p-2 rounded-full mr-3">
233
+ <i class="fas fa-crown text-white"></i>
234
+ </div>
235
+ <div class="flex-grow">
236
+ <p class="font-bold">Microsoft</p>
237
+ <p class="text-xs text-gray-400">32 consecutive cycles</p>
238
+ </div>
239
+ <span class="bg-yellow-900/80 px-2 py-1 rounded text-xs">Legendary Phoenix</span>
240
+ </div>
241
+
242
+ <div class="flex items-center p-3 bg-gray-800/50 rounded-lg">
243
+ <div class="bg-blue-500 p-2 rounded-full mr-3">
244
+ <i class="fas fa-star text-white"></i>
245
+ </div>
246
+ <div class="flex-grow">
247
+ <p class="font-bold">Coinbase</p>
248
+ <p class="text-xs text-gray-400">5 consecutive cycles</p>
249
+ </div>
250
+ <span class="bg-blue-900/80 px-2 py-1 rounded text-xs">Adult Phoenix</span>
251
+ </div>
252
+
253
+ <div class="flex items-center p-3 bg-gray-800/50 rounded-lg">
254
+ <div class="bg-gray-500 p-2 rounded-full mr-3">
255
+ <i class="fas fa-skull text-white"></i>
256
+ </div>
257
+ <div class="flex-grow">
258
+ <p class="font-bold">FTX</p>
259
+ <p class="text-xs text-gray-400">Cycle 1 circuit break</p>
260
+ </div>
261
+ <span class="bg-gray-700/80 px-2 py-1 rounded text-xs">Ash Specimen</span>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </div>
266
+ </section>
267
+
268
+ <!-- Enterprise Package -->
269
+ <section class="mb-20">
270
+ <h2 class="text-3xl font-bold mb-8 text-center border-b border-green-500 pb-2 inline-block">
271
+ <i class="fas fa-briefcase mr-2"></i> Enterprise Deployment Package
272
+ </h2>
273
+
274
+ <div class="grid md:grid-cols-2 gap-8">
275
+ <div class="flame-card rounded-xl p-6">
276
+ <h3 class="text-xl font-bold mb-4 flex items-center">
277
+ <i class="fas fa-coins text-yellow-500 mr-2"></i> Crisis-Adaptive ERC-20
278
+ </h3>
279
+ <div class="bg-gray-800 rounded-lg p-4 mb-4">
280
+ <div class="flex justify-between items-center mb-2">
281
+ <span class="font-mono text-lg font-bold">PHOENIX</span>
282
+ <span class="bg-green-900 text-green-300 px-2 py-1 rounded text-xs">ERC-20+</span>
283
+ </div>
284
+ <div class="h-1 bg-gradient-to-r from-orange-500 to-purple-500 rounded-full mb-3"></div>
285
+ <div class="text-sm space-y-2">
286
+ <p class="flex items-center">
287
+ <i class="fas fa-redo-alt text-xs mr-2 text-purple-400"></i>
288
+ <span>Every 18 months, holders must choose:</span>
289
+ </p>
290
+ <div class="ml-6 space-y-1">
291
+ <p class="flex items-center">
292
+ <i class="fas fa-minus-circle text-xs mr-2 text-red-400"></i>
293
+ <span>Burn 10% for governance rights</span>
294
+ </p>
295
+ <p class="flex items-center">
296
+ <i class="fas fa-arrow-circle-right text-xs mr-2 text-blue-400"></i>
297
+ <span>Or roll into next lock period</span>
298
+ </p>
299
+ </div>
300
+ </div>
301
+ </div>
302
+ </div>
303
+
304
+ <div class="flame-card rounded-xl p-6">
305
+ <h3 class="text-xl font-bold mb-4 flex items-center">
306
+ <i class="fas fa-puzzle-piece text-blue-400 mr-2"></i> Board of Directors Plugin
307
+ </h3>
308
+ <div class="flex items-center justify-center mb-4">
309
+ <img src="https://snapshot.org/images/logo/blue.svg" alt="Snapshot" class="h-10 mr-4">
310
+ <div class="text-xl font-bold">+</div>
311
+ <div class="ml-4 bg-gray-800 p-2 rounded-lg">
312
+ <i class="fas fa-users-cog text-2xl text-purple-500"></i>
313
+ </div>
314
+ </div>
315
+ <ul class="space-y-2 text-sm">
316
+ <li class="flex items-start">
317
+ <i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
318
+ <span>Critical decisions require:</span>
319
+ </li>
320
+ <li class="ml-6 flex items-start">
321
+ <i class="fas fa-circle text-xs mt-1 mr-2 text-blue-400"></i>
322
+ <span>≥3 survival cycles</span>
323
+ </li>
324
+ <li class="ml-6 flex items-start">
325
+ <i class="fas fa-circle text-xs mt-1 mr-2 text-blue-400"></i>
326
+ <span>Ash Pool balance <20% of total lock</span>
327
+ </li>
328
+ </ul>
329
+ </div>
330
+ </div>
331
+ </section>
332
+
333
+ <!-- Tesla Case Study -->
334
+ <section class="mb-20">
335
+ <h2 class="text-3xl font-bold mb-8 text-center border-b border-red-500 pb-2 inline-block">
336
+ <i class="fas fa-car mr-2"></i> Tesla Survival Game
337
+ </h2>
338
+
339
+ <div class="flame-card rounded-xl p-6">
340
+ <div class="md:flex">
341
+ <div class="md:w-1/3 mb-6 md:mb-0 flex justify-center">
342
+ <div class="bg-red-900/20 p-6 rounded-lg border border-red-900/50 text-center">
343
+ <i class="fas fa-bolt text-5xl text-red-400 mb-3"></i>
344
+ <p class="text-2xl font-bold">$2.3B</p>
345
+ <p class="text-sm text-gray-400">Locked in 2018</p>
346
+ </div>
347
+ </div>
348
+ <div class="md:w-2/3 md:pl-8">
349
+ <h3 class="text-xl font-bold mb-4">Trigger Conditions</h3>
350
+ <div class="grid md:grid-cols-2 gap-4 mb-6">
351
+ <div class="flex items-center bg-gray-800/50 p-3 rounded-lg">
352
+ <div class="bg-green-900 p-2 rounded-full mr-3">
353
+ <i class="fas fa-factory text-green-400"></i>
354
+ </div>
355
+ <div>
356
+ <p class="text-sm font-bold">Shanghai Factory</p>
357
+ <p class="text-xs text-gray-400">Completion ≥90%</p>
358
+ </div>
359
+ </div>
360
+ <div class="flex items-center bg-gray-800/50 p-3 rounded-lg">
361
+ <div class="bg-blue-900 p-2 rounded-full mr-3">
362
+ <i class="fas fa-percentage text-blue-400"></i>
363
+ </div>
364
+ <div>
365
+ <p class="text-sm font-bold">Model 3 Margins</p>
366
+ <p class="text-xs text-gray-400">Positive gross margin</p>
367
+ </div>
368
+ </div>
369
+ </div>
370
+ <div class="bg-gray-800 rounded-lg p-4">
371
+ <div class="flex items-center justify-between mb-2">
372
+ <span class="font-bold">Result:</span>
373
+ <span class="bg-green-900/80 text-green-300 px-3 py-1 rounded-full text-sm">
374
+ <i class="fas fa-check-circle mr-1"></i> Funds released 37 days early
375
+ </span>
376
+ </div>
377
+ <div class="h-2 bg-gradient-to-r from-green-400 to-blue-500 rounded-full"></div>
378
+ </div>
379
+ </div>
380
+ </div>
381
+ </div>
382
+ </section>
383
+
384
+ <!-- Philosophy -->
385
+ <section class="mb-20 text-center">
386
+ <div class="flame-card rounded-xl p-8 max-w-3xl mx-auto">
387
+ <i class="fas fa-quote-left text-3xl text-gray-500 mb-4"></i>
388
+ <p class="text-xl md:text-2xl font-medium mb-6">
389
+ "In silicon-based civilization, death is no longer an endpoint but a version number's decimal point — PhoenixLocker keeps enterprises forever iterating at v0.18"
390
+ </p>
391
+ <div class="h-px bg-gradient-to-r from-transparent via-orange-500 to-transparent my-6"></div>
392
+ <p class="text-sm uppercase tracking-wider text-gray-400">Protocol Philosophy</p>
393
+ </div>
394
+ </section>
395
+
396
+ <!-- Compliance -->
397
+ <section class="mb-20">
398
+ <h2 class="text-3xl font-bold mb-8 text-center border-b border-yellow-500 pb-2 inline-block">
399
+ <i class="fas fa-shield-alt mr-2"></i> Compliance & Security
400
+ </h2>
401
+
402
+ <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
403
+ <div class="flame-card rounded-xl p-6">
404
+ <div class="flex items-center mb-4">
405
+ <img src="https://www.mitre.org/sites/default/files/images/mitre-logo-black-red.png" alt="MITRE" class="h-8 mr-4">
406
+ <div>
407
+ <h3 class="font-bold">MITRE ATT&CK® Simulation</h3>
408
+ <p class="text-xs text-gray-400">Resistance to 51% governance attacks</p>
409
+ </div>
410
+ </div>
411
+ <div class="bg-gray-800 rounded-lg p-3 text-sm">
412
+ <div class="flex items-center justify-between mb-2">
413
+ <span>Attack Surface Reduction</span>
414
+ <span class="font-bold text-green-400">94%</span>
415
+ </div>
416
+ <div class="w-full bg-gray-700 rounded-full h-2">
417
+ <div class="bg-green-500 h-2 rounded-full" style="width: 94%"></div>
418
+ </div>
419
+ </div>
420
+ </div>
421
+
422
+ <div class="flame-card rounded-xl p-6">
423
+ <div class="flex items-center mb-4">
424
+ <img src="https://www.sec.gov/files/sec-logo.png" alt="SEC" class="h-8 mr-4">
425
+ <div>
426
+ <h3 class="font-bold">SEC Compliance Sandbox</h3>
427
+ <p class="text-xs text-gray-400">Non-security proof assessment</p>
428
+ </div>
429
+ </div>
430
+ <div class="bg-gray-800 rounded-lg p-3 text-sm">
431
+ <div class="flex items-center justify-between mb-2">
432
+ <span>Regulatory Alignment</span>
433
+ <span class="font-bold text-blue-400">87%</span>
434
+ </div>
435
+ <div class="w-full bg-gray-700 rounded-full h-2">
436
+ <div class="bg-blue-500 h-2 rounded-full" style="width: 87%"></div>
437
+ </div>
438
+ </div>
439
+ </div>
440
+ </div>
441
+ </section>
442
+
443
+ <!-- CTA -->
444
+ <section class="text-center">
445
+ <div class="gradient-bg rounded-2xl p-8 md:p-12 max-w-4xl mx-auto">
446
+ <h2 class="text-2xl md:text-3xl font-bold mb-4">Ready to Phoenix Your Enterprise?</h2>
447
+ <p class="mb-8 max-w-2xl mx-auto">
448
+ Request the full whitepaper or discuss custom deployment options for your organization
449
+ </p>
450
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
451
+ <button class="bg-white text-gray-900 font-bold py-3 px-6 rounded-full hover:bg-gray-100 transition">
452
+ <i class="fas fa-file-alt mr-2"></i> Download Whitepaper
453
+ </button>
454
+ <button class="bg-transparent border-2 border-white font-bold py-3 px-6 rounded-full hover:bg-white/10 transition">
455
+ <i class="fas fa-headset mr-2"></i> Contact Enterprise Team
456
+ </button>
457
+ </div>
458
+ </div>
459
+ </section>
460
+ </main>
461
+
462
+ <!-- Footer -->
463
+ <footer class="bg-gray-900 border-t border-gray-800 py-12 px-4">
464
+ <div class="max-w-7xl mx-auto">
465
+ <div class="flex flex-col md:flex-row justify-between items-center">
466
+ <div class="flex items-center mb-6 md:mb-0">
467
+ <i class="fas fa-fire text-2xl text-orange-500 mr-3"></i>
468
+ <span class="text-xl font-bold">PhoenixLocker</span>
469
+ </div>
470
+ <div class="flex space-x-6">
471
+ <a href="#" class="text-gray-400 hover:text-white">
472
+ <i class="fab fa-twitter"></i>
473
+ </a>
474
+ <a href="#" class="text-gray-400 hover:text-white">
475
+ <i class="fab fa-discord"></i>
476
+ </a>
477
+ <a href="#" class="text-gray-400 hover:text-white">
478
+ <i class="fab fa-github"></i>
479
+ </a>
480
+ <a href="#" class="text-gray-400 hover:text-white">
481
+ <i class="fab fa-medium"></i>
482
+ </a>
483
+ </div>
484
+ </div>
485
+ <div class="mt-8 pt-8 border-t border-gray-800 text-center text-gray-500 text-sm">
486
+ <p>© 2023 PhoenixLocker Protocol. All rights reserved.</p>
487
+ <p class="mt-2">The rebirth mechanism for enterprise continuity in Web3.</p>
488
+ </div>
489
+ </div>
490
+ </footer>
491
+
492
+ <script>
493
+ // Simple animation trigger for elements when they come into view
494
+ document.addEventListener('DOMContentLoaded', function() {
495
+ const observer = new IntersectionObserver((entries) => {
496
+ entries.forEach(entry => {
497
+ if (entry.isIntersecting) {
498
+ entry.target.classList.add('animate-fadeIn');
499
+ }
500
+ });
501
+ }, { threshold: 0.1 });
502
+
503
+ document.querySelectorAll('.flame-card').forEach(card => {
504
+ observer.observe(card);
505
+ card.style.opacity = '0';
506
+ card.style.transition = 'opacity 0.6s ease-out';
507
+ card.classList.add('animate-fadeIn');
508
+ });
509
+
510
+ // Add animation class when cards come into view
511
+ const animateOnScroll = () => {
512
+ const cards = document.querySelectorAll('.flame-card');
513
+ cards.forEach(card => {
514
+ const cardPosition = card.getBoundingClientRect().top;
515
+ const screenPosition = window.innerHeight / 1.3;
516
+
517
+ if (cardPosition < screenPosition) {
518
+ card.style.opacity = '1';
519
+ }
520
+ });
521
+ };
522
+
523
+ window.addEventListener('scroll', animateOnScroll);
524
+ animateOnScroll(); // Initialize
525
+ });
526
+ </script>
527
+ <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=tongxiaojun/phoenixlocker" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
528
+ </html>