This commit is contained in:
2025-02-25 16:37:02 +08:00
parent d5c8c1e9ef
commit 210b058af6
2 changed files with 8 additions and 4 deletions

View File

@@ -1,4 +1,4 @@
<div class="bg-transparent pb-24 "> <div class="bg-transparent py-24">
<div class="mx-auto grid max-w-2xl grid-cols-1 items-start gap-y-16 px-8 lg:max-w-7xl lg:grid-cols-2 lg:px-8"> <div class="mx-auto grid max-w-2xl grid-cols-1 items-start gap-y-16 px-8 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
<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-4xl 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-4xl leading-tight font-normal tracking-tight text-white">ThreeFold is a Decentralized Infrastructure Layer for The Internet

View File

@@ -1,13 +1,17 @@
<div class="relative flex justify-center items-center isolate overflow-hidden bg-transparent h-screen"> <div class="relative flex justify-center items-center isolate overflow-hidden bg-transparent h-screen">
<div class="px-4 lg:pb-24 pb-12 lg:px-8"> <div class="px-4 lg:pt-32 pt-24 lg:px-8">
<!-- logo option
<div class="flex justify-center mb-16 fade-in"> <div class="flex justify-center mb-16 fade-in">
<img src="/images/white_threefold.png" alt="ThreeFold Logo" class="h-32"> <img src="/images/white_threefold.png" alt="ThreeFold Logo" class="h-32">
</div> </div>
-->
<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-5xl fade-in">Internet <h2 class="text-balance font-normal tracking-tight leading-tight text-white lg:text-6xl text-5xl 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
@@ -18,7 +22,7 @@
{# <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>
<div class="mt-10 flex items-center justify-center gap-x-6"> <div class="mt-10 flex items-center justify-center gap-x-8">
<a href="/what" <a href="/what"
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">What 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">What
We've Built</a> We've Built</a>