update home content and mobile respo

This commit is contained in:
2025-02-25 13:35:42 +02:00
parent 210b058af6
commit 997242f91c
15 changed files with 28 additions and 28 deletions

View File

@@ -1,7 +1,7 @@
<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">
<div class="mx-auto max-w-4xl text-center px-4 pt-12 lg:px-8">
<!-- Main Heading -->
<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">
<h2 class="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>
@@ -16,7 +16,7 @@
</p>
<!-- Embed YouTube Video -->
<div class="py-12 flex justify-center mx-auto" style="max-width: 500px; height: auto;">
<div class="py-10 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"
@@ -26,7 +26,7 @@
</div>
<!-- Call to Action Button -->
<div class="mt-12 fade-in flex items-center justify-center gap-x-6">
<div class="mt-2 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