From 432192c0337c88212a75a302911ae21f5a4a592c Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Tue, 25 Feb 2025 16:14:22 +0200
Subject: [PATCH] update action

---
 templates/partials/action/enable_web4.html | 9 +++++----
 templates/partials/action/video.html       | 4 ++--
 templates/partials/action/web4tools.html   | 8 ++++----
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/templates/partials/action/enable_web4.html b/templates/partials/action/enable_web4.html
index 863fe8118..a702f889a 100644
--- a/templates/partials/action/enable_web4.html
+++ b/templates/partials/action/enable_web4.html
@@ -1,10 +1,10 @@
-<div class="bg-transparent pb-6 pt-12 lg:pt-24">
+<div class="bg-transparent pb-6 py-12 lg:py-24">
   <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">
       <br>
-      <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">
+      <h2 class="text-center mx-auto fade-in lg:text-5xl text-3xl leading-snug font-normal tracking-tight text-white capitalize">What Web4 Enables</h2>
+ 
+<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-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">
@@ -80,6 +80,7 @@
     </div>
   </div>
 </section>
+</div>
 
 <style>
   /* Fade-in animation for the grid items */
diff --git a/templates/partials/action/video.html b/templates/partials/action/video.html
index c8292c307..dcfc8ef62 100644
--- a/templates/partials/action/video.html
+++ b/templates/partials/action/video.html
@@ -1,12 +1,12 @@
 <div class="relative isolate overflow-hidden bg-transparent">
-    <div class="mx-auto max-w-4xl text-center px-4 pt-12 lg:px-8">
+    <div class="mx-auto max-w-4xl text-center px-2 pt-12 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 capitalize">
           Building towards Web4
         </h2>
         
         <!-- Subtext -->
-        <p class="mx-auto mt-8 max-w-3xl text-pretty text-xl font-light text-gray-200 fade-in fade-in-delay">
+        <p class="mx-auto mt-8 max-w-3xl text-pretty text-lg font-light text-gray-200 fade-in fade-in-delay">
           ThreeFold sees Web4 as the next evolution of the Internet, enabling humans and machines to collaborate in creating a new form of intelligence that respects both the planet and the people.
           <br>
           <br>
diff --git a/templates/partials/action/web4tools.html b/templates/partials/action/web4tools.html
index 01d66859a..4d5df7466 100644
--- a/templates/partials/action/web4tools.html
+++ b/templates/partials/action/web4tools.html
@@ -1,7 +1,7 @@
-<div class="overflow-hidden bg-transparent py-16 lg:py-24">
-    <div class="relative mx-auto max-w-xl px-6 lg:max-w-7xl lg:px-8">
-        <div class="mx-auto max-w-2xl px-6 lg:max-w-6xl lg:px-8">
-            <h2 class="mx-auto fade-in text-left lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white">How to Participate</h2>
+<div class="overflow-hidden lg:py-24 py-12">
+    <div class="relative mx-auto max-w-xl px-4 lg:max-w-7xl lg:px-8">
+        <div class="mx-auto max-w-2xl px-4 lg:max-w-6xl lg:px-8">
+            <h2 class="mx-auto fade-in text-left lg:text-5xl text-3xl leading-snug font-normal tracking-tight text-white">How to Participate</h2>
             <p class="text-left my-6 max-w-5xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
                 Take part in the Web4 future. Discover key products that bring us closer to our vision—enabling true decentralization, peer-to-peer intelligence, and user-controlled data. These innovations lay the foundation for a more open, autonomous, and interconnected digital future.</p>
         </div>