72 lines
3.4 KiB
HTML
72 lines
3.4 KiB
HTML
<div class="bg-transparent pt-12 pb-12">
|
|
<div class="mx-auto max-w-7xl px-4 lg:max-w-7xl lg:px-8">
|
|
<div class="mx-auto max-w-2xl lg:max-w-7xl ">
|
|
<h2 class="mx-auto fade-in text-left lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-black capitalize">How it works</h2>
|
|
<p class="text-left my-6 max-w-5xl text-pretty lg:text-xl text-lg font-light text-gray-800 fade-in">
|
|
Anyone can deploy AIBOX (servers) from their homes or offices and participate in a decentralized alternative to corporate-owned data centers.
|
|
<br>
|
|
Starting this summer, farming is evolving. With the launch of the ThreeFold Marketplace, rewards will be based on actual usage. Users will also be able to rent unlisted GPUs directly from the network, unlocking new use cases and making decentralized compute power more accessible than ever.
|
|
|
|
</p>
|
|
</div>
|
|
<section class="bg-transparent">
|
|
<div class="max-w-6xl mx-0 lg:mx-12 xl:mx-auto">
|
|
<div class="mx-auto max-w-2xl lg:max-w-none">
|
|
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
|
|
<div class="fade-in-box flex flex-col p-8 rounded-2xl bg-gray-50 ring-1 ring-black/5 py-6 shadow-md shadow-black/5">
|
|
<dt class="flex items-center gap-x-3 text-lg rounded-2xl font-semibold text-black">
|
|
1. HOST A BOX
|
|
</dt>
|
|
<dd class="mt-4 flex flex-auto flex-col">
|
|
<p class="flex-auto leading-normal font-light text-gray-800 text-md">All you need to get started is a modern computer, electricity and network. Once booted with Zero OS, a computer becomes an AIBOX.</p>
|
|
<p class="mt-6">
|
|
</p>
|
|
</dd>
|
|
</div>
|
|
<div class="fade-in-box flex flex-col p-8 rounded-2xl bg-gray-50 ring-1 ring-black/5 py-6 shadow-md shadow-black/5">
|
|
<dt class="flex items-center gap-x-3 text-lg rounded-2xl font-semibold text-black">
|
|
2. OFFER CAPACITY
|
|
</dt>
|
|
<dd class="mt-4 flex flex-auto flex-col">
|
|
<p class="flex-auto leading-normal font-light text-gray-800 text-md">The capacity of the AIBOX gets verified, registered and secured on the ThreeFold Blockchain. Farmers can then list their resources on the ThreeFold Marketplace, making them available directly to users.</p>
|
|
<p class="mt-6">
|
|
|
|
</p>
|
|
</dd>
|
|
</div>
|
|
<div class="fade-in-box flex flex-col p-8 rounded-2xl bg-gray-50 ring-1 ring-black/5 py-6 shadow-md shadow-black/5">
|
|
<dt class="flex items-center gap-x-3 text-lg rounded-2xl font-semibold text-black">
|
|
3. EARN REWARDS
|
|
</dt>
|
|
<dd class="mt-4 flex flex-auto flex-col">
|
|
<p class="flex-auto leading-normal font-light text-gray-800 text-md">Farmers earn rewards when their GPU resources are used through the Marketplace, enabling a fair and transparent peer-to-peer economy.
|
|
</p>
|
|
<p class="mt-6">
|
|
|
|
</p>
|
|
</dd>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<style>
|
|
/* Fade-in animation for the grid items */
|
|
.fade-in-box {
|
|
opacity: 0;
|
|
animation: fadeIn 0.6s ease-in-out forwards;
|
|
margin-top: 2.5rem;
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
</style>
|
|
|