Spaces:
Running
Running
File size: 12,862 Bytes
06bdf4b 5e18531 06bdf4b 5e18531 06bdf4b 5e18531 06bdf4b 5e18531 | 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 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Roadmap - MegaETH</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
</head>
<body class="bg-gray-900 text-white min-h-screen">
<custom-sidebar></custom-sidebar>
<div class="lg:ml-64">
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-8">
<div class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold mb-4">Roadmap</h1>
<p class="text-xl text-gray-300 max-w-2xl mx-auto">Our journey to revolutionize DeFi yield generation</p>
</div>
<div class="relative">
<!-- Vertical timeline line -->
<div class="absolute left-1/2 transform -translate-x-1/2 h-full w-1 bg-gradient-to-b from-purple-500 to-pink-500 hidden md:block"></div>
<!-- Timeline items -->
<div class="space-y-12">
<!-- Q4 2023 -->
<div class="flex flex-col md:flex-row items-center md:items-start">
<div class="md:w-1/2 md:pr-8 mb-6 md:mb-0 md:text-right">
<div class="bg-gray-800 rounded-xl p-6 inline-block md:ml-auto">
<div class="text-purple-400 font-bold mb-2">Q4 2023</div>
<h3 class="text-2xl font-bold mb-3">Foundation & Launch</h3>
<ul class="space-y-2 text-gray-300">
<li class="flex items-start">
<i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Smart contract deployment and audit completion</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Initial deposit window open (Nov 25)</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Strategic investor onboarding</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Marketing campaign launch</span>
</li>
</ul>
</div>
</div>
<div class="hidden md:block w-4 h-4 bg-purple-500 rounded-full border-4 border-gray-900 z-10"></div>
<div class="md:w-1/2 md:pl-8"></div>
</div>
<!-- Q1 2024 -->
<div class="flex flex-col md:flex-row items-center md:items-start">
<div class="md:w-1/2 md:pr-8 mb-6 md:mb-0 md:text-right"></div>
<div class="hidden md:block w-4 h-4 bg-purple-500 rounded-full border-4 border-gray-900 z-10"></div>
<div class="md:w-1/2 md:pl-8">
<div class="bg-gray-800 rounded-xl p-6 inline-block">
<div class="text-purple-400 font-bold mb-2">Q1 2024</div>
<h3 class="text-2xl font-bold mb-3">Mainnet Launch</h3>
<ul class="space-y-2 text-gray-300">
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Mainnet protocol launch with genesis yield vault</span>
</li>
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Token sale completion and MEGA listing</span>
</li>
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>DAO governance activation</span>
</li>
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Yield farming program initiation</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Q2 2024 -->
<div class="flex flex-col md:flex-row items-center md:items-start">
<div class="md:w-1/2 md:pr-8 mb-6 md:mb-0 md:text-right">
<div class="bg-gray-800 rounded-xl p-6 inline-block md:ml-auto">
<div class="text-purple-400 font-bold mb-2">Q2 2024</div>
<h3 class="text-2xl font-bold mb-3">Ecosystem Expansion</h3>
<ul class="space-y-2 text-gray-300">
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Integration with major DeFi protocols</span>
</li>
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Cross-chain yield strategies implementation</span>
</li>
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Advanced analytics dashboard launch</span>
</li>
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Institutional partnerships established</span>
</li>
</ul>
</div>
</div>
<div class="hidden md:block w-4 h-4 bg-purple-500 rounded-full border-4 border-gray-900 z-10"></div>
<div class="md:w-1/2 md:pl-8"></div>
</div>
<!-- Q3 2024 -->
<div class="flex flex-col md:flex-row items-center md:items-start">
<div class="md:w-1/2 md:pr-8 mb-6 md:mb-0 md:text-right"></div>
<div class="hidden md:block w-4 h-4 bg-purple-500 rounded-full border-4 border-gray-900 z-10"></div>
<div class="md:w-1/2 md:pl-8">
<div class="bg-gray-800 rounded-xl p-6 inline-block">
<div class="text-purple-400 font-bold mb-2">Q3 2024</div>
<h3 class="text-2xl font-bold mb-3">Advanced Features</h3>
<ul class="space-y-2 text-gray-300">
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>NFT-based yield boosting mechanics</span>
</li>
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Automated rebalancing algorithms</span>
</li>
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Insurance integration for yield protection</span>
</li>
<li class="flex items-start">
<i data-feather="circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Mobile app release</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Q4 2024 -->
<div class="flex flex-col md:flex-row items-center md:items-start">
<div class="md:w-1/2 md:pr-8 mb-6 md:mb-0 md:text-right">
<div class="bg-gray-800 rounded-xl p-6 inline-block md:ml-auto">
<div class="text-purple-400 font-bold mb-2">Future Vision</div>
<h3 class="text-2xl font-bold mb-3">Beyond 2024</h3>
<ul class="space-y-2 text-gray-300">
<li class="flex items-start">
<i data-feather="star" class="w-5 h-5 text-purple-400 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Fully autonomous yield management via AI</span>
</li>
<li class="flex items-start">
<i data-feather="star" class="w-5 h-5 text-purple-400 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Layer 2 scaling solutions integration</span>
</li>
<li class="flex items-start">
<i data-feather="star" class="w-5 h-5 text-purple-400 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Real-world asset yield integration</span>
</li>
<li class="flex items-start">
<i data-feather="star" class="w-5 h-5 text-purple-400 mr-2 mt-0.5 flex-shrink-0"></i>
<span>Global DeFi yield standard establishment</span>
</li>
</ul>
</div>
</div>
<div class="hidden md:block w-4 h-4 bg-purple-500 rounded-full border-4 border-gray-900 z-10"></div>
<div class="md:w-1/2 md:pl-8"></div>
</div>
</div>
</div>
<div class="mt-16 text-center">
<div class="bg-gradient-to-r from-purple-900 to-pink-900 rounded-xl p-8 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold mb-4">Stay Updated</h2>
<p class="text-xl mb-8">
Subscribe to our newsletter to receive the latest updates on our roadmap progress and milestones.
</p>
<div class="flex flex-col sm:flex-row gap-4 max-w-md mx-auto">
<input type="email" placeholder="Enter your email" class="flex-grow bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-purple-500">
<button class="bg-white text-purple-900 font-bold py-3 px-6 rounded-lg hover:bg-gray-100 transition duration-300 whitespace-nowrap">
Subscribe
</button>
</div>
</div>
</div>
</main>
<custom-footer></custom-footer>
</div>
<script src="components/sidebar.js"></script>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script>feather.replace();</script>
</body>
</html>
|