32 lines
1.2 KiB
HTML
32 lines
1.2 KiB
HTML
<div class="flex flex-col lg:flex-row-reverse items-center overflow-hidden bg-white pt-10">
|
|
|
|
<!-- Image first on mobile, right on desktop -->
|
|
<div class="w-full lg:w-1/2 h-80 lg:h-full">
|
|
<img src="/images/mycel_1.png"
|
|
alt="Mycelium Network Graphic"
|
|
class="w-full h-full object-cover object-center" />
|
|
</div>
|
|
|
|
<!-- Text Content -->
|
|
<div class="w-full lg:w-1/2 px-6 py-12 lg:px-16 lg:py-32">
|
|
<div class="max-w-2xl mx-auto">
|
|
<h1 class="text-4xl font-semibold tracking-tight lg:text-6xl">
|
|
MYCELIUM
|
|
</h1>
|
|
<h2 class="fade-in text-3xl lg:text-4xl font-normal tracking-tight mt-4">
|
|
Unleashing the Power of<br> Decentralized Networks
|
|
</h2>
|
|
<p class="mt-8 text-lg lg:text-xl font-light">
|
|
Discover Mycelium, an end-to-end encrypted IPv6 overlay network. The future of secure, efficient, and scalable networking. <br><br>
|
|
<b>Coming Soon: New Decentralized Features</b>
|
|
</p>
|
|
<div class="mt-10">
|
|
<a href="/download" class="rounded-2xl bg-black px-4 py-2 text-sm font-semibold text-white shadow hover:bg-gray-700 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-gray-300">
|
|
Get Mycelium
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|