update what page

templates/partials/what/hero.html

@@ -1,4 +1,4 @@
-<div class="relative flex flex-col justify-start isolate overflow-hidden bg-transparent h-screen py-12">
+<div class="relative flex flex-col justify-center isolate overflow-hidden bg-transparent py-12">
   <div class="px-4 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-4xl fade-in">A True DePIN</h2>
@@ -6,12 +6,12 @@
         <span class="font-bold"> P</span>hysical <span class="font-bold">I</span>nfrastructure <span class="font-bold">N</span>etwork<br><br></p>
       <h2 class="text-balance font-normal tracking-tight leading-snug text-white lg:text-3xl text-2xl fade-in">Planetary Scalable
         <br> Autonomous Infrastructure Layer<br>for The Internet</h2>
-      <p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200  font-lightfade-in">Our unique
+      <p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-lg font-light text-gray-200  font-lightfade-in">Our unique
         technology enables anyone to become a provider<br> of network, storage and compute capacity.</p>
-      <div class="mx-auto max-w-7xl px-8 py-4">
+      <div class="mx-auto max-w-7xl px-4 py-8">
         <img src="/images/become_farmer.png" alt="Become a Farmer" class="w-full fade-in">
       </div>
-      <div class=" flex items-center justify-center ">
+      <div class=" flex items-center justify-center mt-6 ">
         <a href="https://docs.threefold.io"
           class="fade-in rounded-2xl bg-white px-4 py-2.5 text-md font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">Dive
           Deeper</a>

templates/partials/what/portfolio.html

@@ -1,5 +1,5 @@
-<div class="bg-transparent pt-12 pb-6">
+<div class="bg-transparent py-12 lg:py-24">
-  <div class="mx-auto max-w-7xl px-6 lg:max-w-7xl lg:px-8">
+  <div class="mx-auto max-w-7xl px-4 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">What We’ve Built</h2>
       <p class="text-left mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
@@ -7,8 +7,8 @@
       </p>
     </div>
   </div>
-</div>
+
-<section class="lg:pb-24 pb-12 pt-12 bg-transparent">
+<section class="pt-12 bg-transparent">
   <div class="max-w-6xl mx-8 md:mx-10 lg:mx-20 xl:mx-auto">
     <div class="mx-auto max-w-2xl lg:max-w-none">
       <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3">
@@ -120,6 +120,7 @@
     </div>
   </div>
 </section>
+</div>
 
 <style>
   /* Fade-in animation for the grid items */

templates/partials/what/what_features.html

@@ -1,4 +1,4 @@
-<div class="bg-transparent lg:pt-24 pt-12 lg:pb-24 pb-12">
+<div class="bg-transparent lg:py-24 py-12">
   <div class="mx-auto max-w-7xl px-4 lg:px-8">
     <div class="mx-auto max-w-2xl px-4 lg:max-w-7xl lg:px-8">
       <h2 class="mx-auto fade-in lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white">What We Do</h2>
@@ -9,8 +9,8 @@
       <p class="my-6 mx-auto text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
         We are currently running V3.15.0, a large-scale Proof-of-Concept Network, while simultaneously preparing for V4.0.0, our upcoming production-ready release. This will deliver a fully operational infrastructure built around three core pillars:
       </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 mt-16  lg:max-w-none">
       <dl class="grid max-w-xl gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-2">
@@ -69,6 +69,7 @@
     </div>
   </div>
 </section>
+</div>
 
 <style>
   /* Fade-in animation for the grid items */