48 lines
2.5 KiB
HTML
48 lines
2.5 KiB
HTML
<div class="relative isolate overflow-hidden bg-transparent text-white py-24 sm:py-32">
|
||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||
<div class="relative grid lg:grid-cols-12 lg:gap-8">
|
||
<!-- Left Content -->
|
||
<div class="lg:col-span-7">
|
||
<div class="mx-auto max-w-2xl lg:mx-0">
|
||
<h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">The Reason Behind It All</h1>
|
||
<p class="fade-in mt-6 text-lg lg:text-xl font-light text-white">
|
||
The Internet started as a peer-to-peer network, but over time it has become fragile and overly centralized. This shift has led to serious issues: data centers are extremely expensive to build and maintain, privacy and security are compromised, misinformation is rampant, and half the world remains poorly connected.
|
||
<br><br>
|
||
Big tech companies now dominate the Internet, tracking our activities and influencing our decisions, consolidating control in ways that don't serve everyone equally.
|
||
<br><br>
|
||
For +30 years, we’ve dedicated ourselves to this vision, and ThreeFold is the culmination of that journey. Today, we have a fully operational product (V3) and a thriving community of farmers, users, and partners.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Right Blockquote -->
|
||
<div class="lg:col-span-5">
|
||
<figure class=" mt-6 pl-8">
|
||
<blockquote class=" lg:text-2xl text-xl text-white fade-in font-semibold">
|
||
<p class="lg:text-2xl text-xl leading-normal text-white font-semibold">Therefore we believe the Internet needs a fresh start—one that addresses these challenges with a focus on authenticity, equality, and sustainability for everyone.</p>
|
||
</blockquote>
|
||
<br>
|
||
<div class="mx-4">
|
||
<p class="fade-in mx-auto text-2xl font-semibold tracking-tight text-white lg:text-3xl opacity-0 transition-opacity duration-1000" data-observer>
|
||
Planet First. People First.
|
||
</p>
|
||
</div>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<style>
|
||
.blockquote::before {
|
||
content: open-quote;
|
||
font-size: 4rem;
|
||
position: absolute;
|
||
top: -1rem;
|
||
left: -1rem;
|
||
color: #ffffff;
|
||
}
|
||
</style>
|