ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge development into master

Browse Source
This commit is contained in:
sasha-astiadi
2025-04-24 16:05:19 +02:00
parent 2d5740cc92 ccd9f10f2d
commit 1bef8a4dc1
18 changed files with 120 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
tailwindcss-macos-arm64
View File

Binary file not shown.

2
templates/partials/action/enable_web4.html
View File

@@ -2,7 +2,7 @@
<div class="mx-auto max-w-7xl px-2 lg:max-w-7xl lg:px-8"> <div class="mx-auto max-w-7xl px-2 lg:max-w-7xl lg:px-8">
<div class="mx-auto max-w-2xl px-2 lg:max-w-7xl lg:px-8"> <div class="mx-auto max-w-2xl px-2 lg:max-w-7xl lg:px-8">
<br> <br>
<h2 class="text-center mx-auto fade-in lg:text-5xl text-3xl leading-snug font-normal tracking-tight text-white capitalize">What Web4 Enables</h2> <h2 class="text-center mx-auto fade-in lg:text-5xl text-3xl leading-snug font-normal tracking-tight text-white capitalize">What It Enables</h2>
<section class="bg-transparent"> <section class="bg-transparent">
<div class="max-w-6xl mx-4 md:mx-10 lg:mx-20 xl:mx-auto"> <div class="max-w-6xl mx-4 md:mx-10 lg:mx-20 xl:mx-auto">

6
templates/partials/action/video.html
View File

@@ -2,14 +2,11 @@
<div class="mx-auto max-w-4xl text-center px-2 pt-12 lg:px-8"> <div class="mx-auto max-w-4xl text-center px-2 pt-12 lg:px-8">
<!-- Main Heading --> <!-- Main Heading -->
<h2 class="fade-in text-pretty text-3xl sm:text-4xl lg:text-6xl leading-tight font-normal tracking-tight text-white capitalize"> <h2 class="fade-in text-pretty text-3xl sm:text-4xl lg:text-6xl leading-tight font-normal tracking-tight text-white capitalize">
Building towards Web4 Building a new Internet for Everyone
</h2> </h2>
<!-- Subtext --> <!-- Subtext -->
<p class="mx-auto mt-8 max-w-3xl text-pretty text-lg font-light text-gray-200 fade-in fade-in-delay"> <p class="mx-auto mt-8 max-w-3xl text-pretty text-lg font-light text-gray-200 fade-in fade-in-delay">
ThreeFold sees Web4 as the next evolution of the Internet, enabling humans and machines to collaborate in creating a new form of intelligence that respects both the planet and the people.
<br>
<br>
The internet is a trillion-dollar industry, and we believe it should be built and owned by everyone—an internet created by all, for all. The internet is a trillion-dollar industry, and we believe it should be built and owned by everyone—an internet created by all, for all.
<br> <br>
Let’s make this vision a reality. Let’s make this vision a reality.
@@ -31,7 +28,6 @@
class="rounded-2xl bg-white px-4 py-2.5 text-sm sm:text-base font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 blinking-effect"> class="rounded-2xl bg-white px-4 py-2.5 text-sm sm:text-base font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 blinking-effect">
Take Action Take Action
</a> </a>
<a href="https://docs.threefold.io/docs/litepaper/" class="fade-in text-sm/6 font-semibold text-white" target="_blank">Web4 Litepaper<span aria-hidden="true">→</span></a>
</div> </div>
</div> </div>
</div> </div>

10
templates/partials/action/web4tools.html
View File

@@ -1,9 +1,9 @@
<div class="overflow-hidden lg:py-24 py-12"> <div class="overflow-hidden lg:py-24 py-12">
<div class="relative mx-auto max-w-xl px-4 lg:max-w-7xl lg:px-8"> <div class="relative mx-auto max-w-xl px-4 lg:max-w-7xl lg:px-8">
<div class="mx-auto max-w-2xl px-4 lg:max-w-6xl lg:px-8"> <div class="mx-auto max-w-2xl px-4 lg:max-w-6xl lg:px-8">
<h2 class="mx-auto fade-in text-left lg:text-5xl text-3xl leading-snug font-normal tracking-tight text-white">How to Participate</h2> <h2 class="mx-auto fade-in text-left lg:text-5xl text-3xl leading-snug font-normal tracking-tight text-white">Take Action Now</h2>
<p class="text-left my-6 max-w-5xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in"> <p class="text-left my-6 max-w-4xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
Take part in the Web4 future. Discover key products that bring us closer to our vision—enabling true decentralization, peer-to-peer intelligence, and user-controlled data. These innovations lay the foundation for a more open, autonomous, and interconnected digital future.</p> Discover the key products that bring us closer to our vision of the new internet, laying the foundation for a more open, autonomous, and interconnected digital future.</p>
</div> </div>
<div class="relative lg:grid lg:grid-cols-2 lg:items-center lg:gap-8"> <div class="relative lg:grid lg:grid-cols-2 lg:items-center lg:gap-8">
<!-- Image on the left and text on the right --> <!-- Image on the left and text on the right -->
@@ -16,12 +16,12 @@
<div class="gap-y-4"> <div class="gap-y-4">
<div class="fade-in relative p-6 bg-white/5 rounded-lg"> <!-- Add padding inside this div --> <div class="fade-in relative p-6 bg-white/5 rounded-lg"> <!-- Add padding inside this div -->
<dt class="mt-2 lg:text-xl text-lg font-medium tracking-tight text-white">3Node</dt> <dt class="mt-2 lg:text-xl text-lg font-medium tracking-tight text-white">3Node</dt>
<dd class="my-2 max-w-lg text-sm/6 text-gray-400 font-light leading-tight">The backbone of Web4’s storage and infrastructure, providing compute and data resources. Order today.</dd> <dd class="my-2 max-w-lg text-sm/6 text-gray-400 font-light leading-tight">The backbone of storage and infrastructure, providing compute and data resources. Order today.</dd>
<a href="https://docs.threefold.io/docs/components/3node" target="_blank" class="text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a> <a href="https://docs.threefold.io/docs/components/3node" target="_blank" class="text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
</div> </div>
<div class="fade-in relative p-6 mt-4 bg-white/5 rounded-lg"> <!-- Add padding inside this div --> <div class="fade-in relative p-6 mt-4 bg-white/5 rounded-lg"> <!-- Add padding inside this div -->
<dt class="mt-2 lg:text-xl text-lg font-medium tracking-tight text-white">3Phone</dt> <dt class="mt-2 lg:text-xl text-lg font-medium tracking-tight text-white">3Phone</dt>
<dd class="my-2 max-w-lg text-sm/6 text-gray-400 font-light leading-tight">Secure smartphone that comes with built-indecentralized apps that seamlessly integrate with the ThreeFold Grid. Expected end Q2 2025.</dd> <dd class="my-2 max-w-lg text-sm/6 text-gray-400 font-light leading-tight">Secure smartphone that comes with built-indecentralized apps that seamlessly integrate with the ThreeFold Grid.</dd>
<a href="https://docs.threefold.io/docs/components/3phone/" target="_blank" class=" text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a> <a href="https://docs.threefold.io/docs/components/3phone/" target="_blank" class=" text-sm/6 font-semibold text-white hover:text-gray-200">Learn more <span aria-hidden="true">→</span></a>
</div> </div>
<div class="fade-in relative p-6 mt-4 bg-white/5 rounded-lg"> <!-- Add padding inside this div --> <div class="fade-in relative p-6 mt-4 bg-white/5 rounded-lg"> <!-- Add padding inside this div -->

103
templates/partials/home/faq.html
View File

@@ -110,7 +110,73 @@
> >
<div class="overflow-hidden"> <div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light"> <p class="pb-3 text-gray-300 text-base font-light">
TFT is our token which was used to build generation 1, 2 and 3 of the ThreeFold Grid capacity. From the start, ThreeFold had 4 billion tokens planned. The ThreeFold community decided to stop minting at 1 billion tokens on Stellar via a DAO vote. TFT is the reward for our loyal community. There can never be more than 1 billion TFT. <br><br>We are now building generation 4 of the ThreeFold Grid capacity, and we need a new token to build this new generation. There will be 3 billion new INCA tokens and all TFT holders can transfer their TFT into INCA (one-way bridge). <br><br>This means that we keep the community decision to have 4 billion tokens in total and to mint maximum 1 billion on Stellar. Our partners will start selling new ThreeFold Nodes mid December 2024 with a new reward scheme and ready to grow to millions of nodes. TFT is our token which was used to build generation 1, 2 and 3 of the ThreeFold Grid capacity. From the start, ThreeFold had 4 billion tokens planned. The ThreeFold community decided to stop minting at 1 billion tokens on Stellar via a DAO vote. TFT is the reward for our loyal community. There can never be more than 1 billion TFT. <br><br>We are now building generation 4 of the ThreeFold Grid capacity, and we need a new token to build this new generation. There will be 3 billion new INCA tokens and all TFT holders can transfer their TFT into INCA (one-way bridge).
</p>
</div>
</div>
</div>
<!-- Accordion item -->
<div x-data="{ expanded: false }" class="py-2">
<h2>
<button
id="faqs-title-04"
type="button"
class="flex items-center justify-between w-full text-left font-semibold py-2 border-none"
@click="expanded = !expanded"
:aria-expanded="expanded"
aria-controls="faqs-text-04"
>
<span style="color: #fff;">What can I do with the Threefold Grid?</span>
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
</svg>
</button>
</h2>
<div
id="faqs-text-04"
role="region"
aria-labelledby="faqs-title-04"
class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
:class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
>
<div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light">
ThreeFold grid can be used to host any web2 and web3 workloads.
</p>
</div>
</div>
</div>
<!-- Accordion item -->
<div x-data="{ expanded: false }" class="py-2">
<h2>
<button
id="faqs-title-04"
type="button"
class="flex items-center justify-between w-full text-left font-semibold py-2 border-none"
@click="expanded = !expanded"
:aria-expanded="expanded"
aria-controls="faqs-text-04"
>
<span style="color: #fff;">How can I get V4 nodes? ?</span>
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
</svg>
</button>
</h2>
<div
id="faqs-text-04"
role="region"
aria-labelledby="faqs-title-04"
class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
:class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
>
<div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light">
Our partners are selling V4 nodes with a new reward scheme and ready to grow to millions of nodes. <A href="docs.threefold.io/docs/become-a-farmer/get_started">Click here</a> to get V4 nodes.
</p> </p>
</div> </div>
</div> </div>
@@ -142,43 +208,12 @@
> >
<div class="overflow-hidden"> <div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light"> <p class="pb-3 text-gray-300 text-base font-light">
You can participate by becoming a farmer, a user, a partner or by developing a web4 app. Provide capacity to the ThreeFold Grid, Use capacity, build solutions, develop applications for Web4, and many more. You can participate by becoming a farmer, a user, a partner or by developing apps. Provide capacity to the ThreeFold Grid, Use capacity, build solutions, develop applications, and many more.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<!-- Accordion item --> <!-- Accordion item -->
<div x-data="{ expanded: false }" class="py-2">
<h2>
<button
id="faqs-title-06"
type="button"
class="flex items-center justify-between w-full text-left font-semibold py-2 border-none"
@click="expanded = !expanded"
:aria-expanded="expanded"
aria-controls="faqs-text-06"
>
<span style="color: #fff;">What is Web4?</span>
<svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
<rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
</svg>
</button>
</h2>
<div
id="faqs-text-06"
role="region"
aria-labelledby="faqs-title-06"
class="grid text-sm text-gray-200 overflow-hidden transition-all duration-300 ease-in-out"
:class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
>
<div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light">
Web4 represents the natural evolution of the Internet, where humans and artificial intelligence collaborate to develop a new paradigm aimed at advancing planetary well-being while making sure everyone has equal chances. This Internet can be sovereign & decentralized, while being totally secure and private. This phase of the Internet can scale indefinitely, is green, self-healing, cost effective and ultra-reliable.
</div>
</div>
</div>
<!-- Accordion item -->
<div x-data="{ expanded: false }" class="py-2"> <div x-data="{ expanded: false }" class="py-2">
<h2> <h2>
<button <button
@@ -237,7 +272,7 @@
> >
<div class="overflow-hidden"> <div class="overflow-hidden">
<p class="pb-3 text-gray-300 text-base font-light"> <p class="pb-3 text-gray-300 text-base font-light">
ThreeFold grid can be used to host any web2, web3 and web4 (future) workload. ThreeFold grid can be used to host any web2, web3 and future workload.
For more details see <a href="https://docs.threefold.io/docs/category/how-to-use" target="_blank" rel="noopener noreferrer">our docs</a>. For more details see <a href="https://docs.threefold.io/docs/category/how-to-use" target="_blank" rel="noopener noreferrer">our docs</a>.
</p> </p>
</div> </div>

7
templates/partials/home/farmers.html
View File

@@ -3,7 +3,10 @@
<div class="mx-auto max-w-2xl px-4 lg:max-w-7xl lg:px-8"> <div class="mx-auto max-w-2xl px-4 lg:max-w-7xl lg:px-8">
<h2 class="mx-auto fade-in text-left lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white capitalize">How it works</h2> <h2 class="mx-auto fade-in text-left lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white capitalize">How it works</h2>
<p class="text-left my-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in"> <p class="text-left my-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
Regardless of technical expertise, anyone can deploy nodes (servers) from their homes or offices, and participate in a decentralized alternative to corporate-owned data centers – while earning rewards for their contributions. We call this process “farming.” At the base, nodes form the physical foundation—distributed computers that provide processing power, storage, and networking capabilities. These nodes work together to create a global, community-powered infrastructure.
</p>
<p class="text-left mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
Regardless of technical expertise, anyone can deploy nodes from their homes or offices, and participate in a decentralized alternative to corporate-owned data centers – while earning rewards for their contributions. We call this process “farming.”
</p> </p>
</div> </div>
<section class="bg-transparent"> <section class="bg-transparent">
@@ -25,7 +28,7 @@
2. OFFER CAPACITY 2. OFFER CAPACITY
</dt> </dt>
<dd class="mt-4 flex flex-auto flex-col"> <dd class="mt-4 flex flex-auto flex-col">
<p class="flex-auto leading-normal font-light text-gray-200 text-md">The capacity of the node gets verified and registered in the ThreeFold Blockchain, securing access to a decentralized autonomous cloud for users and communities.</p> <p class="flex-auto leading-normal font-light text-gray-200 text-md">The capacity of the node gets verified and registered in the ThreeFold Blockchain, securing access to a decentralized autonomous cloud.</p>
<p class="mt-6"> <p class="mt-6">
</p> </p>

11
templates/partials/home/features.html
View File

@@ -3,7 +3,7 @@
<div class="max-w-3xl lg:px-16 px-0 lg:pb-12 pb-6"> <div class="max-w-3xl lg:px-16 px-0 lg:pb-12 pb-6">
<h2 class="fade-in text-balance lg:text-5xl text-3xl leading-tight font-normal tracking-tight text-white">ThreeFold is a Decentralized Infrastructure Layer for The Internet <h2 class="fade-in text-balance lg:text-5xl text-3xl leading-tight font-normal tracking-tight text-white">ThreeFold is a Decentralized Infrastructure Layer for The Internet
</h2> </h2>
<p class="mx-auto mt-6 mb-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">A foundational DePIN platform that operates directly on bare metal, delivering a truly scalable solution that redefines the core pillars of the Internet and Cloud: Compute, Data, and Networking.</p> <p class="mx-auto mt-6 mb-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">We have built a foundational platform that runs directly on bare metal, offering a scalable solution focused on the essential building blocks of the Internet and Cloud: compute, data, and network.</p>
<a href="/what" class="blinking-effect fade-in lg:text-xl text-lg font-semibold text-white hover:text-gray-400">Discover How It Works <span aria-hidden="true">→</span></a> <a href="/what" class="blinking-effect fade-in lg:text-xl text-lg font-semibold text-white hover:text-gray-400">Discover How It Works <span aria-hidden="true">→</span></a>
</div> </div>
<div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing --> <div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing -->
@@ -12,21 +12,24 @@
<dl class="grid grid-cols-1 mx-auto lg:gap-x-8 sm:grid-cols-2 lg:gap-y-8 gap-y-4"> <dl class="grid grid-cols-1 mx-auto lg:gap-x-8 sm:grid-cols-2 lg:gap-y-8 gap-y-4">
<div class="pt-0"> <div class="pt-0">
<dt class="font-semibold text-base text-gray-200">Bare Metal <br>Operating System</dt> <dt class="font-normal text-sm text-gray-200">COMPUTE</dt>
<dt class="mt-1 font-semibold text-base text-gray-200">Bare Metal <br>Operating System</dt>
</div> </div>
<div class="pt-0"> <div class="pt-0">
<dd class="font-light text-gray-300 text-sm mb-2">Zero OS, an efficient and secure operating system, runs directly on the hardware – enabling an autonomous cloud. </dd> <dd class="font-light text-gray-300 text-sm mb-2">Zero OS, an efficient and secure operating system, runs directly on the hardware – enabling an autonomous cloud. </dd>
<dd class="font-light text-gray-300 text-sm mb-4">Can run any Web2, Web3, or AI workload at the edge of the Internet, with more scalability and reliability.</dd> <dd class="font-light text-gray-300 text-sm mb-4">Can run any Web2, Web3, or AI workload at the edge of the Internet, with more scalability and reliability.</dd>
</div> </div>
<div class="pt-0"> <div class="pt-0">
<dt class="font-semibold text-base text-gray-200">Unbreakable Data</dt> <dt class="font-normal text-sm text-gray-200">DATA</dt>
<dt class="mt-1 font-semibold text-base text-gray-200">Unbreakable Data</dt>
</div> </div>
<div class=""> <div class="">
<dd class="font-light text-gray-300 text-sm mb-2">Data cannot be compromised and always remains private, owned by you. A scalable system, to the planetary level. </dd> <dd class="font-light text-gray-300 text-sm mb-2">Data cannot be compromised and always remains private, owned by you. A scalable system, to the planetary level. </dd>
<dd class="font-light text-gray-300 text-sm mb-4">Can be distributed and stored in ways which are at least 10x more efficient and orders of magnitude more secure and reliable.</dd> <dd class="font-light text-gray-300 text-sm mb-4">Can be distributed and stored in ways which are at least 10x more efficient and orders of magnitude more secure and reliable.</dd>
</div> </div>
<div class="pt-0"> <div class="pt-0">
<dt class="font-semibold text-base text-gray-200">Unbreakable Network</dt> <dt class="font-normal text-sm text-gray-200">NETWORK</dt>
<dt class="mt-1 font-semibold text-base text-gray-200">Unbreakable Network</dt>
</div> </div>
<div class=""> <div class="">
<dd class="font-light text-gray-300 text-sm mb-2">End-to-end encrypted overlay network, always looking for the shortest possible path between participants. </dd> <dd class="font-light text-gray-300 text-sm mb-2">End-to-end encrypted overlay network, always looking for the shortest possible path between participants. </dd>

4
templates/partials/home/grid_stats.html
View File

@@ -6,7 +6,7 @@
<h2 class="fade-in text-balance lg:text-5xl text-3xl font-normal tracking-tight text-white ">Powered by <h2 class="fade-in text-balance lg:text-5xl text-3xl font-normal tracking-tight text-white ">Powered by
<br>A Global Community</h2> <br>A Global Community</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">ThreeFold’s groundbreaking technology enables anyone – individuals, organizations, and communities – to deploy their own Internet infrastructure.</p> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">ThreeFold’s groundbreaking technology enables anyone – individuals, organizations, and communities – to deploy their own Internet infrastructure.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Today, our proof-of-concept network is live worldwide, running on version 3.16 technology.</p> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Today, our proof-of-concept network is live and operational worldwide, running on version 3.16 technology.</p>
</div> </div>
<dl class="items mt-16 grid grid-cols-1 gap-2 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-4"> <dl class="items mt-16 grid grid-cols-1 gap-2 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-4">
<!-- ssd --> <!-- ssd -->
@@ -44,7 +44,7 @@
</dl> </dl>
</div> </div>
<div class="max-w-4xl items-center mx-auto"> <div class="max-w-4xl items-center mx-auto">
<p class="items-center text-center justify-center mt-10 text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">As we together roll out Web4 we might need millions of nodes.<br>This will establish a truly decentralized and resilient infrastructure.</p> <p class="items-center text-center justify-center mt-10 text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">As we expand, we may need millions of nodes to support this growing ecosystem to build a truly decentralized and resilient infrastructure.</p>
</div> </div>
</div> </div>
<div class="mt-6 flex items-center justify-center gap-x-6"> <div class="mt-6 flex items-center justify-center gap-x-6">

14
templates/partials/home/hero.html
View File

@@ -11,14 +11,10 @@
--> -->
<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-3xl fade-in">Internet <h2 class="text-balance font-normal tracking-tight leading-tight text-white lg:text-6xl text-3xl fade-in">
Infrastructure<br> for Everyone by Everyone, Everywhere</h2> Built for Everyone by Everyone, Everywhere</h2>
<p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-lg 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-lg font-light text-gray-200 fade-in">ThreeFold is
DePIN system designed to scale to a planetary level, capable of providing 100% uptime, and enabling any machine a fully operational decentralized internet infrastructure designed to scale globally, owned and powered by people, not corporations or governments.</p>
and human to communicate over the shortest path.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">Compatible with
AI, Cloud, Web2, Web3 – and building towards Web4.</p>
<br>
{# <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-6xl fade-in">Web4</h2> #} {# <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-6xl fade-in">Web4</h2> #}
<br> <br>
@@ -28,7 +24,7 @@
We've Built</a> We've Built</a>
<a href="/why" class="fade-in text-base font-semibold text-white hover:text-green ">Why We Do It<span <a href="/why" class="fade-in text-base font-semibold text-white hover:text-green ">Why We Do It<span
aria-hidden="true">→</span></a> aria-hidden="true">→</span></a>
<a href="https://paragraph.com/@ev3news/threefold-rearchitecting-the-internet" class="fade-in text-base font-semibold text-white hover:text-green ">Read EV's Report<span <a href="https://paragraph.com/@ev3news/threefold-rearchitecting-the-internet" class="fade-in text-base font-semibold text-white hover:text-green ">Read EV3's Report<span
aria-hidden="true">→</span></a> aria-hidden="true">→</span></a>
</div> </div>
</div> </div>

2
templates/partials/home/self_healing.html
View File

@@ -2,7 +2,7 @@
<div class="mx-auto max-w-7xl px-4 lg:px-8"> <div class="mx-auto max-w-7xl px-4 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-none"> <div class="mx-auto max-w-2xl lg:max-w-none">
<div class="text-center"> <div class="text-center">
<h2 class="fade-in text-balance lg:text-5xl text-3xl font-normal tracking-tight text-white capitalize">A Self-Healing Web4 Infrastructure</h2> <h2 class="fade-in text-balance lg:text-5xl text-3xl font-normal tracking-tight text-white capitalize">A Self-Healing Internet Infrastructure</h2>
<br> <br>
<h2 class="fade-in text-balance lg:text-4xl text-xl font-normal tracking-tight text-white capitalize">Scalable globally, Green, Unbreakable & Secure</h2> <h2 class="fade-in text-balance lg:text-4xl text-xl font-normal tracking-tight text-white capitalize">Scalable globally, Green, Unbreakable & Secure</h2>

6
templates/partials/home/use_cases.html
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. The new internet infrastructure can be used by any Web2, Web3, AI, or Edge IT workload – enabling a world of possibilities.
</p> </p>
</div> </div>
<section class="bg-transparent"> <section class="bg-transparent">
@@ -18,7 +18,7 @@
<dt class="flex justify-center items-center gap-x-3 lg:text-2xl text-lg font-semibold text-white"> <dt class="flex justify-center items-center gap-x-3 lg:text-2xl text-lg font-semibold text-white">
ThreeFold Cloud ThreeFold Cloud
</dt> </dt>
<dt class="text-lg font-normal text-white">Open-Source Cloud</<dt> <dt class="text-lg font-normal text-white">Open-Source Cloud<dt>
<dd class="mt-4 flex flex-auto flex-col"> <dd class="mt-4 flex flex-auto flex-col">
<p class="flex-auto leading-normal font-light text-gray-200 text-md">ThreeFold is open for developers and system administrators. Deploy virtual machines, containers, Kubernetes clusters, web gateways, and more on top of a best-effort decentralized open source cloud.</p> <p class="flex-auto leading-normal font-light text-gray-200 text-md">ThreeFold is open for developers and system administrators. Deploy virtual machines, containers, Kubernetes clusters, web gateways, and more on top of a best-effort decentralized open source cloud.</p>
<p class="mt-6"> <p class="mt-6">
@@ -58,7 +58,7 @@
</dt> </dt>
<dt class="text-lg font-normal text-white">Decentralized AI</dt> <dt class="text-lg font-normal text-white">Decentralized AI</dt>
<dd class="mt-4 flex flex-auto flex-col"> <dd class="mt-4 flex flex-auto flex-col">
<p class="flex-auto leading-normal font-light text-gray-200 text-md">A decentralized AI solution in a physical form factor. The product enables personal AI computing capabilities directly in homes and offices, eliminating dependency on centralized data centers. <p class="flex-auto leading-normal font-light text-gray-200 text-md">A decentralized AI solution that enables anyone to run, train, and use AI models locally, keeping their data private while sharing unused computing power with the network—eliminating the need for centralized data centers.
</p> </p>
<p class="mt-6"> <p class="mt-6">

10
templates/partials/home/web4.html
View File

@@ -2,12 +2,10 @@
<div class="mx-auto max-w-7xl px-4 lg:px-8"> <div class="mx-auto max-w-7xl px-4 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-none"> <div class="mx-auto max-w-2xl lg:max-w-none">
<div class="text-center"> <div class="text-center">
<h2 class="fade-in text-balance text-4xl lg:text-6xl font-normal tracking-tight text-white ">Building towards <span class="font-bold">Web4</span></h2> <h2 class="fade-in text-balance text-4xl lg:text-6xl font-normal tracking-tight text-white ">More Resilient, More Powerful, More Diverse With You</h2>
<br> <br>
<h2 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl">The Next Evolution of the Internet</h2> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Unlike the corporate internet, where users are the product, in the new internet, participants are the owners and beneficiaries.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Web4 is the natural progression of the Internet, where AI agents replace platforms, intelligence is peer-to-peer, and users own and control their data. Together, humans and machines build an augmented, collective intelligence.</p> <p class="mx-auto mt-6 max-w-4xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">By participating, you're not just using the technology, you're also helping to build a digital world that protects privacy, promotes fairness, and returns control to the people.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Blockchain was the first step to Web3.</p>
<p class="mx-auto mt-2 max-w-3xl text-pretty lg:text-xl text-lg font-medium text-gray-200 fade-in">ThreeFold is the next step to Web4.</p>
<!-- <!--
<div class=" border border-white px-6 py-2 rounded-xl inline-flex items-center gap-2 fade-in blinking-effect"> <div class=" border border-white px-6 py-2 rounded-xl inline-flex items-center gap-2 fade-in blinking-effect">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0,0,256,256" style="cursor: pointer;"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0,0,256,256" style="cursor: pointer;">
@@ -21,7 +19,7 @@
</div> </div>
--> -->
<div class="mt-16 fade-in flex items-center justify-center gap-x-6"> <div class="mt-16 fade-in flex items-center justify-center gap-x-6">
<a href="/action" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 blinking-effect">Be Part of Web4</a> <a href="/action" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 blinking-effect">Join ThreeFold</a>
{# <a href="/action" class="text-sm/6 font-semibold text-white">Learn more <span aria-hidden="true">→</span></a> #} {# <a href="/action" class="text-sm/6 font-semibold text-white">Learn more <span aria-hidden="true">→</span></a> #}
</div> </div>

5
templates/partials/media/branding.html
View File

@@ -27,12 +27,7 @@
<a href="/images/download/white_threefold_three.png" <a href="/images/download/white_threefold_three.png"
download="white_threefold_three.png" download="white_threefold_three.png"
class="mt-6 text-gray-200 flex items-center justify-center gap-2 hover:text-gray-400 px-4 py-2 "> class="mt-6 text-gray-200 flex items-center justify-center gap-2 hover:text-gray-400 px-4 py-2 ">
Download Download
<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5535 16.5061C12.4114 16.6615 12.2106 16.75 12 16.75C11.7894 16.75 11.5886 16.6615 11.4465 16.5061L7.44648 12.1311C7.16698 11.8254 7.18822 11.351 7.49392 11.0715C7.79963 10.792 8.27402 10.8132 8.55352 11.1189L11.25 14.0682V3C11.25 2.58579 11.5858 2.25 12 2.25C12.4142 2.25 12.75 2.58579 12.75 3V14.0682L15.4465 11.1189C15.726 10.8132 16.2004 10.792 16.5061 11.0715C16.8118 11.351 16.833 11.8254 16.5535 12.1311L12.5535 16.5061Z" fill="#fff"/>
<path d="M3.75 15C3.75 14.5858 3.41422 14.25 3 14.25C2.58579 14.25 2.25 14.5858 2.25 15V15.0549C2.24998 16.4225 2.24996 17.5248 2.36652 18.3918C2.48754 19.2919 2.74643 20.0497 3.34835 20.6516C3.95027 21.2536 4.70814 21.5125 5.60825 21.6335C6.47522 21.75 7.57754 21.75 8.94513 21.75H15.0549C16.4225 21.75 17.5248 21.75 18.3918 21.6335C19.2919 21.5125 20.0497 21.2536 20.6517 20.6516C21.2536 20.0497 21.5125 19.2919 21.6335 18.3918C21.75 17.5248 21.75 16.4225 21.75 15.0549V15C21.75 14.5858 21.4142 14.25 21 14.25C20.5858 14.25 20.25 14.5858 20.25 15C20.25 16.4354 20.2484 17.4365 20.1469 18.1919C20.0482 18.9257 19.8678 19.3142 19.591 19.591C19.3142 19.8678 18.9257 20.0482 18.1919 20.1469C17.4365 20.2484 16.4354 20.25 15 20.25H9C7.56459 20.25 6.56347 20.2484 5.80812 20.1469C5.07435 20.0482 4.68577 19.8678 4.40901 19.591C4.13225 19.3142 3.9518 18.9257 3.85315 18.1919C3.75159 17.4365 3.75 16.4354 3.75 15Z" fill="#fff"/>
</svg>
</a> </a>
</div> </div>
</div> </div>

8
templates/partials/what/hero.html
View File

@@ -1,11 +1,7 @@
<div class="relative flex flex-col justify-center isolate overflow-hidden bg-transparent py-12"> <div class="relative flex flex-col justify-center isolate overflow-hidden bg-transparent py-24">
<div class="px-4 lg:px-8"> <div class="px-4 lg:px-8">
<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 text-white lg:text-6xl text-4xl fade-in">A True DePIN</h2> <h2 class="pt-12text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">Decentralized Internet Infrastructure</h2>
<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>
<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>
<p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-lg 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-lg font-light text-gray-200 font-lightfade-in">Our unique
technology enables anyone 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-4 py-8"> <div class="mx-auto max-w-7xl px-4 py-8">

19
templates/partials/what/what_features.html
View File

@@ -24,8 +24,8 @@
<ul class="text-white fade-in space-y-4"> <ul class="text-white fade-in space-y-4">
<li class="text-sm text-gray-200 mb-2">Private, scalable, and autonomous—designed for AI-native environments.</li> <li class="text-sm text-gray-200 mb-2">Private, scalable, and autonomous—designed for AI-native environments.</li>
<li class="text-sm text-gray-200 mb-2">Distributed and decentralized, offering 10x efficiency and unprecedented security over existing cloud solutions.</li> <li class="text-sm text-gray-200 mb-2">Distributed and decentralized, offering 10x efficiency and unprecedented security over existing cloud solutions.</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, unbreakable storage system ensuring redundancy & privacy.</li>
<li class="text-sm text-gray-200 mb-2">Geo-aware for Compliance & Data Localization</li> <li class="text-sm text-gray-200 mb-2">Geo-aware for compliance & data localization.</li>
</ul> </ul>
</dd> </dd>
</div> </div>
@@ -36,10 +36,9 @@
</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">Self-sustaining and censorship-resistant network.</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>
@@ -48,18 +47,18 @@
<div class="fade-in-box flex flex-col p-4 lg:p-6 rounded-2xl bg-white/5"> <div class="fade-in-box flex flex-col p-4 lg:p-6 rounded-2xl bg-white/5">
<!-- <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/open_source.png" alt=""> --> <!-- <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/open_source.png" alt=""> -->
<dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white px-6"> <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white px-6">
Autonomous Cloud Compute
</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-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>

2
templates/partials/why/hero.html
View File

@@ -4,7 +4,7 @@
<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">The Internet Needs an Upgrade</h2> <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">The Internet Needs an Upgrade</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original intent. <br>The Internet was envisioned as a decentralized, open space.<br>A tool for freedom, collaboration, and equal access for all.</p> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original intent. <br>The Internet was envisioned as a decentralized, open space.<br>A tool for freedom, collaboration, and equal access for all.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network, and Cloud system<br> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network, and Cloud system<br>
as an engine for an upgraded Web4 Internet.</p> as an engine for the new Internet.</p>
<div class="mt-12 flex items-center justify-center gap-x-6"> <div class="mt-12 flex items-center justify-center gap-x-6">

4
templates/partials/why/timeline.html
View File

@@ -71,7 +71,7 @@
<div class="flex items-center justify-between space-x-2 mb-1"> <div class="flex items-center justify-between space-x-2 mb-1">
<div class="font-medium text-white">Current Phase – 2025</div> <div class="font-medium text-white">Current Phase – 2025</div>
</div> </div>
<div class="font-semibold text-lg text-white mb-2">Decentralized AI and Web4</div> <div class="font-semibold text-lg text-white mb-2">Decentralized AI and Cloud</div>
<div class="text-gray-200 font-light"> <div class="text-gray-200 font-light">
Q1 & Q2: Q1 & Q2:
<ul style="list-style: disc;"> <ul style="list-style: disc;">
@@ -79,13 +79,11 @@
<li>Introduce decentralized AI infrastructure and capabilities.</li> <li>Introduce decentralized AI infrastructure and capabilities.</li>
<li>Expand the network considerably.</li> <li>Expand the network considerably.</li>
<li>Build a network of commercial farmers for optimal performance and uptime.</li> <li>Build a network of commercial farmers for optimal performance and uptime.</li>
<li>Continue Web4 expansion through delivery of 3Phone and 3Router.</li>
</ul> </ul>
Next: Next:
<ul style="list-style: disc;"> <ul style="list-style: disc;">
<li>Expand the network considerably.</li> <li>Expand the network considerably.</li>
<li>Build a network of commercial farmers for optimal performance and uptime.</li> <li>Build a network of commercial farmers for optimal performance and uptime.</li>
<li>Continue Web4 expansion through delivery of 3Phone and 3Router.</li>
</ul> </ul>
</div> </div>
</div> </div>

11
templates/partials/why/web4.html
View File

@@ -1,13 +1,10 @@
<div class="relative isolate overflow-hidden lg:py-24 py-12"> <div class="relative isolate overflow-hidden lg:py-24 py-12">
<div class="px-4 lg:px-8"> <div class="px-4 lg:px-8">
<div class="mx-auto max-w-7xl"> <div class="mx-auto max-w-7xl">
<h2 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl capitalize">Web4 is the vision</h2> <h2 class="fade-in text-balance text-3xl font-normal tracking-tight text-white lg:text-5xl capitalize">The Vision for a New Internet</h2>
<div class="max-w-5xl"> <div class="max-w-3xl">
<p class="fade-in mt-6 text-lg lg:text-xl font-light text-gray-200">Web4 is the next evolution of the Internet – built on decentralization and collaboration between humans and machines. It is a more sustainable, autonomous system where people have control over their data, leveraging decentralized infrastructure (3Nodes) and AI-powered assistants – and enables privacy and security through secure 3Phones and smart routers. <p class="fade-in mt-6 text-lg lg:text-xl font-light text-gray-200">Unlike traditional internet infrastructure, which relies on centralized data centers and corporate control, ThreeFold is built on a global mesh of independent cloud providers—individuals and organizations who contribute data, cloud and network power directly to the ecosytem.</p>
<br> <p class="fade-in mt-6 text-lg lg:text-xl font-light text-gray-200">This makes ThreeFold uniquely decentralized at the physical layer, eliminating single points of failure and gatekeepers. It’s a truly neutral and scalable foundation that puts privacy, resilience, and digital sovereignty at the core of the internet.</p>
<br>
The Decentralized Cloud was the base layer to create Web4.
</p>
</div> </div>
</div> </div>
</div> </div>