fix typos n layouts

This commit is contained in:
2025-02-25 16:29:39 +08:00
parent 653f72aeca
commit 80e8c3c454
15 changed files with 33 additions and 29 deletions

View File

@@ -1,6 +1,7 @@
<div class="bg-transparent pb-6">
<div class="bg-transparent pb-6 pt-12 lg:pt-24">
<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">
<br>
<h2 class="text-center mx-auto fade-in lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white capitalize">What Web4 Enables</h2>
</div>
<section class="pb-32 bg-transparent">

View File

@@ -1,21 +1,22 @@
<div class="flex justify-center items-center isolate overflow-hidden bg-transparent h-screen">
<div class="max-w-7xl mx-auto text-center px-4 sm:px-6 lg:px-8">
<div class="relative isolate overflow-hidden bg-transparent">
<div class="mx-auto max-w-4xl text-center lg:py-24 py-12 px-4 lg:px-8">
<!-- 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="mt-12 fade-in text-pretty text-3xl sm:text-4xl lg:text-6xl leading-tight font-normal tracking-tight text-white capitalize">
Building towards Web4
</h2>
<!-- Subtext -->
<p class="mx-auto mt-6 max-w-3xl text-pretty text-xl font-light text-gray-200 fade-in fade-in-delay">
<p class="mx-auto mt-8 max-w-3xl text-pretty text-xl 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.
<br>
Lets make this vision a reality.
</p>
<!-- Embed YouTube Video -->
<div class="mt-8 flex justify-center mx-auto" style="max-width: 500px; height: auto;">
<div class="py-12 flex justify-center mx-auto" style="max-width: 500px; height: auto;">
<div class="responsive-iframe" >
<iframe src="https://www.youtube.com/embed/64mbEewI0Ag?si=I0m_ShxlTUk3mok-" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
@@ -25,7 +26,7 @@
</div>
<!-- Call to Action Button -->
<div class="mt-12 fade-in flex items-center justify-center gap-x-4">
<div class="mt-12 fade-in flex items-center justify-center gap-x-6">
<a href="/signup" target="_blank"
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