fix typos n layouts

templates/partials/action/enable_web4.html

@@ -1,6 +1,7 @@
-<div class="bg-transparent pb-6">
+<div class="bg-transparent pb-6 pt-12 lg:pt-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">

templates/partials/action/video.html

@@ -1,21 +1,22 @@
-<div class="flex justify-center items-center isolate overflow-hidden bg-transparent h-screen">
+<div class="relative isolate overflow-hidden bg-transparent">
-    <div class="max-w-7xl mx-auto text-center px-4 sm:px-6 lg:px-8">
+    <div class="mx-auto max-w-4xl text-center lg:py-24 py-12  px-4 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">
+        <h2 class="mt-12 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-6 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-xl 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>
           The internet is a trillion-dollar industry, and we believe it should be built and owned by everyone—an internet created by all, for all.
         <br>
         Let’s make this vision a reality.
         </p>
         
         <!-- Embed YouTube Video -->
-        <div class="mt-8 flex justify-center mx-auto" style="max-width: 500px; height: auto;">
+        <div class="py-12 flex justify-center mx-auto" style="max-width: 500px; height: auto;">
             <div class="responsive-iframe" >
                 <iframe src="https://www.youtube.com/embed/64mbEewI0Ag?si=I0m_ShxlTUk3mok-" title="YouTube video player" 
                         frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
@@ -25,7 +26,7 @@
         </div>
         
         <!-- Call to Action Button -->
-        <div class="mt-12 fade-in flex items-center justify-center gap-x-4">
+        <div class="mt-12 fade-in flex items-center justify-center gap-x-6">
             <a href="/signup" target="_blank" 
                class="rounded-2xl bg-white px-4 py-2.5 text-sm sm:text-base font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 blinking-effect">
                 Take Action

templates/partials/cta.html

@@ -1,5 +1,5 @@
 <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">
+    <div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 mt-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.
       </h2>

templates/partials/home/features.html

@@ -7,7 +7,7 @@
       <a href="/what" class="blinking-effect fade-in lg:text-xl text-lg font-semibold text-white hover:text-gray-400">Discover How It Works <span aria-hidden="true">→</span></a>
     </div>
     <div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing -->
-      <h3 class="mb-6 lg:text-2xl text-xl leading-tight font-normal tracking-tight text-white">Three inventions at the core of our system
+      <h3 class="mb-6 lg:mb-8 lg:text-2xl text-xl leading-tight font-normal tracking-tight text-white">Three Inventions at the Core of Our System
       </h3>
       <dl class="grid grid-cols-1 mx-auto lg:gap-x-8 sm:grid-cols-2 lg:gap-y-8 gap-y-4">
         

templates/partials/home/grid_stats.html

@@ -3,8 +3,8 @@
     <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">
-          <h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white capitalize">Powered by
+          <h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white ">Powered by
-            <br>a global community</h2>
+            <br>A Global Community</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’s groundbreaking technology enables anyone – individuals, organizations, and communities – to deploy their own Internet infrastructure.</p>
           <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Today, our proof-of-concept network is live worldwide, running on version 3.15 technology.</p>
         </div>

templates/partials/home/hero.html

@@ -2,8 +2,8 @@
   <div class="px-4 lg:pb-24 pb-12 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-5xl fade-in">Internet
-        infrastructure<br> for everyone by everyone, everywhere.</h2>
+        Infrastructure<br> for Everyone by Everyone, Everywhere.</h2>
-      <p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">ThreeFold a
+      <p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">ThreeFold is a
         DePIN system designed to scale to a planetary level, capable of providing 100% uptime, and enabling any machine
         and human to communicate over the shortest path.</p>
       <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">Compatible with

templates/partials/home/use_cases.html

@@ -1,7 +1,7 @@
 <div class="bg-transparent pt-12 pb-6">
   <div class="text-center mx-auto max-w-7xl px-6 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 lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white capitalize">Anything that runs on Linux can run
+      <h2 class="mx-auto fade-in lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white capitalize">Anything That Runs on Linux Can Run
         on ThreeFold</h2>
       <p class="my-6 mx-auto max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
         The grid can be used by any Web2, Web3, AI, or Edge IT workload – enabling a world of possibilities. Here are some of the primary use cases of the grid today.

templates/partials/what/hero.html

@@ -1,14 +1,14 @@
-<div class="relative flex flex-col justify-start isolate overflow-hidden bg-transparent min-h-screen py-8">
+<div class="relative flex flex-col justify-start isolate overflow-hidden bg-transparent min-h-screen py-12 lg:py-24">
   <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>
-      <p class="text-balance font-normal tracking-tight text-white lg:text-xl text-lg fade-in">DePIN = Decentralized
+      <p class="text-balance lg:text-2xl text-xl font-light text-gray-200  tracking-normal  fade-in"><span class="font-bold">De</span>Centralized
-        Physical Infrastructure Network<br><br></p>
+        <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 text-white lg:text-5xl text-4xl fade-in">Planetary Scalable
+      <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-6 max-w-3xl text-pretty lg:text-2xl text-lg font-light text-gray-200 fade-in">Our unique
+      <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
         technology allows everyone to become a provider<br> of network, storage and compute capacity.</p>
-      <div class="mx-auto max-w-7xl px-8 pt-3">
+      <div class="mx-auto max-w-7xl px-8 py-4">
         <img src="/images/become_farmer.png" alt="Become a Farmer" class="w-full fade-in">
       </div>
       <div class=" flex items-center justify-center ">

templates/partials/what/what_features.html

@@ -2,12 +2,12 @@
   <div class="mx-auto max-w-7xl px-6 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 lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white">What We Do</h2>
-      <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
+      <p class="text-left mt-6 max-w-3xl text-pretty lg:text-2xl text-lg font-light text-gray-200 fade-in">ThreeFold can
         be used by any Web2, Web3, AI, or Edge IT workload.
       </p>
 
       <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, a large-scale proof of concept network, and are now preparing for Version 4, our production-ready release. This will deliver a fully operational infrastructure built around three core pillars:
+        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">
@@ -21,7 +21,7 @@
                     Data
                   </dt>
                   <dd class="mt-4 flex flex-auto flex-col">
-                    <ul class="text-white fade-in">
+                    <ul class="text-white fade-in space-y-4">
                       <li class="text-sm text-gray-200 mb-2">Private, scalable, and autonomous—designed for AI-native environments.</li>
                       <li class="text-sm text-gray-200 mb-2">Distributed and decentralized, offering 10x efficiency and unprecedented security over existing cloud solutions.</li>
                       <li class="text-sm text-gray-200 mb-2">User Centric Geo-Aware Unbreakable Storage system (ensuring redundancy & privacy)</li>

templates/partials/why/ai_decentralized.html

@@ -1,5 +1,5 @@
 <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="px-6 py-12 px-6 lg:px-8">
       <div class="mx-auto max-w-4xl text-center">
         <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl capitalize">AI needs to be decentralized</h2>
         <p class="fade-in mt-6 text-lg lg:text-xl font-light text-gray-200">We are at the dawn of AI, a transformative force that will redefine how we live, work, and interact with technology. AI presents an incredible opportunity for humanity, however, as AI systems become more powerful, their control sits in the hands of a few corporations, raising serious concerns around privacy, bias, accessibility, and so on.

templates/partials/why/hero.html

@@ -1,5 +1,5 @@
 <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="px-6 mt-12 lg:py-24 py-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-4xl fade-in">The Internet Needs an Upgrade</h2>
         <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original intent. <br>The Internet was envisioned as a decentralized, open space.<br>A tool for freedom, collaboration, and equal access for all.</p>

templates/partials/why/reason.html

@@ -1,4 +1,4 @@
-<div class="relative isolate overflow-hidden bg-transparent text-white py-24 sm:py-32">
+<div class="relative isolate overflow-hidden bg-transparent text-white py-12">
     <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 -->

templates/partials/why/team.html

@@ -1,6 +1,6 @@
-<div class="bg-transparent relative isolate overflow-hidden pt-12 pb-24">
+<div class="bg-transparent relative isolate py-12 mb-12">
     <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="mx-auto max-w-2xl lg:max-w-4xl text-center">
         <div class="text-center">
           <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl capitalize">Founded by Internet 1.0 Pioneers<br>and All of You</h2>
           <p class="mx-auto mb-10 mt-6 max-w-4xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">The founders have been working in Internet technology since its early days when it operated as a decentralized, peer-to-peer network. ThreeFold is an open-source movement driven by a dedicated team and a vibrant community of contributors helping to bring our shared vision to life. 

templates/partials/why/web4.html

@@ -1,12 +1,14 @@
 <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="px-6 lg:pt-24  lg:pb-24 py-12  lg:px-8">
       <div class="mx-auto max-w-7xl">
         <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl capitalize">Web4 is the vision</h2>
+        <div class="max-w-5xl">
         <p class="fade-in mt-6 text-lg lg:text-xl font-light text-gray-200">Web4 is the next evolution of the Internet – built on decentralization and collaboration between humans and machines. It is a more sustainable, autonomous system where people have control over their data, leveraging decentralized infrastructure (3Nodes) and AI-powered assistants – and enables privacy and security through secure 3Phones and smart routers.
           <br>
           <br>
           The Decentralized Cloud was the base layer to create Web4.
         </p>
+      </div>
     </div>
   </div>