|
|
<!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"> |
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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"> |
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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"> |
|
|
|
|
|
<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"> |
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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 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!"); |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
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> |
