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,4 +1,4 @@
<div class="bg-transparent pt-12 pb-6">
<div class="bg-transparent lg:py-24 py-12">
<div class="mx-auto max-w-7xl px-6 lg:max-w-7xl lg:px-8">
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
<h2 class="mx-auto fade-in text-left lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white capitalize">How it works</h2>
@@ -6,7 +6,7 @@
Regardless of technical expertise, anyone can deploy nodes (servers) from their homes or offices, and participate in a decentralized alternative to corporate-owned data centers while earning rewards for their contributions. We call this process “farming.”
</p>
</div>
<section class="pb-32 bg-transparent">
<section class="bg-transparent">
<div class="max-w-6xl mx-4 md:mx-10 lg:mx-20 xl:mx-auto">
<div class="mx-auto max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none">
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
@@ -44,7 +44,7 @@
</dd>
</div>
</div>
<div class="mt-12 flex items-center justify-center gap-x-6">
<div class="mt-6 flex items-center justify-center gap-x-6">
<a href="https://docs.threefold.io/docs/category/become-a-farmer" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-green hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 mt-8">Become a Farmer</a>
</div>
</div>