fix responsive

This commit is contained in:
2025-02-17 17:39:59 +02:00
parent 94968a5faa
commit 1b6a4170b9
5 changed files with 6 additions and 6 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 174 KiB

After

Width:  |  Height:  |  Size: 152 KiB

View File

@@ -1,4 +1,4 @@
<div class="bg-transparent pt-12 pb-24 ">
<div class="bg-transparent pb-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="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 the Infrastructure Layer of Web4

View File

@@ -1,4 +1,4 @@
<div class="relative isolate overflow-hidden bg-transparent">
<div class="relative isolate overflow-hidden bg-transparent h-screen">
<div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8">
<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">We are Building <br>a New Internet</h2>

View File

@@ -4,10 +4,10 @@
<div class="text-center">
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">A Self-Healing Web4 Infrastructure</h2>
<br>
<h2 class="fade-in text-balance lg:text-4xl text-3xl font-normal tracking-tight text-white">Scalable globally, Green, Unbreakable & Secure.</h2>
<h2 class="fade-in text-balance lg:text-4xl text-2xl font-normal tracking-tight text-white">Scalable globally, Green, Unbreakable & Secure.</h2>
<div class="fade-in relative -mx-4 my-8" aria-hidden="true">
<img class="fade-in blinking-effect relative mx-auto" width="80%" src="/images/self_healing.png" alt="">
<img class="fade-in blinking-effect relative mx-auto" src="/images/self_healing.png" alt="">
</div>
{# <div class="mt-16 fade-in flex items-center justify-center gap-x-6">

View File

@@ -2,9 +2,9 @@
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-none">
<div class="text-center">
<h2 class="fade-in text-balance text-6xl font-normal tracking-tight text-white m:text-6xl">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 ">Building towards <span class="font-bold">Web4</span></h2>
<br>
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">The Next Evolution of the Internet</h2>
<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">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-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>