From b28c0bacc94e1a4c4574b83ce7bc831bac217076 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Tue, 21 Jan 2025 12:41:25 +0200
Subject: [PATCH] update home

---
 content/header/index.md                       |   4 +-
 css/index.css                                 |  21 +++++++-
 .../{new_logo_tft_dark.png => logodark.png}   | Bin
 .../{new_logo_tft_light.png => logolight.png} | Bin
 static/js/custom.js                           |  10 ++--
 tailwind.config.js                            |   1 +
 templates/partials/header.html                |  24 ++++-----
 templates/partials/home/cta.html              |   8 +--
 templates/partials/home/faq.html              |  50 +++++++++---------
 templates/partials/home/farmers.html          |  10 ++--
 templates/partials/home/features.html         |  26 ++++-----
 templates/partials/home/grid_stats.html       |   6 +--
 templates/partials/home/web4.html             |  14 ++---
 templates/static/images/new_logo_tft_dark.png | Bin 0 -> 8421 bytes
 .../static/images/new_logo_tft_light.png      | Bin 0 -> 8440 bytes
 15 files changed, 96 insertions(+), 78 deletions(-)
 rename static/images/{new_logo_tft_dark.png => logodark.png} (100%)
 rename static/images/{new_logo_tft_light.png => logolight.png} (100%)
 create mode 100644 templates/static/images/new_logo_tft_dark.png
 create mode 100644 templates/static/images/new_logo_tft_light.png

diff --git a/content/header/index.md b/content/header/index.md
index 67194b90d..eb9d5740e 100644
--- a/content/header/index.md
+++ b/content/header/index.md
@@ -3,8 +3,8 @@ title: "Header"
 insert_anchor_links: "left"
 template: "partials/header.html"
 extra:
-  logoPathLight: "images/new_logo_tft_light.png"
-  logoPathDark: "images/new_logo_tft_dark.png"
+  logoPathLight: "images/logolight.png"
+  logoPathDark: "images/logodark.png"
 
 ---
 
diff --git a/css/index.css b/css/index.css
index 3ac2d4596..d07f9f869 100644
--- a/css/index.css
+++ b/css/index.css
@@ -22,6 +22,14 @@ body .semigray {
   color: #424242 !important;
 }
 
+body .semigray2 {
+  color: #424242 !important;
+}
+
+body .icon {
+  fill: #424242 !important;
+}
+
 /* Dark Mode */
 body.dark-mode {
   background-color: #121212;
@@ -29,9 +37,20 @@ body.dark-mode {
 }
 
 body.dark-mode .semigray {
-  color: #bbbbbb !important;
+  color: #e5e7eb !important;
 }
 
+body.dark-mode .semigray2 {
+  color: #d1d5db !important;
+}
+
+body.dark-mode .icon {
+  fill: #ffffff !important;
+}
+
+.double_bg {
+  background-color: rgb(100 100 100 / 0.2);
+}
 
 .dashboard:hover {
 
diff --git a/static/images/new_logo_tft_dark.png b/static/images/logodark.png
similarity index 100%
rename from static/images/new_logo_tft_dark.png
rename to static/images/logodark.png
diff --git a/static/images/new_logo_tft_light.png b/static/images/logolight.png
similarity index 100%
rename from static/images/new_logo_tft_light.png
rename to static/images/logolight.png
diff --git a/static/js/custom.js b/static/js/custom.js
index adbbbfcb9..8f0e34201 100644
--- a/static/js/custom.js
+++ b/static/js/custom.js
@@ -204,10 +204,11 @@ document.addEventListener('DOMContentLoaded', () => {
   if (savedTheme === 'dark') {
     document.body.classList.add('dark-mode');
     toggleSwitch.checked = true;
-    siteLogo.src = siteLogo.getAttribute('data-dark');
+    siteLogo.src = siteLogo.getAttribute('data-dark'); // Use dark mode logo
   } else {
     document.body.classList.remove('dark-mode');
-    siteLogo.src = siteLogo.getAttribute('data-light');
+    toggleSwitch.checked = false;
+    siteLogo.src = siteLogo.getAttribute('data-light'); // Use light mode logo
   }
 });
 
@@ -216,10 +217,11 @@ toggleSwitch.addEventListener('change', () => {
   if (toggleSwitch.checked) {
     document.body.classList.add('dark-mode');
     localStorage.setItem('theme', 'dark');
-    siteLogo.src = siteLogo.getAttribute('data-dark');
+    siteLogo.src = siteLogo.getAttribute('data-light'); // Switch to dark mode logo
   } else {
     document.body.classList.remove('dark-mode');
     localStorage.setItem('theme', 'light');
-    siteLogo.src = siteLogo.getAttribute('data-light');
+    siteLogo.src = siteLogo.getAttribute('data-dark'); // Switch to light mode logo
   }
 });
+
diff --git a/tailwind.config.js b/tailwind.config.js
index 1c659e7f2..c9d12668f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,7 @@
 const colors = require('tailwindcss/colors')
 
 module.exports = {
+  darkMode: 'class',
   content: [
       './templates/**/*.html'
   ],
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 78b988edd..4199ffa0a 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -7,20 +7,15 @@
         <div class="mx-auto container flex z-50 justify-between items-center px-6 sm:px-4 md:px-6 py-4 lg:px-5 lg:justify-start space-x-10 sm:space-x-4 ">
           <a href="{{ get_url(path='/') }}" class="flex">
             <img 
-              id="site-logo" 
-              class="w-36 h-auto" 
-              style="max-width: none;" 
-              src="{{ get_url(path=section.extra.logoPathLight) }}" 
-              data-light="{{ get_url(path=section.extra.logoPathLight) }}" 
-              data-dark="{{ get_url(path=section.extra.logoPathDark) }}" 
-              alt="ThreeFold Logo" />
+            id="site-logo" 
+            class="w-36 h-auto" 
+            style="max-width: none;" 
+            src="{{ get_url(path=section.extra.logoPathLight) }}" 
+            data-light="{{ get_url(path=section.extra.logoPathLight) }}" 
+            data-dark="{{ get_url(path=section.extra.logoPathDark) }}" 
+            alt="ThreeFold Logo" />
           </a>
         
-        </a>
-        
-      
-      
-        </a>
             <div class="-mr-2 -my-2 lg:hidden">
                 <button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 border-gray-100 rounded-md text-gray-400  focus:outline-none focus:text-gray-500 transition duration-200 ease-in-out">
                     <!-- Heroicon name: menu -->
@@ -119,9 +114,10 @@
                     </li> 
                   </ul>  -->
                   <button class="theme-toggle px-2 mx-2">
-                    <label class="" for="darkModeSwitch">Dark Mode:</label>
+                    <label for="darkModeSwitch">Dark Mode:</label>
                     <input type="checkbox" id="darkModeSwitch">
-                </button>
+                  </button>
+                  
                 
                   
                     <a href="/signup" target="_blank" class="blinking-effect dashboard rounded-2xl bg-white px-4 p-2 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green">Join the Web4 Revolution</a>
diff --git a/templates/partials/home/cta.html b/templates/partials/home/cta.html
index f058cc25f..3ce89d0c0 100644
--- a/templates/partials/home/cta.html
+++ b/templates/partials/home/cta.html
@@ -1,13 +1,13 @@
 <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 max-w-xl leading-tight text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
+    <div class="mx-auto rounded-2xl double_bg max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20">
+      <h2 class="lg:text-balance max-w-xl leading-tight text-left items-start font-normal tracking-tight lg:text-5xl text-3xl fade-in">
         Build the <br>Internet of Tomorrow,<br> Today.
       </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">
-        <a href="/signup" target="_blank" class="blinking-effect 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 mb-4 lg:mb-0">
+        <a href="/signup" target="_blank" class="blinking-effect fade-in order-gray-500 border-2 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 mb-4 lg:mb-0">
           Take the Next Step
         </a>
-        <a href="/action" class="fade-in text-sm/6 font-semibold text-white">Learn more <span aria-hidden="true">→</span></a>
+        <a href="/action" class="fade-in text-sm/6 font-semibold">Learn more <span aria-hidden="true">→</span></a>
       </div>
     </div>
 </div>
diff --git a/templates/partials/home/faq.html b/templates/partials/home/faq.html
index 2f92742a7..6ee6dc068 100644
--- a/templates/partials/home/faq.html
+++ b/templates/partials/home/faq.html
@@ -16,7 +16,7 @@
     <main class="relative flex flex-col justify-center overflow-hidden">
         <div class="w-full max-w-7xl mx-auto px-4 md:px-6 py-20">
 
-            <h1 class="text-3xl font-normal tracking-tight text-white">Frequently Asked Questions</h1>
+            <h1 class="text-3xl font-normal tracking-tight">Frequently Asked Questions</h1>
 
             <!-- Accordion component -->
             <div class="divide-y divide-white/50 my-10">
@@ -31,8 +31,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-01"
                         >
-                            <span style="color: #fff;">Is this a separate new Internet?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span>Is this a separate new Internet?</span>
+                            <svg class="icon shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -46,7 +46,7 @@
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
-                            <p class="pb-3 text-gray-300 text-base font-light">
+                            <p class="pb-3 semigray2 text-base font-light">
                                 No, ThreeFold is a complementary Internet and works alongside the current Internet. It allows you to continue accessing and interacting with the current Internet.
                             </p>
                         </div>
@@ -63,8 +63,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-02"
                         >
-                            <span style="color: #fff;">Why do we need a new Internet?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span style="">Why do we need a new Internet?</span>
+                            <svg class="icon shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -78,7 +78,7 @@
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
-                            <p class="pb-3 text-gray-300 text-base font-light">
+                            <p class="pb-3 semigray2 text-base font-light">
                                 The Internet used to be a peer to peer network, but has become fragile and too centralized. There are so many problems with the current Internet, such as authenticity, privacy, security, and sustainability that we believe a fundamental new approach is needed.
                         </div>
                     </div>
@@ -94,8 +94,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-04"
                         >
-                            <span style="color: #fff;">You have 2 tokens, TFT and INCA, why?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span style="">You have 2 tokens, TFT and INCA, why?</span>
+                            <svg class="icon shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -109,7 +109,7 @@
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
-                             <p class="pb-3 text-gray-300 text-base font-light">
+                             <p class="pb-3 semigray2 text-base font-light">
                                 TFT is our token which was used to build generation 1, 2 and 3 of the ThreeFold Grid capacity. From the start, ThreeFold had 4 billion tokens planned. The ThreeFold community decided to stop minting at 1 billion tokens on Stellar via a DAO vote. TFT is the reward for our loyal community. There can never be more than 1 billion TFT. <br><br>We are now building generation 4 of the ThreeFold Grid capacity, and we need a new token to build this new generation. There will be 3 billion new INCA tokens and all TFT holders can transfer their TFT into INCA (one-way bridge). <br><br>This means that we keep the community decision to have 4 billion tokens in total and to mint maximum 1 billion on Stellar. Our partners will start selling new ThreeFold Nodes mid December 2024 with a new reward scheme and ready to grow to millions of nodes.
                             </p>
                         </div>
@@ -126,8 +126,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-05"
                         >
-                            <span style="color: #fff;">How can I participate?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span style="">How can I participate?</span>
+                            <svg class="icon shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -141,7 +141,7 @@
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
-                             <p class="pb-3 text-gray-300 text-base font-light">
+                             <p class="pb-3 semigray2 text-base font-light">
                                 You can participate by becoming a farmer, a user, a partner or by developing a web4 app. Provide capacity to the ThreeFold Grid, Use capacity, build solutions, develop applications for Web4, and many more.
                             </p>
                         </div>
@@ -158,8 +158,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-06"
                         >
-                            <span style="color: #fff;">What is Web4?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span style="">What is Web4?</span>
+                            <svg class="icon shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -173,7 +173,7 @@
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
-                             <p class="pb-3 text-gray-300 text-base font-light">
+                             <p class="pb-3 semigray2 text-base font-light">
                                 Web4 represents the natural evolution of the Internet, where humans and artificial intelligence collaborate to develop a new paradigm aimed at advancing planetary well-being while making sure everyone has equal chances. This Internet can be sovereign & decentralized, while being totally secure and private. This phase of the Internet can scale indefinitely, is green, self-healing, cost effective and ultra-reliable.
                         </div>
                     </div>
@@ -189,8 +189,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-07"
                         >
-                            <span style="color: #fff;">How secure and private is my data?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span style="">How secure and private is my data?</span>
+                            <svg class="icon shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -204,7 +204,7 @@
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
-                             <p class="pb-3 text-gray-300 text-base font-light">
+                             <p class="pb-3 semigray2 text-base font-light">
                                 ThreeFold is designed to be secure and private by default. We use end-to-end encryption to protect your data and ensure that only you have access to your data.
                             </p>
                         </div>
@@ -221,8 +221,8 @@
                             :aria-expanded="expanded"
                             aria-controls="faqs-text-07"
                         >
-                            <span style="color: #fff;">What can I do with the Threefold Grid?</span>
-                            <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                            <span style="">What can I do with the Threefold Grid?</span>
+                            <svg class="icon shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                                 <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             </svg>
@@ -236,7 +236,7 @@
                         :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                         >
                         <div class="overflow-hidden">
-                             <p class="pb-3 text-gray-300 text-base font-light">
+                             <p class="pb-3 semigray2 text-base font-light">
                                 ThreeFold grid can be used to host any web2, web3 and web4 (future) workload.
                                 For more details see <a href="https://docs.threefold.io/docs/use" target="_blank" rel="noopener noreferrer">our docs</a>
                             </p>
@@ -254,8 +254,8 @@
                         :aria-expanded="expanded"
                         aria-controls="faqs-text-07"
                     >
-                        <span style="color: #fff;">Who should use the ThreeFold Grid ?</span>
-                        <svg class="fill-white shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+                        <span style="">Who should use the ThreeFold Grid ?</span>
+                        <svg class="icon shrink-0 ml-8" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                             <rect y="7" width="16" height="2" rx="1" class="transform origin-center transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                             <rect y="7" width="16" height="2" rx="1" class="transform origin-center rotate-90 transition duration-200 ease-out" :class="{'!rotate-180': expanded}" />
                         </svg>
@@ -269,7 +269,7 @@
                     :class="expanded ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'"
                     >
                     <div class="overflow-hidden">
-                            <p class="pb-3 text-gray-300 text-base font-light">
+                            <p class="pb-3 semigray2 text-base font-light">
                             Individuals, businesses, and organizations who want to be sovereign and have full control over their data and applications. Security is a very big problem today, Technology as used by ThreeFold has the potential to resolve this if used properly. We are building a channel of solution providers and integrators who want to build on top of ThreeFold.
 
                         </p>
diff --git a/templates/partials/home/farmers.html b/templates/partials/home/farmers.html
index 7436fb4c3..4cae5257a 100644
--- a/templates/partials/home/farmers.html
+++ b/templates/partials/home/farmers.html
@@ -2,7 +2,7 @@
   <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-4xl leading-snug font-normal tracking-tight">Powering the ThreeFold Grid Together</h2>
-      <p class="text-left my-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
+      <p class="semigray text-left my-6 max-w-3xl text-pretty lg:text-xl text-lg font-light fade-in">
         Regardless of technical expertise, anyone can now provide data, network, and cloud resources to where they’re needed most while earning rewards for their contributions. We call this process "farming”. 
       </p>
   </div>
@@ -15,7 +15,7 @@
             1. HOST A NODE
           </dt>
           <dd class="mt-4 flex flex-auto flex-col">
-            <p class="flex-auto leading-normal font-light text-md">All you need to get started is a modern computer, electricity and network. Once booted with Zero OS, a computer becomes a ThreeFold Node.</p>
+            <p class="semigray flex-auto leading-normal font-light text-md">All you need to get started is a modern computer, electricity and network. Once booted with Zero OS, a computer becomes a ThreeFold Node.</p>
             <p class="mt-6">
             </p>
           </dd>
@@ -25,7 +25,7 @@
             2. OFFER CAPACITY
           </dt>
           <dd class="mt-4 flex flex-auto flex-col">
-            <p class="flex-auto leading-normal font-light text-md">The capacity of the node gets verified and registered in the ThreeFold Blockchain, securing access to a decentralized autonomous cloud for users and communities.</p>
+            <p class="semigray flex-auto leading-normal font-light text-md">The capacity of the node gets verified and registered in the ThreeFold Blockchain, securing access to a decentralized autonomous cloud for users and communities.</p>
             <p class="mt-6">
             
             </p>
@@ -36,7 +36,7 @@
             3. EARN REWARDS
           </dt>
           <dd class="mt-4 flex flex-auto flex-col">
-            <p class="flex-auto leading-normal font-light text-md">After your node is set up and verified, you’ll be rewarded for the capacity that you provide to the ThreeFold Grid.
+            <p class="semigray flex-auto leading-normal font-light text-md">After your node is set up and verified, you’ll be rewarded for the capacity that you provide to the ThreeFold Grid.
             </p>
             <p class="mt-6">
               
@@ -45,7 +45,7 @@
         </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 focus-visible:outline-offset-2 mt-8">Become a Farmer</a>
+        <a href="https://docs.threefold.io/docs/category/become-a-farmer" target="_blank" class="fade-in border-gray-500 border-2 rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-100 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>
diff --git a/templates/partials/home/features.html b/templates/partials/home/features.html
index 1c3643f3a..923354b26 100644
--- a/templates/partials/home/features.html
+++ b/templates/partials/home/features.html
@@ -1,34 +1,34 @@
 <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 Web4
+      <h2 class="fade-in text-balance lg:text-5xl text-4xl leading-tight font-normal tracking-tight">ThreeFold is the Infrastructure Layer of Web4
       </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>
-      <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">ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: <b>Data, Cloud, and Network</b>.</p>
-      <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>
+      <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light semigray fade-in">ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).</p>
+      <p class="mx-auto mt-4 mb-6 max-w-3xl text-pretty lg:text-xl text-lg font-light semigray fade-in">ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: <b>Data, Cloud, and Network</b>.</p>
+      <a href="/what" class="blinking-effect fade-in lg:text-xl text-lg font-semibold text-balance 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 -->
       <dl class="grid grid-cols-1 mx-auto lg:gap-x-8 sm:grid-cols-2 lg:gap-y-10 gap-y-4">
         <div class="pt-0">
-          <dt class="font-semibold text-base text-gray-200">Unbreakable Data</dt>
+          <dt class="font-semibold text-base ">Unbreakable Data</dt>
         </div>
         <div class="pt-0">
-          <dd class="font-light text-gray-300 text-sm mb-4">Data cannot be compromised and always remains private, owned by you. A scalable system, to the planetary level. </dd>
-          <dd class="font-light text-gray-300 text-sm mb-4">Can be distributed and stored in ways which are at least 10x more efficient and orders of magnitude more secure and reliable.</dd>
+          <dd class="font-light semigray2 text-sm mb-4">Data cannot be compromised and always remains private, owned by you. A scalable system, to the planetary level. </dd>
+          <dd class="font-light semigray2 text-sm mb-4">Can be distributed and stored in ways which are at least 10x more efficient and orders of magnitude more secure and reliable.</dd>
         </div>
         <div class="lg:pt-4 pt-0">
-          <dt class="font-semibold text-base text-gray-200">Autonomous Cloud</dt>
+          <dt class="font-semibold text-base text-balance">Autonomous Cloud</dt>
         </div>
         <div class="">
-          <dd class="font-light text-gray-300 text-sm mb-4">Self-healing and self-driving cloud based on an efficient and secure operating system runs directly on the hardware. </dd>
-          <dd class="font-light text-gray-300 text-sm mb-4">Can run any Web 2, Web 3, or AI workload at the edge of the Internet, with more scalability and reliability.</dd>
+          <dd class="font-light semigray2 text-sm mb-4">Self-healing and self-driving cloud based on an efficient and secure operating system runs directly on the hardware. </dd>
+          <dd class="font-light semigray2 text-sm mb-4">Can run any Web 2, Web 3, or AI workload at the edge of the Internet, with more scalability and reliability.</dd>
         </div>
         <div class="lg:pt-4 pt-0">
-          <dt class="font-semibold text-base text-gray-200">Unbreakable Network</dt>
+          <dt class="font-semibold text-base text-balance">Unbreakable Network</dt>
         </div>
         <div class="">
-          <dd class="font-light text-gray-300 text-sm mb-4">End-to-end encrypted overlay network, always looking for the shortest possible path between participants. </dd>
-          <dd class="font-light text-gray-300 text-sm mb-4">Logical Internet address securely linked to a private key. Unlimited scale and performance optimizations.</dd>
+          <dd class="font-light semigray2 text-sm mb-4">End-to-end encrypted overlay network, always looking for the shortest possible path between participants. </dd>
+          <dd class="font-light semigray2 text-sm mb-4">Logical Internet address securely linked to a private key. Unlimited scale and performance optimizations.</dd>
         </div>
       </dl>
     </div>
diff --git a/templates/partials/home/grid_stats.html b/templates/partials/home/grid_stats.html
index 878aba4af..7d33dda42 100644
--- a/templates/partials/home/grid_stats.html
+++ b/templates/partials/home/grid_stats.html
@@ -4,8 +4,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 ">A Global Community</h2>
-          <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light fade-in">With ThreeFold, individuals, organizations, communities, countries, and network states have the potential to deploy their own sovereign infrastructure. Our proof of concept network with 56,000+ vCPUs has been operational for years.</p>
-          <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light fade-in">Version 3.15 is live on Mainnet.</p>
+          <p class="semigray mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light fade-in">With ThreeFold, individuals, organizations, communities, countries, and network states have the potential to deploy their own sovereign infrastructure. Our proof of concept network with 56,000+ vCPUs has been operational for years.</p>
+          <p class="semigray mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light fade-in">Version 3.15 is live on Mainnet.</p>
         </div>
         <dl class="items mt-16 grid grid-cols-1 gap-2 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-4">
             <!-- ssd -->
@@ -43,7 +43,7 @@
           </dl>
       </div>
       <div class="max-w-4xl items-center mx-auto">
-      <p class="items-center text-center justify-center mt-10 text-pretty lg:text-xl text-lg font-light fade-in">As we together roll out Web4 we might need millions of nodes.<br>This will establish a truly decentralized and resilient infrastructure.</p>
+      <p class="semigray items-center text-center justify-center mt-10 text-pretty lg:text-xl text-lg font-light fade-in">As we together roll out Web4 we might need millions of nodes.<br>This will establish a truly decentralized and resilient infrastructure.</p>
     </div>
     </div>
     <div class="mt-12 flex items-center justify-center gap-x-6">
diff --git a/templates/partials/home/web4.html b/templates/partials/home/web4.html
index 29f9dcce1..2446331c9 100644
--- a/templates/partials/home/web4.html
+++ b/templates/partials/home/web4.html
@@ -2,12 +2,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="text-center">
-          <h2 class="fade-in text-balance text-6xl font-bold tracking-tight text-white sm:text-6l">WEB4</h2>
+          <h2 class="fade-in text-balance text-6xl font-bold tracking-tight sm:text-6l">WEB4</h2>
           <br>
-          <h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">The Next Evolution of the Internet</h2>
-          <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Web4 is the natural progression of the Internet, where humans and artificial intelligence work together to create a new paradigm designed to promote planetary well-being and ensure equal opportunities for all. Users are in 100% control of their data and no centralized services are needed.</p>
-          <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Blockchain was the first step to Web3.</p>
-          <p class="mx-auto mt-2 max-w-3xl text-pretty lg:text-xl text-lg font-medium text-gray-200 fade-in">ThreeFold is the next step to Web4.</p>
+          <h2 class="fade-in text-balance text-4xl font-normal tracking-tight lg:text-5xl">The Next Evolution of the Internet</h2>
+          <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light semigray fade-in">Web4 is the natural progression of the Internet, where humans and artificial intelligence work together to create a new paradigm designed to promote planetary well-being and ensure equal opportunities for all. Users are in 100% control of their data and no centralized services are needed.</p>
+          <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light semigray fade-in">Blockchain was the first step to Web3.</p>
+          <p class="mx-auto mt-2 max-w-3xl text-pretty lg:text-xl text-lg font-medium semigray fade-in">ThreeFold is the next step to Web4.</p>
           <!--
           <div class=" border border-white px-6 py-2 rounded-xl inline-flex items-center gap-2 fade-in blinking-effect">
             <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0,0,256,256" style="cursor: pointer;">
@@ -21,8 +21,8 @@
         </div>
         -->
         <div class="mt-16 fade-in flex items-center justify-center gap-x-6">
-          <a href="/signup" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm 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 the Next Step</a>
-          <a href="/action" class="text-sm/6 font-semibold text-white">Learn more <span aria-hidden="true">→</span></a>
+          <a href="/signup" target="_blank" class="fade-in border-gray-500 border-2 rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-100 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 blinking-effect">Take the Next Step</a>
+          <a href="/action" class="text-sm/6 font-semibold">Learn more <span aria-hidden="true">→</span></a>
         </div>
         
         </div>
diff --git a/templates/static/images/new_logo_tft_dark.png b/templates/static/images/new_logo_tft_dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8268afd87f0013b4c8664e179b50f3dc08eb06b
GIT binary patch
literal 8421
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

literal 0
HcmV?d00001

diff --git a/templates/static/images/new_logo_tft_light.png b/templates/static/images/new_logo_tft_light.png
new file mode 100644
index 0000000000000000000000000000000000000000..b07c72c6e887bfc11330256f1c2d7e2fa4df568b
GIT binary patch
literal 8440
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
B@)rOA

literal 0
HcmV?d00001