Spaces:
Running
Running
File size: 7,350 Bytes
d25c33d 06bdf4b fe3f718 d25c33d 5e18531 06bdf4b d25c33d 06bdf4b d25c33d 06bdf4b d25c33d 06bdf4b d25c33d 06bdf4b d25c33d 06bdf4b d25c33d 06bdf4b d25c33d 06bdf4b d25c33d 06bdf4b d25c33d 06bdf4b d25c33d 4709c28 d25c33d 06bdf4b 4709c28 06bdf4b 4709c28 06bdf4b 4709c28 06bdf4b 4709c28 d25c33d 06bdf4b 4709c28 06bdf4b 16acd45 06bdf4b 16acd45 06bdf4b 16acd45 4709c28 5e18531 d25c33d 16acd45 5e18531 d25c33d 16acd45 | 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 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MegaETH - Revolutionary DeFi Yield Layer</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">Welcome to MegaETH</h1>
<p class="text-xl text-gray-300 max-w-2xl mx-auto">Ethereum's actively managed native yield layer that shifts between LRTs and LSTs based on decentralized governance</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<!-- Editor Panel -->
<div class="bg-gray-800 rounded-xl p-6 shadow-lg">
<h2 class="text-2xl font-bold mb-6">Pre-Deposit Window</h2>
<div class="space-y-6">
<div>
<label class="block text-sm font-medium mb-2">Deposit Amount (USDC)</label>
<input type="number" id="depositAmount" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="Enter deposit amount" min="1000">
</div>
<div>
<label class="block text-sm font-medium mb-2">Wallet Address</label>
<input type="text" id="walletAddress" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="Enter your wallet address">
</div>
<div>
<label class="block text-sm font-medium mb-2">KYC Status</label>
<select id="kycStatus" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-purple-500">
<option value="">Select KYC Status</option>
<option value="pending">Pending</option>
<option value="verified">Verified</option>
<option value="not-required">Not Required</option>
</select>
</div>
<div>
<label class="block text-sm font-medium mb-2">Deposit Tier</label>
<select id="depositTier" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-purple-500">
<option value="standard">Standard ($1,000-$49,999)</option>
<option value="preferred">Preferred ($50,000-$499,999)</option>
<option value="institutional">Institutional ($500,000+)</option>
</select>
</div>
<div>
<label class="block text-sm font-medium mb-2">Referral Code (Optional)</label>
<input type="text" id="referralCode" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="Enter referral code">
</div>
<button id="depositBtn" class="w-full bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300">
Submit Pre-Deposit
</button>
</div>
</div>
<!-- Preview Panel -->
<div class="bg-gray-800 rounded-xl p-6 shadow-lg">
<h2 class="text-2xl font-bold mb-6">Deposit Summary</h2>
<div id="depositSummary" class="bg-gradient-to-r from-purple-900 to-pink-900 rounded-xl p-6">
<h3 class="text-2xl font-bold mb-4">Your Deposit Information</h3>
<div class="space-y-3">
<div class="flex justify-between">
<span>Deposit Amount:</span>
<span class="font-bold">$0 USDC</span>
</div>
<div class="flex justify-between">
<span>Allocation Status:</span>
<span class="font-bold">Pending</span>
</div>
<div class="flex justify-between">
<span>Estimated Yield:</span>
<span class="font-bold">TBD</span>
</div>
<div class="flex justify-between">
<span>Total Cap:</span>
<span class="font-bold">$250M</span>
</div>
<div class="pt-4">
<div class="w-full bg-gray-700 rounded-full h-2.5">
<div class="bg-gradient-to-r from-purple-500 to-pink-500 h-2.5 rounded-full" style="width: 0%"></div>
</div>
<div class="flex justify-between text-sm mt-2">
<span>$0</span>
<span>$250M</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Template Gallery Section -->
</main>
<!-- Live Deposit Feed Section -->
<section class="container mx-auto px-4 py-12">
<div class="bg-gray-800 rounded-xl p-8 shadow-lg">
<div class="text-center mb-8">
<h2 class="text-3xl font-bold mb-4">Live Deposit Feed</h2>
<p class="text-gray-300 max-w-2xl mx-auto">
Real-time updates of USDC deposits. MegaETH opens pre-deposit window on November 25,
capped at $250 million, processed on a first-come, first-served basis.
</p>
</div>
<live-deposit-feed></live-deposit-feed>
<div class="mt-8 text-center">
<div class="inline-flex items-center bg-gray-700 rounded-full px-4 py-2 text-sm">
<i data-feather="info" class="mr-2 text-blue-400"></i>
Deposits accepted in USDC on Ethereum. KYC required from MegaETH token sale participants.
</div>
</div>
</div>
</section>
<custom-footer></custom-footer>
</div>
<script src="components/sidebar.js"></script>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="components/live-deposit-feed.js"></script>
<script src="script.js"></script>
<script>feather.replace();</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>
|