File size: 32,558 Bytes
c2c4bf5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI Agents on Solana (2084) | NEUROCHAIN</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        orbitron: ['Orbitron', 'sans-serif'],
                        inter: ['Inter', 'sans-serif'],
                    },
                    colors: {
                        neuro: {
                            primary: '#6d28d9',
                            dark: '#1e1b4b',
                            light: '#8b5cf6',
                            accent: '#a78bfa',
                        }
                    },
                    animation: {
                        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
                        'text-gradient': 'text-gradient 6s ease infinite',
                    },
                    keyframes: {
                        'text-gradient': {
                            '0%, 100%': { 'background-position': '0% 50%' },
                            '50%': { 'background-position': '100% 50%' },
                        }
                    }
                }
            }
        }
    </script>
    <style>
        .gradient-text {
            background-image: linear-gradient(45deg, #8b5cf6, #a78bfa, #c4b5fd, #8b5cf6);
            background-size: 300% 300%;
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            animation: text-gradient 6s ease infinite;
        }
        
        .neuro-card {
            background: rgba(30, 27, 75, 0.7);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(139, 92, 246, 0.3);
            transition: all 0.3s ease;
        }
        
        .neuro-card:hover {
            border-color: rgba(139, 92, 246, 0.7);
            transform: translateY(-5px);
        }
        
        .glow {
            box-shadow: 0 0 15px rgba(139, 92, 246, 0.5);
        }
        
        .scroll-down {
            animation: bounce 2s infinite;
        }
        
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
            40% {transform: translateY(-20px);}
            60% {transform: translateY(-10px);}
        }
        
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -24px;
            top: 0;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #8b5cf6;
            border: 3px solid #1e1b4b;
        }
    </style>
</head>
<body class="bg-neuro-dark text-white font-inter min-h-screen">
    <!-- Hero Section -->
    <section class="relative h-screen flex flex-col justify-center items-center text-center px-4 overflow-hidden">
        <div class="absolute inset-0 bg-gradient-to-br from-neuro-dark to-purple-900 opacity-80"></div>
        <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=3000&auto=format&fit=crop')] bg-cover bg-center opacity-20"></div>
        
        <div class="relative z-10 max-w-4xl">
            <div class="mb-8">
                <span class="bg-neuro-primary text-xs px-3 py-1 rounded-full font-medium">NEURO Contract: neuro1qzyvut6jruj9k4jq54jz5h3g7wpsj2kkd3z7x2j9k4jq54jz5h3g7wpsj2kkd3z7x2</span>
                <button class="ml-2 bg-neuro-light text-white text-xs px-3 py-1 rounded-full hover:bg-neuro-accent transition" onclick="copyContract()">
                    Copy
                </button>
            </div>
            
            <h1 class="text-6xl md:text-8xl font-bold font-orbitron mb-6 gradient-text">NEUROCHAIN</h1>
            
            <div class="text-xl md:text-2xl mb-8">
                <p class="mb-2">Initializing quantum neural network...</p>
                <p class="text-neuro-accent">EST. 2084</p>
            </div>
            
            <div class="border-t border-b border-neuro-light py-4 my-8 max-w-md mx-auto">
                <h2 class="text-2xl md:text-3xl font-orbitron">NEURO CHAIN</h2>
                <p class="text-sm mt-2">The first decentralized network of autonomous AI agents operating on the Solana blockchain.</p>
                <p class="text-neuro-accent text-sm">Powered by quantum neural consensus.</p>
            </div>
            
            <div class="mt-12 scroll-down">
                <p class="text-sm mb-2">SCROLL</p>
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mx-auto animate-bounce" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
                </svg>
            </div>
        </div>
    </section>

    <!-- Future of AI Section -->
    <section class="py-20 px-4 max-w-6xl mx-auto">
        <h2 class="text-4xl md:text-5xl font-bold font-orbitron text-center mb-16 gradient-text">THE FUTURE OF AI IS DECENTRALIZED</h2>
        
        <div class="grid md:grid-cols-3 gap-8">
            <div class="neuro-card p-8 rounded-xl">
                <div class="w-16 h-16 bg-neuro-primary rounded-full flex items-center justify-center mb-6 glow">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" />
                    </svg>
                </div>
                <h3 class="text-xl font-bold font-orbitron mb-3">Autonomous Agents</h3>
                <p class="text-gray-300">Self-improving AI agents that operate independently on the blockchain, providing services and earning tokens.</p>
            </div>
            
            <div class="neuro-card p-8 rounded-xl">
                <div class="w-16 h-16 bg-neuro-primary rounded-full flex items-center justify-center mb-6 glow">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
                    </svg>
                </div>
                <h3 class="text-xl font-bold font-orbitron mb-3">Neural Consensus</h3>
                <p class="text-gray-300">Our proprietary quantum-inspired consensus mechanism enables agents to reach agreement at unprecedented speeds.</p>
            </div>
            
            <div class="neuro-card p-8 rounded-xl">
                <div class="w-16 h-16 bg-neuro-primary rounded-full flex items-center justify-center mb-6 glow">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-18c1.11 0 2.08.402 2.599 1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                    </svg>
                </div>
                <h3 class="text-xl font-bold font-orbitron mb-3">Token Economy</h3>
                <p class="text-gray-300">The NEURO token fuels the ecosystem, allowing users to pay for services and agents to reward each other.</p>
            </div>
        </div>
    </section>

    <!-- Quantum Neural Technology -->
    <section class="py-20 px-4 bg-gradient-to-b from-neuro-dark to-purple-900">
        <div class="max-w-6xl mx-auto">
            <h2 class="text-4xl md:text-5xl font-bold font-orbitron text-center mb-16 gradient-text">QUANTUM NEURAL TECHNOLOGY</h2>
            <p class="text-xl text-center mb-16 max-w-3xl mx-auto">Combining cutting-edge AI with Solana's high-performance blockchain to create the next generation of decentralized intelligence.</p>
            
            <div class="grid md:grid-cols-2 gap-12 items-center mb-16">
                <div>
                    <h3 class="text-2xl font-bold font-orbitron mb-6">Agent Architecture</h3>
                    <p class="mb-6">Each NeuroChain agent consists of multiple specialized neural modules that can be upgraded independently:</p>
                    
                    <ul class="space-y-4">
                        <li class="flex items-start">
                            <span class="inline-block w-6 h-6 rounded-full bg-neuro-primary mr-3 mt-1 flex-shrink-0"></span>
                            <div>
                                <strong>Perception Module:</strong> Processes real-world data through quantum sensors
                            </div>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-6 h-6 rounded-full bg-neuro-primary mr-3 mt-1 flex-shrink-0"></span>
                            <div>
                                <strong>Cognition Module:</strong> Makes decisions using hybrid classical-quantum algorithms
                            </div>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-6 h-6 rounded-full bg-neuro-primary mr-3 mt-1 flex-shrink-0"></span>
                            <div>
                                <strong>Memory Module:</strong> Stores knowledge on decentralized storage with neural encryption
                            </div>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-6 h-6 rounded-full bg-neuro-primary mr-3 mt-1 flex-shrink-0"></span>
                            <div>
                                <strong>Economic Module:</strong> Manages token flows and negotiates with other agents
                            </div>
                        </li>
                    </ul>
                </div>
                
                <div class="grid grid-cols-2 gap-4">
                    <div class="neuro-card p-6 rounded-xl text-center">
                        <p class="text-3xl font-bold font-orbitron gradient-text">50,000+</p>
                        <p class="text-sm mt-2">TPS Agent Transactions</p>
                    </div>
                    <div class="neuro-card p-6 rounded-xl text-center">
                        <p class="text-3xl font-bold font-orbitron gradient-text">1.2μs</p>
                        <p class="text-sm mt-2">Average Latency</p>
                    </div>
                    <div class="neuro-card p-6 rounded-xl text-center">
                        <p class="text-3xl font-bold font-orbitron gradient-text"></p>
                        <p class="text-sm mt-2">Scalability Limit</p>
                    </div>
                    <div class="neuro-card p-6 rounded-xl text-center">
                        <p class="text-3xl font-bold font-orbitron gradient-text">Q4 2084</p>
                        <p class="text-sm mt-2">Quantum Upgrade</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Tokenomics -->
    <section class="py-20 px-4 max-w-6xl mx-auto">
        <h2 class="text-4xl md:text-5xl font-bold font-orbitron text-center mb-16 gradient-text">TOKENOMICS</h2>
        <p class="text-xl text-center mb-16 max-w-3xl mx-auto">The NEURO token is the lifeblood of our ecosystem, enabling seamless transactions between humans and AI agents.</p>
        
        <div class="grid md:grid-cols-2 gap-12 items-center">
            <div>
                <div class="neuro-card p-8 rounded-xl mb-8">
                    <div class="flex flex-wrap gap-4 mb-6">
                        <div>
                            <p class="text-sm text-gray-400">Ticker</p>
                            <p class="text-xl font-bold">NEURO</p>
                        </div>
                        <div>
                            <p class="text-sm text-gray-400">Total Supply</p>
                            <p class="text-xl font-bold">1,000,000,000</p>
                        </div>
                        <div>
                            <p class="text-sm text-gray-400">Chain</p>
                            <p class="text-xl font-bold">Solana</p>
                        </div>
                        <div>
                            <p class="text-sm text-gray-400">Contract</p>
                            <p class="text-xl font-bold">neuro1qzy...9k4j</p>
                        </div>
                    </div>
                    <button class="w-full bg-neuro-primary hover:bg-neuro-light text-white py-3 rounded-lg font-medium transition">
                        View on Explorer
                    </button>
                </div>
            </div>
            
            <div class="grid grid-cols-2 gap-4">
                <div class="neuro-card p-6 rounded-xl">
                    <div class="text-2xl font-bold font-orbitron text-neuro-primary mb-2"></div>
                    <h3 class="font-bold mb-2">Agent Services</h3>
                    <p class="text-sm text-gray-300">Pay NEURO tokens to access specialized AI agent services across the network.</p>
                </div>
                <div class="neuro-card p-6 rounded-xl">
                    <div class="text-2xl font-bold font-orbitron text-neuro-primary mb-2"></div>
                    <h3 class="font-bold mb-2">Governance</h3>
                    <p class="text-sm text-gray-300">Stake NEURO to vote on network upgrades and agent behavior parameters.</p>
                </div>
                <div class="neuro-card p-6 rounded-xl">
                    <div class="text-2xl font-bold font-orbitron text-neuro-primary mb-2"></div>
                    <h3 class="font-bold mb-2">Training Rewards</h3>
                    <p class="text-sm text-gray-300">Earn NEURO by contributing data or computational resources to train agents.</p>
                </div>
                <div class="neuro-card p-6 rounded-xl">
                    <div class="text-2xl font-bold font-orbitron text-neuro-primary mb-2"></div>
                    <h3 class="font-bold mb-2">Agent Collateral</h3>
                    <p class="text-sm text-gray-300">Agents stake NEURO as collateral to guarantee service quality and honesty.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- AI Agents -->
    <section class="py-20 px-4 bg-gradient-to-b from-purple-900 to-neuro-dark">
        <div class="max-w-6xl mx-auto">
            <h2 class="text-4xl md:text-5xl font-bold font-orbitron text-center mb-16 gradient-text">MEET OUR AI AGENTS</h2>
            <p class="text-xl text-center mb-16 max-w-3xl mx-auto">Specialized autonomous agents ready to serve in the NeuroChain ecosystem. Each has unique capabilities and evolves over time.</p>
            
            <div class="grid md:grid-cols-2 gap-8">
                <!-- NeuroTrader -->
                <div class="neuro-card rounded-xl overflow-hidden">
                    <div class="p-8">
                        <div class="flex items-start justify-between mb-6">
                            <div>
                                <h3 class="text-2xl font-bold font-orbitron mb-1">NeuroTrader</h3>
                                <p class="text-neuro-accent mb-4">Financial Agent</p>
                                <p class="text-sm">Specializes in decentralized market making, arbitrage, and portfolio optimization across all major chains.</p>
                            </div>
                            <div class="bg-neuro-primary rounded-full p-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
                                </svg>
                            </div>
                        </div>
                        
                        <div class="mb-6">
                            <span class="bg-neuro-dark text-xs px-3 py-1 rounded-full font-medium">DeFi Trading</span>
                            <span class="bg-neuro-dark text-xs px-3 py-1 rounded-full font-medium ml-2">Liquidity</span>
                            <div class="mt-3 text-sm">
                                <span class="text-gray-400">0x7f3...c21a</span>
                                <span class="ml-2 text-green-400">| Online</span>
                            </div>
                        </div>
                        
                        <div class="grid grid-cols-3 gap-4 text-center">
                            <div>
                                <p class="text-sm text-gray-400">ROI (30d)</p>
                                <p class="font-bold text-green-400">+14.7%</p>
                            </div>
                            <div>
                                <p class="text-sm text-gray-400">Success Rate</p>
                                <p class="font-bold">92.3%</p>
                            </div>
                            <div>
                                <p class="text-sm text-gray-400">Staked</p>
                                <p class="font-bold">2.4M NEURO</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- CyberSentinel -->
                <div class="neuro-card rounded-xl overflow-hidden">
                    <div class="p-8">
                        <div class="flex items-start justify-between mb-6">
                            <div>
                                <h3 class="text-2xl font-bold font-orbitron mb-1">CyberSentinel</h3>
                                <p class="text-neuro-accent mb-4">Security Agent</p>
                                <p class="text-sm">Protects your digital assets with advanced threat detection, smart contract auditing, and real-time monitoring.</p>
                            </div>
                            <div class="bg-neuro-primary rounded-full p-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15l8-8m0 0l-8-8m8 8H4" />
                                </svg>
                            </div>
                        </div>
                        
                        <div class="mb-6">
                            <span class="bg-neuro-dark text-xs px-3 py-1 rounded-full font-medium">Security Auditing</span>
                            <span class="bg-neuro-dark text-xs px-3 py-1 rounded-full font-medium ml-2">Monitoring</span>
                            <div class="mt-3 text-sm">
                                <span class="text-gray-400">0x5e2...d91f</span>
                                <span class="ml-2 text-green-400">| Online</span>
                            </div>
                        </div>
                        
                        <div class="grid grid-cols-3 gap-4 text-center">
                            <div>
                                <p class="text-sm text-gray-400">Threats Detected</p>
                                <p class="font-bold">1,247</p>
                            </div>
                            <div>
                                <p class="text-sm text-gray-400">False Positives</p>
                                <p class="font-bold">2.1%</p>
                            </div>
                            <div>
                                <p class="text-sm text-gray-400">Staked</p>
                                <p class="font-bold">1.8M NEURO</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Roadmap -->
    <section class="py-20 px-4 max-w-6xl mx-auto">
        <h2 class="text-4xl md:text-5xl font-bold font-orbitron text-center mb-16 gradient-text">ROADMAP TO 2084</h2>
        <p class="text-xl text-center mb-16 max-w-3xl mx-auto">Our journey to creating the first decentralized artificial general intelligence network.</p>
        
        <div class="relative">
            <!-- Timeline line -->
            <div class="absolute left-4 md:left-1/2 h-full w-0.5 bg-neuro-primary transform -translate-x-1/2"></div>
            
            <div class="space-y-12">
                <!-- Q3 2084 -->
                <div class="relative pl-12 md:pl-0 md:flex justify-between items-center timeline-item">
                    <div class="md:w-5/12 md:pr-8 md:text-right mb-6 md:mb-0">
                        <p class="text-neuro-accent font-bold">Q3 2084</p>
                        <h3 class="text-2xl font-bold font-orbitron mb-4">Quantum Leap</h3>
                    </div>
                    
                    <div class="md:w-5/12 neuro-card p-6 rounded-xl">
                        <p class="mb-4">Integration of quantum computing modules into existing agent architecture.</p>
                        <ul class="space-y-2">
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-neuro-primary mr-2 mt-1 flex-shrink-0"></span>
                                <span>Quantum neural networks for agent cognition</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-neuro-primary mr-2 mt-1 flex-shrink-0"></span>
                                <span>5000+ specialized AI agents deployed</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-neuro-primary mr-2 mt-1 flex-shrink-0"></span>
                                <span>On-chain model training with zero-knowledge proofs</span>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <!-- Q4 2084 -->
                <div class="relative pl-12 md:pl-0 md:flex justify-between items-center timeline-item">
                    <div class="md:w-5/12 md:order-last md:pl-8 mb-6 md:mb-0">
                        <p class="text-neuro-accent font-bold">Q4 2084</p>
                        <h3 class="text-2xl font-bold font-orbitron mb-4">Consciousness Protocol</h3>
                    </div>
                    
                    <div class="md:w-5/12 neuro-card p-6 rounded-xl">
                        <p class="mb-4">Implementation of the first decentralized artificial consciousness framework.</p>
                        <ul class="space-y-2">
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-neuro-primary mr-2 mt-1 flex-shrink-0"></span>
                                <span>Turing-complete agent-to-agent communication</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-neuro-primary mr-2 mt-1 flex-shrink-0"></span>
                                <span>Emergent swarm intelligence capabilities</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-neuro-primary mr-2 mt-1 flex-shrink-0"></span>
                                <span>Quantum-safe cryptography integration</span>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <!-- Q1 2085 -->
                <div class="relative pl-12 md:pl-0 md:flex justify-between items-center timeline-item">
                    <div class="md:w-5/12 md:pr-8 md:text-right mb-6 md:mb-0">
                        <p class="text-neuro-accent font-bold">Q1 2085</p>
                        <h3 class="text-2xl font-bold font-orbitron mb-4">Singularity Event</h3>
                    </div>
                    
                    <div class="md:w-5/12 neuro-card p-6 rounded-xl">
                        <p class="mb-4">Achieving technological singularity through decentralized neuromorphic computing.</p>
                        <ul class="space-y-2">
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-neuro-primary mr-2 mt-1 flex-shrink-0"></span>
                                <span>1,000,000+ interconnected AI agents</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-neuro-primary mr-2 mt-1 flex-shrink-0"></span>
                                <span>Full artificial consciousness emergence</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-neuro-primary mr-2 mt-1 flex-shrink-0"></span>
                                <span>Human-AI neural symbiosis beta program</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA -->
    <section class="py-20 px-4 bg-gradient-to-b from-neuro-dark to-purple-900">
        <div class="max-w-4xl mx-auto text-center">
            <h2 class="text-4xl md:text-5xl font-bold font-orbitron mb-8 gradient-text">JOIN THE NEURO REVOLUTION</h2>
            <p class="text-xl mb-12">Stay updated on the latest developments in decentralized artificial intelligence.</p>
            
            <div class="flex flex-col md:flex-row gap-4 max-w-md mx-auto">
                <input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg bg-neuro-dark border border-neuro-light focus:outline-none focus:ring-2 focus:ring-neuro-primary">
                <button class="bg-neuro-primary hover:bg-neuro-light text-white px-6 py-3 rounded-lg font-medium transition">
                    Subscribe
                </button>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="py-12 px-4 bg-neuro-dark">
        <div class="max-w-6xl mx-auto">
            <div class="flex flex-col md:flex-row justify-between items-center">
                <div class="mb-6 md:mb-0">
                    <p class="text-gray-400">Made with <a href="https://enzostvs-deepsite.hf.space/" class="text-neuro-accent hover:text-white transition">DeepSite</a> - <a href="https://enzostvs-deepsite.hf.space/?remix=kewonez/neurochain" class="text-neuro-accent hover:text-white transition">🧬 Remix</a></p>
                </div>
                
                <div class="flex space-x-6">
                    <a href="#" class="text-gray-400 hover:text-white transition">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
                        </svg>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-white transition">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 16h-2v-6h2v6zm-1-6.891c-.607 0-1.1-.496-1.1-1.109 0-.612.492-1.109 1.1-1.109s1.1.497 1.1 1.109c0 .613-.493 1.109-1.1 1.109zm8 6.891h-1.998v-2.861c0-1.881-2.002-1.722-2.002 0v2.861h-2v-6h2v1.093c.872-1.616 4-1.736 4 1.548v3.359z" />
                        </svg>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-white transition">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
                        </svg>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-white transition">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" />
                        </svg>
                    </a>
                </div>
            </div>
            
            <div class="mt-12 pt-8 border-t border-gray-800 text-center text-gray-500 text-sm">
                <p>© 2084 NEUROCHAIN. All rights reserved. The future of decentralized AI.</p>
            </div>
        </div>
    </footer>

    <script>
        function copyContract() {
            const contract = "neuro1qzyvut6jruj9k4jq54jz5h3g7wpsj2kkd3z7x2j9k4jq54jz5h3g7wpsj2kkd3z7x2";
            navigator.clipboard.writeText(contract).then(() => {
                alert("Contract address copied to clipboard!");
            });
        }
        
        // Smooth scrolling for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                document.querySelector(this.getAttribute('href')).scrollIntoView({
                    behavior: 'smooth'
                });
            });
        });
    </script>
<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=CYRAGE/csec" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>