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

edit

Browse Source
This commit is contained in:
sasha-astiadi
2024-11-20 03:40:13 +01:00
parent f90608a63a
commit e51e18aa11
14 changed files with 294 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
templates/partials/why/why.html
View File

@@ -1,28 +1,12 @@
<div class="relative overflow-hidden bg-transparent pb-32 pt-16 min-h-screen flex items-center justify-center">
<div class="relative w-full">
<div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-1 lg:gap-24 lg:px-8">
<!-- First Section: Center Aligned -->
<div class="mt-6 max-w-2xl text-center">
<h2 class="lg:text-4xl text-3xl font-normal tracking-tight text-white">The Reason Behind It All</h2>
<p class="mt-4 text-lg 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: misinformation is rampant, privacy and security are compromised, 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>
<span class="font-semibold">We believe the Internet needs a fresh start—one that addresses these challenges with a focus on authenticity, equality, and sustainability for everyone.</span>
</p>
</div>
<!-- Second Section: Center Aligned -->
<div class="pt-24">
<div class="mx-auto max-w-xl px-6 lg:mx-0 lg:max-w-none lg:px-0 lg:py-32">
<div class="cols col-grid-1"></div>
<div class="mt-6 max-w-3xl text-center">
<h2 class="lg:text-4xl text-3xl font-normal tracking-tight text-white">Better understand your customers</h2>
<p class="mt-4 text-lg font-light text-white">
Semper curabitur ullamcorper posuere nunc sed. Ornare iaculis bibendum malesuada faucibus lacinia porttitor. Pulvinar laoreet sagittis viverra duis. In venenatis sem arcu pretium pharetra at. Lectus viverra dui tellus ornare pharetra.
</p>
</div>
<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">
<p class="text-base/7 font-semibold text-indigo-400">Deploy faster</p>
<h1 class="mt-2 text-4xl font-semibold tracking-tight sm:text-5xl">A better workflow</h1>
<p class="mt-6 text-xl/8">Aliquet nec orci mattis amet quisque ullamcorper neque, nibh sem. At arcu, sit dui mi, nibh dui, diam eget aliquam. Quisque id at vitae feugiat egestas ac. Diam nulla orci at in viverra scelerisque eget. Eleifend egestas fringilla sapien.</p>
</div>
</div>
</div>