diff --git a/templates/partials/action/action.html b/templates/partials/action/action.html
index f8c3721a0..90af5ab2e 100644
--- a/templates/partials/action/action.html
+++ b/templates/partials/action/action.html
@@ -1,15 +1,15 @@
-<div class="relative isolate overflow-hidden bg-transparent text-white pt-12 pb-32">
+<div class="relative isolate overflow-hidden bg-transparent text-white pt-12 pb-24">
     <div class="mx-auto max-w-7xl px-6 lg:px-8">
         <div class="relative grid lg:grid-cols-12 lg:gap-8">
             <!-- Left Content -->
             <div class="lg:col-span-7">
                 <div class="mx-auto max-w-2xl lg:mx-0">
-                    <h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">When 3 Becomes 4</h1>
-                    <p class="fade-in mt-6 text-lg font-light text-white">
+                    <h1 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">When 3 Becomes 4</h1>
+                    <p class="fade-in mt-6 text-lg lg:text-xl font-light text-white">
                     The Internet is a Trillion USD business and we want to make sure this Internet is built and owned by all of us—An Internet created by Everyone for Everyone. <br><br>
                     Web4 is the logical evolution of the Internet and opens the door for Machines & Humans to create together a new form of Intelligence with respect for the Planet & People.<br><br>
-                    ThreeFold has been working on this vision for more than 10 years <br><br>
-                    and is now ready to announce our next steps on December 12, 2024. 
+                    ThreeFold has been working on this vision for more than 10 years 
+                    and is now ready to announce our next steps on <span class="font-semibold">December 12, 2024. </span
                     </p>
                 </div>
             </div>
@@ -18,7 +18,7 @@
            <div class="lg:col-span-5">
             <figure class=" mt-6 pl-8">
                 <blockquote class=" text-2xl text-white fade-in font-semibold ">
-                    <p class="text-2xl text-white font-semibold">We believe actions are more important than words. <br><br>
+                    <p class="lg:text-2xl text-xl leading-normal text-white font-semibold">We believe actions are more important than words. <br><br>
                         This page is in black & white, to let YOU be the <span style="color: red;">color</span> of the future of the internet.
                     </p>
                 </blockquote>
diff --git a/templates/partials/action/announcements.html b/templates/partials/action/announcements.html
index 0164786e9..9f05b874e 100644
--- a/templates/partials/action/announcements.html
+++ b/templates/partials/action/announcements.html
@@ -1,7 +1,7 @@
 <div class="bg-transparent fade-in pb-24 flex items-center justify-center">
     <div class="mx-auto max-w-7xl px-6 lg:px-8">
         <div class="mx-auto max-w-2xl lg:max-w-7xl items-center text-center">
-            <p class="fade-in mx-auto mb-12 text-pretty lg:text-4xl text-3xl font-medium text-gray-200">Announcements: What's Coming Soon</p>
+            <p class="fade-in mx-auto mb-12 text-pretty lg:text-5xl  leading-tight text-4xl font-light text-gray-200">Announcements: What's Coming Soon</p>
         </div>
         <div class="-mx-6 grid grid-cols-2 gap-2 overflow-hidden sm:mx-0 sm:rounded-2xl md:grid-cols-3">
             <div class="grid-item bg-white/5 p-2 lg:p-12">
diff --git a/templates/partials/action/banner.html b/templates/partials/action/banner.html
index c41aa5c23..2f3d3f7dc 100644
--- a/templates/partials/action/banner.html
+++ b/templates/partials/action/banner.html
@@ -5,8 +5,8 @@
         src="/images/mycel2.gif" 
         alt="TF">
     <div class="text-center">
-        <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">Save the Date</h2>
-        <p class="fade-in mx-auto mt-4 max-w-3xl text-pretty lg:text-4xl text-3xl font-medium text-gray-200 fade-in">12.12.24</p>
+        <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-5xl fade-in">Save the Date</h2>
+        <p class="fade-in mx-auto mt-4 max-w-3xl text-pretty lg:text-5xl text-4xl font-medium text-gray-200 fade-in">12.12.24</p>
     </div>
 </div>
 </div>
diff --git a/templates/partials/action/cta.html b/templates/partials/action/cta.html
index 3a262d463..3f7fee8b3 100644
--- a/templates/partials/action/cta.html
+++ b/templates/partials/action/cta.html
@@ -1,6 +1,6 @@
 <div class="bg-transparent">
     <div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20">
-      <h2 class="lg:text-balance leading-tight text-left items-start  font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
+      <h2 class="lg:text-balance leading-tight lg:text-left lg:items-start items-center text-center  font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
         Stay tuned for 12.12.24<br/>
       </h2>
       <div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">
diff --git a/templates/partials/home/cta.html b/templates/partials/home/cta.html
index 8dc690171..dfd55eb3b 100644
--- a/templates/partials/home/cta.html
+++ b/templates/partials/home/cta.html
@@ -1,4 +1,4 @@
-<div class="bg-transparent pt-24 pb-12">
+<div class="bg-transparent pt-12 pb-12">
     <div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20">
       <h2 class="lg:text-balance text-left items-start  font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
         Build the <br>Internet of Tomorrow, <br>Today.
diff --git a/templates/partials/home/features.html b/templates/partials/home/features.html
index 608951534..8eeeb557d 100644
--- a/templates/partials/home/features.html
+++ b/templates/partials/home/features.html
@@ -1,6 +1,6 @@
-<div class="bg-transparent">
-  <div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-16 gap-y-16 px-8 pt-12 mt-12 pb-24 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
-    <div class="max-w-3xl lg:px-16 px-0 pb-12">
+<div class="bg-transparent pt-12 pb-24 ">
+  <div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-16 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 Web 4
       </h2>
       <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).</p>
diff --git a/templates/partials/home/web4.html b/templates/partials/home/web4.html
index b1b32d5fd..c6610855a 100644
--- a/templates/partials/home/web4.html
+++ b/templates/partials/home/web4.html
@@ -1,4 +1,4 @@
-<div class="bg-transparent relative isolate overflow-hidden pt-12 pb-24 mb-12">
+<div class="bg-transparent relative isolate overflow-hidden pt-12 pb-24">
     <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">
diff --git a/templates/partials/what/hero.html b/templates/partials/what/hero.html
index dc87cc25d..5f0afde3b 100644
--- a/templates/partials/what/hero.html
+++ b/templates/partials/what/hero.html
@@ -1,12 +1,12 @@
 <div class="relative isolate overflow-hidden bg-transparent">
     <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-3xl fade-in">A Secure & Sovereign Infrastructure Layer for Web 4</h2>
-        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">Our unique technology enables a system which can scale to a planetary level, can store data which can never be corrupted nor lost, is compatible with AI, Cloud, Web2, Web3 and Edge IT workloads, has the potential to recover from unforeseen events, and provide 100% uptime.             .</p>
-        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-medium text-gray-200 fade-in">ThreeFold can be used by any Web2, Web3, AI, or Edge IT workload.
+        <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">A Secure & Sovereign Infrastructure Layer for Web 4</h2>
+        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-lg font-light text-gray-200 fade-in">Our unique technology enables a system which can scale to a planetary level, can store data which can never be corrupted nor lost, is compatible with AI, Cloud, Web2, Web3 and Edge IT workloads, has the potential to recover from unforeseen events, and provide 100% uptime.             .</p>
+        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-lg font-medium text-gray-200 fade-in">ThreeFold can be used by any Web2, Web3, AI, or Edge IT workload.
         </p>
         <div class="mt-12 flex items-center justify-center gap-x-6">
-          <a href="https://docs.threefold.io" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm 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 focus-visible:outline-offset-2">Dive Deeper - Read our docs</a>
+          <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 focus-visible:outline-offset-2">Dive Deeper</a>
         f  
       </div>
     </div>
diff --git a/templates/partials/what/portfolio.html b/templates/partials/what/portfolio.html
index 4c8666016..f0c2ffb94 100644
--- a/templates/partials/what/portfolio.html
+++ b/templates/partials/what/portfolio.html
@@ -1,18 +1,18 @@
 <div class="bg-transparent pt-12 pb-6">
   <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-2xl 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-base font-light text-gray-200 fade-in">
+      <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">
         At ThreeFold, we've created products that embody innovation, authenticity, and simplicity. Each solution is crafted to empower individuals and communities, blending cutting-edge technology with practical usability.
       </p>
     </div>
   </div>
 </div>
-<section class="pb-32 bg-transparent">
+<section class="lg:pb-24 pb-12 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 sm:mt-20 lg:mt-24 lg:max-w-none">
+    <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">
-        <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
             ZERO-OS V3
           </dt>
@@ -23,7 +23,7 @@
             </p>
           </dd>
         </div>
-        <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
             MYCELIUM NETWORK
           </dt>
@@ -34,7 +34,7 @@
             </p>
           </dd>
         </div>
-        <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
             QUANTUM SAFE STORAGE
           </dt>
@@ -47,7 +47,7 @@
         </div>
 
         <!-- 2ND ROW--> 
-        <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
             TF CHAIN
           </dt>
@@ -58,7 +58,7 @@
             </p>
           </dd>
         </div>
-        <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
             3NODES
           </dt>
@@ -69,7 +69,7 @@
             </p>
           </dd>
         </div>
-        <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
             GATEWAY NODES
           </dt>
@@ -82,7 +82,7 @@
         </div>
 
         <!-- 3RD ROW--> 
-        <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
             TF DASHBOARD
           </dt>
@@ -93,7 +93,7 @@
             </p>
           </dd>
         </div>
-        <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
             TF DAO
           </dt>
@@ -105,7 +105,7 @@
           </dd>
         </div>
         
-        <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
             TF CONNECT APP
           </dt>
diff --git a/templates/partials/what/what.html b/templates/partials/what/what.html
index 7a3ba727b..7ad1a0c07 100644
--- a/templates/partials/what/what.html
+++ b/templates/partials/what/what.html
@@ -1,37 +1,37 @@
 <div class="bg-transparent">
     <div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-16 gap-y-16 px-8 pt-12 mt-12 pb-24 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
-      <div class="max-w-3xl px-0 lg:px-16 pb-12">
-        <h2 class="fade-in text-balance lg:text-4xl text-2xl leading-snug font-normal tracking-tight text-white sm:text-5xl">What You Can Do With It
+      <div class="max-w-3xl px-0 lg:px-16 lg:pb-10 pb-4">
+        <h2 class="fade-in text-balance lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white sm:text-5xl">What You Can Do With It
         </h2>
-        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">Today, ThreeFold is primarily focused on empowering developers to create innovative cloud solutions.</p>
-        <p class="mx-auto mt-4 mb-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">On 12-12-24, we will unveil exciting news about how Web4 will soon become accessible to everyone, opening up endless possibilities for all users.</p>
-        <a href="/action" class="border border-white px-6 py-2 fade-in lg:text-3xl text-2xl rounded-2xl tracking-normal font-medium text-white hover:text-gray-400 blinking-effect"><span aria-hidden="true">→ </span>12.12.24</a>
+        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Today, ThreeFold is primarily focused on empowering developers to create innovative cloud solutions.</p>
+        <p class="mx-auto mt-4 mb-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">On 12-12-24, we will unveil exciting news about how Web4 will soon become accessible to everyone, opening up endless possibilities for all users.</p>
+        <a href="/action" class="mt-4 border border-white px-6 py-2 fade-in lg:text-3xl text-2xl rounded-2xl tracking-normal font-medium text-white hover:text-gray-400 blinking-effect"><span aria-hidden="true">→ </span>12.12.24</a>
       </div>
       <div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing -->
-        <dl class="fade-in grid grid-cols-1 mx-auto gap-x-8 sm:grid-cols-2 gap-y-10">
+        <dl class="fade-in grid grid-cols-1 mx-auto gap-x-8 sm:grid-cols-2 lg:gap-y-10 gap-y-6">
           <div class="">
             <dt class="font-medium text-gray-200">Communicate securely</dt>
-            <dd class="mt-1 font-light text-gray-400 text-sm mb-4">Experience end-to-end encrypted communication in the shortest possible path, ensuring messages remain private and unalterable—even during disasters.</dd> 
+            <dd class="mt-1 font-light text-gray-300 text-sm mb-4">Experience end-to-end encrypted communication in the shortest possible path, ensuring messages remain private and unalterable—even during disasters.</dd> 
           </div>
           <div class="">
             <dt class="font-medium text-gray-200">Store effortlessly</dt>
-            <dd class="mt-1 ont-light text-gray-400 text-sm mb-4">Securely share and store information with ease, scaling seamlessly from personal use to billions of users. </dd>
+            <dd class="mt-1 ont-light text-gray-300 text-sm mb-4">Securely share and store information with ease, scaling seamlessly from personal use to billions of users. </dd>
           </div>
           <div class="">
             <dt class="font-medium text-gray-200">Restore authenticity</dt>
-            <dd class="font-light text-gray-400 text-sm mb-4">Determine which information can be trusted, bringing clarity and confidence back to the digital space. </dd>
+            <dd class="font-light text-gray-300 text-sm mb-4">Determine which information can be trusted, bringing clarity and confidence back to the digital space. </dd>
          </div>
          <div class="">
             <dt class="font-medium text-gray-200">Unlock limitless insights</dt>
-            <dd class="font-light text-gray-400 text-sm mb-4">Discover, analyze, and find information with no boundaries, aided by a powerful personal AI assistant. </dd>
+            <dd class="font-light text-gray-300 text-sm mb-4">Discover, analyze, and find information with no boundaries, aided by a powerful personal AI assistant. </dd>
          </div>
          <div class="">
             <dt class="font-medium text-gray-200">Streamline your interactions</dt>
-            <dd class="font-light text-gray-400 text-sm mb-4">Keep track of all your connections and simplify your life with an AI that optimizes your daily tasks and interactions. </dd>
+            <dd class="font-light text-gray-300 text-sm mb-4">Keep track of all your connections and simplify your life with an AI that optimizes your daily tasks and interactions. </dd>
          </div>
          <div class="">
             <dt class="font-medium text-gray-200">Take control of your digital presence</dt>
-            <dd class="font-light text-gray-400 text-sm mb-4">Own and manage your data, identity, and interactions across platforms, ensuring transparency and sovereignty in the digital world.</dd>
+            <dd class="font-light text-gray-300 text-sm mb-4">Own and manage your data, identity, and interactions across platforms, ensuring transparency and sovereignty in the digital world.</dd>
          </div>
         </dl>
       </div>
diff --git a/templates/partials/why/values.html b/templates/partials/why/values.html
index 6772b1d11..aae617777 100644
--- a/templates/partials/why/values.html
+++ b/templates/partials/why/values.html
@@ -1,4 +1,4 @@
-<div class="bg-transparent pb-24 pt-32">
+<div class="bg-transparent pb-24 pt-24">
     <div class="mx-auto max-w-7xl px-6 lg:px-8">
       <dl class="grid grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3">
         <div class="mx-auto flex max-w-xs flex-col gap-y-4">