www_mycelium/templates/partials/hero/myhero8.html
ehab-hassan f7553f6214
Some checks are pending
www2.threefold_io / Deploy (push) Waiting to run
www2.threefold_io / Wait for Website Update (push) Blocked by required conditions
www2.threefold_io / Check for Broken Links (push) Blocked by required conditions
fix spacing
2025-02-24 16:58:19 +02:00

80 lines
3.5 KiB
HTML

<div class="lg:py-24 py-12">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto">
<p class="text-base/7 font-light text-black tracking-wide">WHAT IT ENABLES</p>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black"> Powering Secure & Decentralized Connectivity</h2>
<p class="mt-6 text-lg font-light">Mycelium, a key component of the ThreeFold Grid, can be installed on any computer (macOS, Linux, Windows) and smartphone (iOS, Android). With seamless integration, it enables secure and private communication across devices.
<br>
<br>
The ThreeFold Dashboard offers dozens of applications with built-in Mycelium support, making it easy to deploy and utilize. Once installed, Mycelium provides a secure, encrypted network for a wide range of use cases, from private communication to decentralized infrastructure.</p>
</div>
</div>
{# <div class="relative overflow-hidden pt-10">
<div class="mx-auto max-w-7xl px-6 lg:px-8 flex items-center justify-center">
<img src="/images/future.png" alt="App screenshot" width="900">
</div>
</div> #}
<div class="mx-auto mt-10 max-w-7xl">
<dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base/7 text-black sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:gap-x-8 lg:gap-y-8">
<div class="relative pl-9">
<dt class="inline font-semibold text-black">
PRODUCTIVITY & COMMUNICATION
</dt>
<ul class="mx-4" style="list-style: circle;">
<li>Secure remote work collaboration.</li>
<li>Private file sharing between trusted nodes.</li>
<li>Encrypted voice/video calls.</li>
<li>Self-hosted messaging systems.</li>
<li>Secure document collaboration.</li>
</ul>
</div>
<div class="relative pl-9">
<dt class="inline font-semibold text-black">
INFRASTRUCTURE
</dt>
<ul class="mx-4" style="list-style: circle;">
<li>Private cloud computing resources.</li>
<li>Secure IoT device networks.</li>
<li>Remote system administration.</li>
<li>Virtual private networks (VPNs).</li>
<li>Secure backup systems.</li>
</ul>
</div>
<div class="relative pl-9">
<dt class="inline font-semibold text-black">
SERVICES
</dt>
<ul class="mx-4" style="list-style: circle;">
<li>Self-hosted web services.</li>
<li>Private file sharing between trusted nodes.</li>
<li>Private DNS systems.</li>
<li>Personal email servers.</li>
<li>Secure document collaboration.</li>
</ul>
</div>
<div class="relative pl-9">
<dt class="inline font-semibold text-black">
MEDIA & CONTENT
</dt>
<ul class="mx-4" style="list-style: circle;">
<li>Private media streaming.</li>
<li>Personal cloud storage.</li>
<li>Protected content distribution.</li>
<li>Secure game servers.</li>
<li>Private git repositories.</li>
</ul>
</div>
</dl>
<hr class="my-6">
<div class="mx-auto mt-10 px-6 lg:px-0 lg:max-w-6xl">
<a href="/download" class=" rounded-2xl bg-black px-6 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-gray-900 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">Get Started</a>
</div>
</div>
</div>