diff --git a/templates/layouts/action.html b/templates/layouts/action.html
index cd4a085a2..02276210c 100644
--- a/templates/layouts/action.html
+++ b/templates/layouts/action.html
@@ -1,8 +1,8 @@
 {% extends "_default/base.html" %}
 {% block content %}
 {% include "partials/action/video.html" %}
+{% include "partials/action/enable_web4.html" %}
 {% include "partials/action/web4tools.html" %}
-{% include "partials/action/action.html" %}
 {% include "partials/home/cta.html" %}
 
 {% endblock content %}
\ No newline at end of file
diff --git a/templates/partials/action/enable_web4.html b/templates/partials/action/enable_web4.html
new file mode 100644
index 000000000..cf13ce592
--- /dev/null
+++ b/templates/partials/action/enable_web4.html
@@ -0,0 +1,109 @@
+<div class="bg-transparent pb-6">
+  <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">
+      <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">
+  <div class="max-w-6xl mx-4 md:mx-10 lg:mx-20 xl:mx-auto">
+    <div class="mx-auto max-w-2xl mt-12 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">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl  bg-white/5">
+          <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white">
+            Communicate securely
+          </dt>
+          <dd class="mt-2 flex flex-auto flex-col">
+            <p class="flex-auto leading-normal font-light text-gray-200 text-md">Experience end-to-end encrypted communication in the shortest possible path, ensuring messages remain private and unalterable—even during disasters.</p>
+            <p class="mt-6">
+            </p>
+          </dd>
+        </div>
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl  bg-white/5">
+          <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white">
+            Store effortlessly
+          </dt>
+          <dd class="mt-2 flex flex-auto flex-col">
+            <p class="flex-auto leading-normal font-light text-gray-200 text-md">Securely share and store information with ease, with geo-aware capabilities that optimize data location and access. Scale seamlessly from personal use to billions of users.</p>
+            <p class="mt-6">
+            </p>
+          </dd>
+        </div>
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl  bg-white/5">
+          <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white">
+            Restore authenticity
+          </dt>
+          <dd class="mt-2 flex flex-auto flex-col">
+            <p class="flex-auto leading-normal font-light text-gray-200 text-md">Determine which information can be trusted, bringing clarity and confidence back to the digital space.</p>
+            <p class="mt-6">
+            </p>
+          </dd>
+        </div>
+    </div>
+    <div class="mx-auto max-w-2xl mt-8 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">
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl  bg-white/5">
+          <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white">
+            Unlock limitless insights
+          </dt>
+          <dd class="mt-2 flex flex-auto flex-col">
+            <p class="flex-auto leading-normal font-light text-gray-200 text-md">Discover, analyze, and find information with no boundaries, aided by a powerful personal AI assistant.</p>
+            <p class="mt-6">
+            </p>
+          </dd>
+        </div>
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl  bg-white/5">
+          <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white">
+            Streamline your interactions
+          </dt>
+          <dd class="mt-2 flex flex-auto flex-col">
+            <p class="flex-auto leading-normal font-light text-gray-200 text-md">Keep track of all your connections and simplify your life with an AI that optimizes your daily tasks and interactions.</p>
+            <p class="mt-6">
+            </p>
+          </dd>
+        </div>
+        <div class="fade-in-box flex flex-col p-8 rounded-2xl  bg-white/5">
+          <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white">
+            Take control of your digital presence
+          </dt>
+          <dd class="mt-2 flex flex-auto flex-col">
+            <p class="flex-auto leading-normal font-light text-gray-200 text-md">Own and manage your data, identity, and interactions across platforms, ensuring transparency and sovereignty in the digital world.</p>
+            <p class="mt-6">
+            </p>
+          </dd>
+        </div>
+    </div>
+      {# <div class="mt-12 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>
+      </dl>
+    </div>
+  </div>
+</section>
+
+<style>
+  /* Fade-in animation for the grid items */
+  .fade-in-box {
+    opacity: 0;
+    animation: fadeIn 0.6s ease-in-out forwards;
+  }
+
+  /* Fading in each grid item with a slight delay */
+  .fade-in-box:nth-child(1) { animation-delay: 0s; }
+  .fade-in-box:nth-child(2) { animation-delay: 0.2s; }
+  .fade-in-box:nth-child(3) { animation-delay: 0.4s; }
+  .fade-in-box:nth-child(4) { animation-delay: 0.6s; }
+  .fade-in-box:nth-child(5) { animation-delay: 0.8s; }
+  .fade-in-box:nth-child(6) { animation-delay: 1s; }
+  .fade-in-box:nth-child(7) { animation-delay: 1.2s; }
+  .fade-in-box:nth-child(8) { animation-delay: 1.4s; }
+  .fade-in-box:nth-child(9) { animation-delay: 1.6s; }
+  .fade-in-box:nth-child(10) { animation-delay: 1.8s; }
+  .fade-in-box:nth-child(11) { animation-delay: 2s; }
+  .fade-in-box:nth-child(12) { animation-delay: 2.2s; }
+
+  @keyframes fadeIn {
+    to {
+      opacity: 1;
+    }
+  }
+</style>
diff --git a/templates/partials/action/video.html b/templates/partials/action/video.html
index 45fc8422c..40031d4e2 100644
--- a/templates/partials/action/video.html
+++ b/templates/partials/action/video.html
@@ -1,4 +1,4 @@
-<div class="flex bg-transparent pt-16 pb-10 justify-center relative isolate overflow-hidden">
+<div class="flex bg-transparent pt-16 pb-10 justify-center relative isolate overflow-hidden h-screen">
     <div class="max-w-7xl mx-auto text-center px-4 sm:px-6 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">
diff --git a/templates/partials/what/hero.html b/templates/partials/what/hero.html
index 75ad5f3d1..bab766b83 100644
--- a/templates/partials/what/hero.html
+++ b/templates/partials/what/hero.html
@@ -6,8 +6,7 @@
         <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-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  
+          <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>
       </div>
     </div>
   </div>
diff --git a/templates/partials/what/what_features.html b/templates/partials/what/what_features.html
index 452cafbe3..91aac0f20 100644
--- a/templates/partials/what/what_features.html
+++ b/templates/partials/what/what_features.html
@@ -11,7 +11,7 @@
     <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">
         <dl class="grid max-w-xl gap-x-8 gap-y-8 lg:max-w-none">
-                <div class="fade-in-box flex flex-col p-4 lg:p-8 rounded-2xl  bg-white/5">
+                <div class="fade-in-box flex flex-col p-4 lg:p-6 rounded-2xl  bg-white/5">
                   <!-- <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/open_source.png" alt=""> -->
                   <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white px-6">
                     Data
@@ -25,7 +25,7 @@
                     </ul>
                   </dd>
                 </div>
-                <div class="fade-in-box flex flex-col p-4 lg:p-8 rounded-2xl  bg-white/5">
+                <div class="fade-in-box flex flex-col p-4 lg:p-6 rounded-2xl  bg-white/5">
                   <!-- <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/open_source.png" alt=""> -->
                   <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white px-6">
                     Network
@@ -41,17 +41,17 @@
                 </div>
         </dl>
           
-        <div class="fade-in-box flex flex-col p-4 lg:p-8 rounded-2xl  bg-white/5">
+        <div class="fade-in-box flex flex-col p-4 lg:p-6 rounded-2xl  bg-white/5">
           <!-- <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/open_source.png" alt=""> -->
           <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white px-6">
             Autonomous Cloud
           </dt>
           <dd class="mt-4 flex flex-auto flex-col">
             <ul class="text-white fade-in">
-              <li class="text-sm text-gray-200 mb-2">Self-healing compute fabric—automatically redistributes workloads to healthy nodes. Fault tolerance is achieved via live migration of workloads, maintaining service availability. The Grid supports a peer-to-peer (P2P) AI compute and storage marketplace, allowing individuals and enterprises to monetize excess compute and GPU resources.</li>
-              <li class="text-sm text-gray-200 mb-2">No reliance on hyperscalers—agents dynamically manage resources, ensuring uptime and resilience.</li>
-              <li class="text-sm text-gray-200 mb-2">Optimized for AI & Web3—ideal for running autonomous applications, LLMs, and metaverse infrastructure. The Grid is designed to support AI inference and training at the edge.</li>
-              <li class="text-sm text-gray-200 mb-2">ThreeFold Grid V3 uses ZOS (Zero-OS), a highly optimized, minimalistic OS designed specifically for stateless, immutable, and self-healing workloads. ZOS runs on bare metal and supports:
+              <li class="text-sm text-gray-200 mb-3">Self-healing compute fabric—automatically redistributes workloads to healthy nodes. Fault tolerance is achieved via live migration of workloads, maintaining service availability. The Grid supports a peer-to-peer (P2P) AI compute and storage marketplace, allowing individuals and enterprises to monetize excess compute and GPU resources.</li>
+              <li class="text-sm text-gray-200 mb-3">No reliance on hyperscalers—agents dynamically manage resources, ensuring uptime and resilience.</li>
+              <li class="text-sm text-gray-200 mb-3">Optimized for AI & Web3—ideal for running autonomous applications, LLMs, and metaverse infrastructure. The Grid is designed to support AI inference and training at the edge.</li>
+              <li class="text-sm text-gray-200 mb-3">ThreeFold Grid V3 uses ZOS (Zero-OS), a highly optimized, minimalistic OS designed specifically for stateless, immutable, and self-healing workloads. ZOS runs on bare metal and supports:
                 <ul class="text-white fade-in">
                   <li class="text-sm">MicroVMs & Containerized Workloads (Kubernetes, Docker, Firecracker).</li>
                   <li class="text-sm">AI & Machine Learning Workloads (LLM inference, federated learning).</li>