update aabout page

content/about/index.md

@@ -9,41 +9,76 @@ extra:
 ---
 
 <!-- section 1 (header) -->
+
 <div class="container mx-auto">
 
 {% row(style="header") %}
 
-![Image](people.png#mx-auto)
+![Image](about_hero.png#mx-auto)
 
 |||
 
-### **<span class="green">Meet the Project</span>**
+#### <span class="green_text uppercase">a credible alternative to centralized clouds</span>
 
-## Founded by <span class="blue">**Internet 1.0 Pioneers**</span>
+## **Collaborative & Sovereign**
 
-About a decade ago, a group of passionate Internet & cloud veterans came together to build a system which can grow to a scalable, safe, compatible, and co-owned IT infrastructure.
+Imagine a cloud built by everyone, for everyone—a place where we collectively own and control our data. By joining forces, we create a secure, efficient, and decentralized infrastructure that empowers individuals and communities. Together, we can ensure privacy, boost innovation, and pave the way for a more equitable digital future. Let’s build this cloud, hand in hand.
+
+<br>
+
+<button class="blue_b">[Host the cloud](/host)</button>
+<button class="green">[Deploy](/deploy)</button>
 
 {% end %}
 
 </div>
 
+
+
+
 <!-- section 2 our Story  -->
 
 <div style="background-color:#F6F6F6">
 
 <div class="container mx-auto">
 
-{% row( style="center narrow mtop") %}
+{% row( style="center semiNarrow mtop") %}
 
-## **Our <span class="blue">Story</span>**
+#### <span class="green_text uppercase">rethinking the way the internet works </span>
 
-### **Enabling True <span class="green_text">Decentralization</span>**
+## **ThreeFold’s Journey**
+
+<br>
+
+![Image](about_journey.png#mx-auto)
 
 {% end %}
 
-{% storymap() %}
+{% row( style="center semiNarrow mbottom") %}
+
+#### OUR JOURNEY BEGAN<br><span class="green_text uppercase">+10 YEARS AGO</span>
+
+<br>
+
+Years ago, we realized that the existing Internet Infrastructure isn’t sustainable nor secure, lack sovereignty and will not succeed to meet future Internet demands.
+
+<br>
+
+In response, we came together with a shared mission- to design a revolutionary decentralized, open-source, inclusive and sustainable cloud solution for all. 
+
+|||
+
+
+#### WHERE WE ARE<br><span class="blue uppercase">TODAY</span>
+
+<br>
+
+As we embark on the expansion and commercialization phase, the ThreeFold Grid is in it’s third generation and live ±60 countries, significant milestones in our ongoing commitment to redefine the future of the digital landscape.
+
+<br>
+
+We are at the start of a journey to millions of nodes and will launch soon the fourth generation of the Grid- Project Internet Capacity.
 
-## **storymap**
 
 {% end %}
 
@@ -53,14 +88,44 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 
 
 
-
-
-
 <!-- section 3  -->
+
+<div class="container mx-auto">
+
+{% row( style="center semiNarrow mtop") %}
+
+#### <span class="green_text uppercase">OUR MISSION & VISION</span>
+
+## **Empowering <span class="blue"> Human Potential</span>**
+
+<br>
+
+Our mission is to empower individuals and organizations with secure, private, and autonomous access to computing resources, ensuring fair cloud access for everyone.
+
+<br>
+
+We envision a global, community-driven network of interconnected servers and nodes—the grid—that democratizes computing power and storage. This decentralized infrastructure fosters innovation, digital sovereignty, and an equitable internet, where users fully control their data and interactions. 
+
+<br>
+
+Through our token, we support an open ecosystem that facilitates the seamless exchange of internet capacity, fostering a new digital era of sovereignty, security, privacy, and inclusivity.
+
+{% end %}
+
+</div>
+
+
+
+
+
+<!-- section 4  -->
 <div class="container mx-auto">
 
 {% row( style="center mtop") %}
 
+
+#### <span class="green_text uppercase">SIX EXITS TO DATE, MULTIPLE WORLD RECORDS</span>
+
 ## **<span class="blue">30+ Years</span> Of Technology Development**
 
 {% end %}
@@ -74,14 +139,6 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 ![Image](datacenter.png#mx-auto)
 
 
-
--------------------
-
-<br>
-
-Market Cap
-<p class="text-2xl blue font-bold">8 Billion $</p>
-
 </div>
 
 |||
@@ -90,13 +147,6 @@ Market Cap
 
 ![Image](dedigate.png#mx-auto)
 
--------------------
-
-<br>
-
-Market Cap
-<p class="text-2xl blue font-bold">34 Billion $</p>
-
 </div>
 
 |||
@@ -105,12 +155,6 @@ Market Cap
 
 ![Image](hostbasket.png#mx-auto)
 
--------------------
-
-<br>
-
-Market Cap
-<p class="text-2xl blue font-bold">8 Billion $</p>
 
 </div>
 
@@ -120,12 +164,6 @@ Market Cap
 
 ![Image](qlayer.png#mx-auto)
 
--------------------
-
-<br>
-
-Market Cap
-<p class="text-2xl blue font-bold">205 Billion $</p>
 
 </div>
 
@@ -135,12 +173,6 @@ Market Cap
 
 ![Image](amplidata.png#mx-auto)
 
--------------------
-
-<br>
-
-Market Cap
-<p class="text-2xl blue font-bold">25 Billion $</p>
 
 </div>
 
@@ -151,14 +183,16 @@ Market Cap
 
 
 
-<!-- section 4  -->
+<!-- section 5  -->
 <div style="background-color:#F6F6F6">
 
 <div class="container mx-auto">
 
 {% row( style="mtop") %}
 
-## **Roadmap**
+#### <span class="blue uppercase">ROADMAP</span>
+
+## **Expanding ThreeFold**
 
 {% end %}
 
@@ -175,12 +209,18 @@ Market Cap
 
 
 
-<!-- section 5  -->
+<!-- section 6  -->
 <div class="container mx-auto">
 
 {% row( style="mtop") %}
 
-## **The <span class="blue">Team</span>**
+
+
+#### <span class="blue uppercase">MEET THE TEAM</span>
+
+## **Founded by <span class="green_text">Internet 1.0 Pioneers</span>**
+
+We are a dedicated group committed to advancing a new digital era. Some of us have been working on Internet technology since the early days, when it was a decentralized network. Our goal is to help bring that vision to life once more.
 
 {% end %}
 
@@ -306,15 +346,44 @@ Market Cap
 
 
 
-<!-- section 6  -->
+<!-- section 7  -->
+<div class="container mx-auto">
+
+<div class="relative lg:p-4 p-1 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-center lg:pt-24 pt-2">
+
+<div class="flex-1 w-2/3 mb-6 md:mb-0 px-2 md:px-4 m-2 lg:m-0">
 
 
+#### <span class="green_text uppercase">BE PART OF OUR JOURNEY</span>
 
-{% hovevision() %}
+## **Let’s redefine our digital <br>landscape <span class="blue"> together</span>**
 
-## **Vision**
+</div>
 
-{% end %}
+<div class="w-1/3 mb-6 md:mb-0 px-2 md:px-12 m-2 lg:m-0 road_border">
+  <h2 class="mt-0 font-semibold">JOIN IN</h2>
+  <div class="my-4">
+    <a href="https://manual.grid.tf" target="_blank">
+     <h4 class="green_text font-normal my-0">Manuals</h4>
+     <p class="white-gray font-normal">Dive deeper into our technology</p>
+    </a>
+  </div>
+  <div class="my-4">
+    <a href="https://threefoldfaq.crisp.help/en/" target="_blank">
+     <h4 class="green_text font-normal my-0">Support</h4>
+     <p class="white-gray font-normal">Get assistance from our Support Team</p>
+    </a>
+  </div>
+  <div class="my-4">
+    <a href="/community" target="_blank">
+     <h4 class="green_text font-normal my-0">Community</h4>
+     <p class="white-gray font-normal">Be part of our journey and participate</p>
+    </a>
+  </div>
+     
+</div>
+
+</div>
 
 </div>
 
@@ -341,4 +410,16 @@ Market Cap
   transform: scale(1.2); 
   background-color: whitesmoke;
 }
+
+ .road_border{
+    
+      border-left: 1px solid rgb(156, 156, 156);
+
+    }
+
+  .white-gray{
+  
+  color: #9f9f9f;
+}
+
   </style>

templates/shortcodes/roadmap.html

@@ -9,6 +9,7 @@
           Phase 1
           <div class="absolute -ml-2 h-px w-screen -translate-x-full bg-gray-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0" aria-hidden="true"></div>
         </time>
+        <div class="road_border_green px-3">
         <p class="mt-6 text-lg font-semibold leading-8 tracking-tight green_text">CREATION OF CORE TECH</p>
         <ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
             <li>
@@ -16,14 +17,15 @@
             </li>
             <br>
             <li>
-              A new operating system and quantum safe storage  system.
+              Build decentralized, autonomous, edge internet technology
             </li>
             <br>
             <li>
-              A custom blockchain and self healing engine for autonomous operation.
+              50m dollars invested by founders, community and TF Tech investors.
             </li>
         </ul>
       </div>
+      </div>
       <div>
         <time datetime="2021-12" class="flex items-center text-lg font-semibold leading-6 text-indigo-600">
           <svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
@@ -32,30 +34,38 @@
           Phase 2
           <div class="absolute -ml-2 h-px w-screen -translate-x-full bg-gray-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0" aria-hidden="true"></div>
         </time>
-        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight green_text">PROOF OF CONCEPT</p>
+        <div class="road_border_green px-3">
+        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight green_text">TRACTION & EXPANSION</p>
         <ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
             <li>
-              Grow to global deployment: prove the autonomous operation and scalability.
+              Open Source Development<br> 
+              60+ Countries<br>  
+              30,000+ Cores<br>  
+              30,000,000 GB of Storag
             </li>
             <br>
             <li>
-              Largest and most advanced decentralized autonomous cloud network in the world.
+              Signed with Government of ZNZ for a digital FreeZone and Connected Charter City.
+            </li>
+            <li>
+              Multiple global partners want to be part of the global expansion.
             </li>
         </ul>
       </div>
+      </div>
       <div>
-        <time datetime="2022-02" class="flex items-center text-lg font-semibold leading-6 text-indigo-600">
+        <time datetime="2022-02" class="flex items-center text-lg font-semibold leading-6 blue">
           <svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
             <circle class="blue" cx="2" cy="2" r="2" fill="currentColor" />
           </svg>
-          Phase 3 
+          Current | Phase 3
           <div class="absolute -ml-2 h-px w-screen -translate-x-full bg-gray-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0" aria-hidden="true"></div>
         </time>
-        
+        <div class="road_border_blue px-3">
-        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight blue">EXPANSION | CURRENT PHASE</p>
+        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight blue">THREEFOLD EXPANSION</p>
         <ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
             <li>
-                +1 million nodes.
+                +1 Million Nodes
             </li>
             <br>
             <li>
@@ -68,10 +78,11 @@
             </li>
             <br>
             <li>
-                Utilization on larger scale (but can only happen once enough nodes)
+              Launch our gen 4 Token on DePIN ecosystem
             </li>
         </ul>
       </div>
+      </div>
       <div>
         <time datetime="2022-12" class="flex items-center text-lg font-semibold leading-6 text-indigo-600">
           <svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
@@ -80,14 +91,15 @@
           Phase 4
           <div class=""></div>
         </time>
-        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight text-gray-600">FULLY FLEDGED ECOSYSTEM</p>
+        <div class="road_border px-3">
+        <p class="mt-6 text-lg font-semibold leading-8 tracking-tight text-gray-600">SOVEREIGNTY FOR ALL</p>
         <ul class="mt-1 text-base leading-7 text-gray-600 list-none" style="padding-left: 0px;">
             <li>
-                Millions of Nodes Enabled.
+              +1 Million Nodes enabled
             </li>
             <br>
             <li>
-                Grow Utilization to +60%.
+              +100 Million people using our system platform.
             </li>
             <br>
             <li>
@@ -95,5 +107,23 @@
             </li>
         </ul>
       </div>
+      </div>
     </div>
   </div>
+
+  <style>
+
+    .road_border{
+    
+      border-left: 1px solid rgb(156, 156, 156);
+    }
+
+    .road_border_green{
+      border-left: 1px solid #58CF77;
+    }
+
+    .road_border_blue{
+      border-left: 1px solid #2E83FF;
+    }
+
+  </style>