107 lines
9.9 KiB
HTML
107 lines
9.9 KiB
HTML
<section aria-labelledby="features-heading" class="mx-auto max-w-7xl py-4">
|
||
<div class="mx-auto max-w-2xl lg:max-w-none">
|
||
<div class="mt-4">
|
||
<div class="-mx-4 flex overflow-x-auto sm:mx-0">
|
||
<div class="flex-auto border-b border-gray-200 px-4 sm:px-0">
|
||
<div class="-mb-px flex space-x-10" aria-orientation="horizontal" role="tablist">
|
||
<!-- Current: "border-indigo-400 text-indigo-400", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
|
||
<button id="features-tab-1" class="flex justify-center items-center whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-400 hover:text-indigo-200" aria-controls="features-panel-1" role="tab" type="button">
|
||
<svg class="mr-2" fill="#a5a5a5" width="20px" height="20px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.25,8H9.75A1.752,1.752,0,0,0,8,9.75v4.5A1.752,1.752,0,0,0,9.75,16h4.5A1.752,1.752,0,0,0,16,14.25V9.75A1.752,1.752,0,0,0,14.25,8ZM14,14H10V10h4Zm8-5a1,1,0,0,0,0-2H20V6.75A2.752,2.752,0,0,0,17.25,4H17V2a1,1,0,0,0-2,0V4H13V2a1,1,0,0,0-2,0V4H9V2A1,1,0,0,0,7,2V4H6.75A2.752,2.752,0,0,0,4,6.75V7H2A1,1,0,0,0,2,9H4v2H2a1,1,0,0,0,0,2H4v2H2a1,1,0,0,0,0,2H4v.25A2.752,2.752,0,0,0,6.75,20H7v2a1,1,0,0,0,2,0V20h2v2a1,1,0,0,0,2,0V20h2v2a1,1,0,0,0,2,0V20h.25A2.752,2.752,0,0,0,20,17.25V17h2a1,1,0,0,0,0-2H20V13h2a1,1,0,0,0,0-2H20V9Zm-4,8.25a.751.751,0,0,1-.75.75H6.75A.751.751,0,0,1,6,17.25V6.75A.751.751,0,0,1,6.75,6h10.5a.751.751,0,0,1,.75.75Z"/></svg>Compute</button>
|
||
|
||
<button id="features-tab-2" class="flex justify-center items-center whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-400 hover:text-indigo-200" aria-controls="features-panel-2" role="tab" type="button">
|
||
<svg class="mr-2" width="20px" height="20px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill="none" stroke="#a5a5a5" stroke-width="2" d="M2,5.07692308 C2,5.07692308 3.66666667,2 12,2 C20.3333333,2 22,5.07692308 22,5.07692308 L22,18.9230769 C22,18.9230769 20.3333333,22 12,22 C3.66666667,22 2,18.9230769 2,18.9230769 L2,5.07692308 Z M2,13 C2,13 5.33333333,16 12,16 C18.6666667,16 22,13 22,13 M2,7 C2,7 5.33333333,10 12,10 C18.6666667,10 22,7 22,7"/>
|
||
</svg>Data</button>
|
||
<button id="features-tab-3" class="flex justify-center items-center whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-400 hover:text-indigo-200" aria-controls="features-panel-3" role="tab" type="button">
|
||
<svg class="mr-2" fill="#a5a5a5" width="20px" height="20px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M372.288 745.792a394.048 394.048 0 0 0 113.728 102.848v-127.744a390.08 390.08 0 0 0-113.728 24.896z m-51.584 24.192a392.96 392.96 0 0 0-60.16 41.6h-1.28a390.336 390.336 0 0 0 205.696 89.6 450.24 450.24 0 0 1-144.256-131.2z m-24.704-230.016c3.968 56.768 20.096 110.208 45.696 157.696a445.696 445.696 0 0 1 144.32-32.896v-124.8h-190.08z m-56.128 0H120.96a390.4 390.4 0 0 0 98.56 233.024c22.208-19.2 46.272-36.224 71.808-50.752a445.312 445.312 0 0 1-51.456-182.272z m445.824 158.784c25.984-47.808 42.24-101.568 46.336-158.72H540.992v124.864c51.072 3.2 99.776 14.976 144.704 33.92z m50.24 24.96c24.448 14.08 47.552 30.464 68.928 48.896a390.4 390.4 0 0 0 98.176-232.576h-114.88a445.312 445.312 0 0 1-52.224 183.68z m-194.944 125.44a394.048 394.048 0 0 0 113.92-102.4 389.888 389.888 0 0 0-113.92-25.728v128.192z m23.104 51.392a390.4 390.4 0 0 0 200.704-88.96h-0.512a392.96 392.96 0 0 0-57.92-40.32 450.24 450.24 0 0 1-142.272 129.28zM341.76 326.144a389.632 389.632 0 0 0-45.76 157.824h190.016V358.976a445.696 445.696 0 0 1-144.256-32.768z m-50.368-24.576a449.216 449.216 0 0 1-71.808-50.56 390.4 390.4 0 0 0-98.56 232.96h118.848a445.312 445.312 0 0 1 51.52-182.4z m194.56-126.208A394.048 394.048 0 0 0 372.48 278.016a390.08 390.08 0 0 0 113.536 24.768V175.36z m-20.992-52.544a390.272 390.272 0 0 0-205.312 89.152h0.512c18.88 15.872 39.168 29.888 60.608 41.92a450.24 450.24 0 0 1 144.192-131.072z m189.76 154.048a394.048 394.048 0 0 0-113.728-102.08v127.808a389.952 389.952 0 0 0 113.728-25.728z m51.392-24.576a392.96 392.96 0 0 0 57.856-40.32h0.384A390.336 390.336 0 0 0 564.16 123.52a450.24 450.24 0 0 1 141.952 128.832z m25.92 231.68a389.632 389.632 0 0 0-46.528-159.168 445.568 445.568 0 0 1-144.512 33.92v125.248h191.04z m56.128 0h114.88a390.4 390.4 0 0 0-98.56-232.96 449.28 449.28 0 0 1-68.736 48.896c29.824 55.424 48.32 117.76 52.416 184.128zM512 960A448 448 0 1 1 512 64a448 448 0 0 1 0 896z"/></svg>Network</button>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="features-panel-1" class="bg-white/5 space-y-16 p-6 rounded-sm" aria-labelledby="features-tab-1" role="tabpanel" tabindex="0">
|
||
|
||
<div class="">
|
||
<h3>Compute</h3>
|
||
<p class="mt-2 text-xl">A self-healing compute fabric designed for resilience, decentralization, and scale.
|
||
</p>
|
||
<ul class="mt-6 space-y-4">
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">Autonomous Workload Management</span> – Workloads automatically migrate to healthy nodes to ensure fault tolerance and high availability.</li>
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">P2P Compute Marketplace</span> – Individuals and enterprises can monetize spare compute and GPU resources through a decentralized network.</li>
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">AI & Web3 Ready</span> – Run LLMs, autonomous agents, blockchain nodes, and immersive metaverse apps at the edge.</li>
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">Zero-OS (ZOS)</span> – Our custom-built, stateless, immutable OS that powers:
|
||
<ul style="list-style: circle;">
|
||
<li class="mt-2 text-lg text-gray-100">MicroVMs & containerized environments (Kubernetes, Docker, Firecracker).</li>
|
||
<li class="mt-2 text-lg text-gray-100">AI inference and training workloads.</li>
|
||
<li class="mt-2 text-lg text-gray-100">Web3 infrastructure and federated learning models.</li>
|
||
</ul>
|
||
</li>
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">No Hyperscalers</span> – Fully independent infrastructure managed by intelligent agents on bare metal.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="features-panel-2" class="bg-white/5 space-y-16 p-6 rounded-sm" aria-labelledby="features-tab-2" role="tabpanel" tabindex="0">
|
||
<div class="">
|
||
<h3>Data</h3>
|
||
<p class="mt-2 text-xl">Private, distributed, and AI-native storage with user sovereignty at its core.
|
||
</p>
|
||
<ul class="mt-6 space-y-4">
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">Privacy-First </span> – End-to-end encryption and redundancy, with no central control.</li>
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">10x Efficient</span> – Optimized for performance and sustainability, far surpassing traditional cloud.</li>
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">Geo-Aware & Compliant </span> – Data stays where it’s supposed to, satisfying regional policies and privacy standards.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="features-panel-3" class="bg-white/5 space-y-16 p-6 rounded-sm" aria-labelledby="features-tab-3" role="tabpanel" tabindex="0">
|
||
<div class="">
|
||
<h3>Network</h3>
|
||
<p class="mt-2 text-xl"> A secure, peer-to-peer internet backbone, self-sustaining, censorship-resistant, and optimized for performance.
|
||
</p>
|
||
<ul class="mt-6 space-y-4">
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">End-to-End Encryption</span> – All communications are secured by design.</li>
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">Shortest-Path Routing</span> – Dynamically finds the most efficient path across the network, reducing latency and cost.</li>
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">No Middlemen </span> – Fully peer-to-peer, removing reliance on centralized ISPs or DNS providers.</li>
|
||
<li class="mt-2 text-lg text-gray-100"><span class="font-semibold">Censorship Resistance </span> – Built to thrive under pressure, even in restricted or controlled regions.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
const tabs = document.querySelectorAll('[role="tab"]');
|
||
const panels = document.querySelectorAll('[role="tabpanel"]');
|
||
|
||
tabs.forEach((tab, index) => {
|
||
tab.addEventListener('click', function () {
|
||
tabs.forEach(t => {
|
||
t.classList.remove('text-white');
|
||
t.classList.add('text-gray-400');
|
||
});
|
||
|
||
panels.forEach(panel => panel.style.display = 'none');
|
||
|
||
tab.classList.remove('text-gray-400');
|
||
tab.classList.add('text-white');
|
||
|
||
const panelId = tab.getAttribute('aria-controls');
|
||
document.getElementById(panelId).style.display = 'block';
|
||
});
|
||
|
||
// Initial setup
|
||
if (index === 0) {
|
||
tab.classList.add('text-white');
|
||
tab.classList.remove('text-gray-400');
|
||
panels[index].style.display = 'block';
|
||
} else {
|
||
tab.classList.add('text-gray-400');
|
||
panels[index].style.display = 'none';
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
|
||
|