update home content and mobile respo

This commit is contained in:
2025-02-25 13:39:45 +02:00
7 changed files with 13 additions and 13 deletions

View File

@@ -1,7 +1,7 @@
<div class="bg-transparent pt-12 pb-12"> <div class="bg-transparent pt-12 pb-12">
<div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20"> <div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20">
<h2 class="lg:text-balance max-w-xl leading-tight text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in"> <h2 class="lg:text-balance max-w-xl leading-tight text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
Build the <br>Internet of Tomorrow,<br> Today. Build the <br>Internet of Tomorrow,<br> Today
</h2> </h2>
<div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start"> <div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">
<a href="/signup" target="_blank" class="blinking-effect rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0"> <a href="/signup" target="_blank" class="blinking-effect rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">

View File

@@ -1,7 +1,7 @@
<div class="bg-transparent"> <div class="bg-transparent">
<div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 mt-12 lg:flex lg:items-center lg:justify-between lg:px-20"> <div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 mt-12 lg:flex lg:items-center lg:justify-between lg:px-20">
<h2 class="lg:text-balance text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in"> <h2 class="lg:text-balance text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
Build the <br>Internet of Tomorrow, <br>Today. Build the <br>Internet of Tomorrow, <br>Today
</h2> </h2>
<div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start"> <div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">
<a href="https://docs.threefold.io/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0"> <a href="https://docs.threefold.io/" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">

View File

@@ -1,7 +1,7 @@
<div class="bg-transparent pt-12 pb-12"> <div class="bg-transparent pt-12 pb-12">
<div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20"> <div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20">
<h2 class="lg:text-balance max-w-xl leading-tight text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in"> <h2 class="lg:text-balance max-w-xl leading-tight text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
Build the <br>Internet of Tomorrow,<br> Today. Build the <br>Internet of Tomorrow,<br> Today
</h2> </h2>
<div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start"> <div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">
<a href="/signup" target="_blank" class="blinking-effect rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0"> <a href="/signup" target="_blank" class="blinking-effect rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">

View File

@@ -12,7 +12,7 @@
<div class="mx-auto max-w-4xl text-center"> <div class="mx-auto max-w-4xl text-center">
<h2 class="text-balance font-normal tracking-tight leading-tight text-white lg:text-6xl text-4xl fade-in">Internet <h2 class="text-balance font-normal tracking-tight leading-tight text-white lg:text-6xl text-4xl fade-in">Internet
Infrastructure<br> for Everyone by Everyone, Everywhere.</h2> Infrastructure<br> for Everyone by Everyone, Everywhere</h2>
<p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">ThreeFold is a <p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">ThreeFold is a
DePIN system designed to scale to a planetary level, capable of providing 100% uptime, and enabling any machine DePIN system designed to scale to a planetary level, capable of providing 100% uptime, and enabling any machine
and human to communicate over the shortest path.</p> and human to communicate over the shortest path.</p>

View File

@@ -4,7 +4,7 @@
<h2 class="mx-auto fade-in lg:text-5xl text-3xl leading-snug font-normal tracking-tight text-white capitalize">Anything That Runs on Linux Can Run <h2 class="mx-auto fade-in lg:text-5xl text-3xl leading-snug font-normal tracking-tight text-white capitalize">Anything That Runs on Linux Can Run
on ThreeFold</h2> on ThreeFold</h2>
<p class="my-6 mx-auto max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in"> <p class="my-6 mx-auto max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
The grid can be used by any Web2, Web3, AI, or Edge IT workload enabling a world of possibilities. Here are some of the primary use cases of the grid today. The grid can be used by any Web2, Web3, AI, or Edge IT workload enabling a world of possibilities. Here are some of the primary use cases of the grid.
</p> </p>
</div> </div>
<section class="bg-transparent"> <section class="bg-transparent">

View File

@@ -5,9 +5,9 @@
<p class="text-balance lg:text-2xl text-xl font-light text-gray-200 tracking-normal fade-in"><span class="font-bold">De</span>Centralized <p class="text-balance lg:text-2xl text-xl font-light text-gray-200 tracking-normal fade-in"><span class="font-bold">De</span>Centralized
<span class="font-bold"> P</span>hysical <span class="font-bold">I</span>nfrastructure <span class="font-bold">N</span>etwork<br><br></p> <span class="font-bold"> P</span>hysical <span class="font-bold">I</span>nfrastructure <span class="font-bold">N</span>etwork<br><br></p>
<h2 class="text-balance font-normal tracking-tight leading-snug text-white lg:text-3xl text-2xl fade-in">Planetary Scalable <h2 class="text-balance font-normal tracking-tight leading-snug text-white lg:text-3xl text-2xl fade-in">Planetary Scalable
<br> Autonomous Infrastructure Layer <br>for The Internet</h2> <br> Autonomous Infrastructure Layer<br>for The Internet</h2>
<p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 font-lightfade-in">Our unique <p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 font-lightfade-in">Our unique
technology allows everyone to become a provider<br> of network, storage and compute capacity.</p> technology enables anyone to become a provider<br> of network, storage and compute capacity.</p>
<div class="mx-auto max-w-7xl px-8 py-4"> <div class="mx-auto max-w-7xl px-8 py-4">
<img src="/images/become_farmer.png" alt="Become a Farmer" class="w-full fade-in"> <img src="/images/become_farmer.png" alt="Become a Farmer" class="w-full fade-in">
</div> </div>

View File

@@ -36,10 +36,10 @@
</dt> </dt>
<dd class="mt-4 flex flex-auto flex-col"> <dd class="mt-4 flex flex-auto flex-col">
<ul class="text-white fade-in"> <ul class="text-white fade-in">
<li class="text-sm text-gray-200 mb-2">End-to-end encrypted, peer-to-peer communication—no intermediaries.</li> <li class="text-sm text-gray-200 mb-2">End-to-end encrypted, peer-to-peer communication—no intermediaries</li>
<li class="text-sm text-gray-200 mb-2">Shortest-path routing—intelligent traffic optimization for latency reduction and cost efficiency.</li> <li class="text-sm text-gray-200 mb-2">Shortest-path routing—intelligent traffic optimization for latency reduction and cost efficiency.</li>
<li class="text-sm text-gray-200 mb-2">User Centric Geo-Aware Unbreakable Storage system (ensuring redundancy & privacy)</li> <li class="text-sm text-gray-200 mb-2">User Centric Geo-Aware Unbreakable Storage system (ensuring redundancy & privacy)</li>
<li class="text-sm text-gray-200 mb-2">Self-sustaining and censorship-resistant—a true Web4-ready network.cases including the following:</li> <li class="text-sm text-gray-200 mb-2">Self-sustaining and censorship-resistant—a true Web4-ready network</li>
</ul> </ul>
</dd> </dd>
</div> </div>
@@ -53,13 +53,13 @@
<dd class="mt-4 flex flex-auto flex-col"> <dd class="mt-4 flex flex-auto flex-col">
<ul class="text-white fade-in"> <ul class="text-white fade-in">
<li class="text-sm text-gray-200 mb-3">Self-healing compute fabric—automatically redistributes workloads to healthy nodes. Fault tolerance is achieved via live migration of workloads, maintaining service availability. The Grid supports a peer-to-peer (P2P) AI compute and storage marketplace, allowing individuals and enterprises to monetize excess compute and GPU resources.</li> <li class="text-sm text-gray-200 mb-3">Self-healing compute fabric—automatically redistributes workloads to healthy nodes. Fault tolerance is achieved via live migration of workloads, maintaining service availability. The Grid supports a peer-to-peer (P2P) AI compute and storage marketplace, allowing individuals and enterprises to monetize excess compute and GPU resources.</li>
<li class="text-sm text-gray-200 mb-3">No reliance on hyperscalers—agents dynamically manage resources, ensuring uptime and resilience.</li> <li class="text-sm text-gray-200 mb-3">No reliance on hyperscalers—agents dynamically manage resources, ensuring uptime and resilience</li>
<li class="text-sm text-gray-200 mb-3">Optimized for AI & Web3—ideal for running autonomous applications, LLMs, and metaverse infrastructure. The Grid is designed to support AI inference and training at the edge.</li> <li class="text-sm text-gray-200 mb-3">Optimized for AI & Web3—ideal for running autonomous applications, LLMs, and metaverse infrastructure. The Grid is designed to support AI inference and training at the edge.</li>
<li class="text-sm text-gray-200 mb-3">ThreeFold Grid V3 uses ZOS (Zero-OS), a highly optimized, minimalistic OS designed specifically for stateless, immutable, and self-healing workloads. ZOS runs on bare metal and supports: <li class="text-sm text-gray-200 mb-3">ThreeFold Grid V3 uses ZOS (Zero-OS), a highly optimized, minimalistic OS designed specifically for stateless, immutable, and self-healing workloads. ZOS runs on bare metal and supports:
<ul class="text-white fade-in"> <ul class="text-white fade-in">
<li class="text-sm">MicroVMs & Containerized Workloads (Kubernetes, Docker, Firecracker).</li> <li class="text-sm">MicroVMs & Containerized Workloads (Kubernetes, Docker, Firecracker)</li>
<li class="text-sm">AI & Machine Learning Workloads (LLM inference, federated learning).</li> <li class="text-sm">AI & Machine Learning Workloads (LLM inference, federated learning)</li>
<li class="text-sm">Web3 & Blockchain Nodes.</li> <li class="text-sm">Web3 & Blockchain Nodes</li>
</ul> </ul>
</li> </li>
</ul> </ul>