update about2

content/about/index.md

@@ -30,7 +30,7 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 
 
 
-<!-- section 2  -->
+<!-- section 2 our Story  -->
 <div style="background-color:#F6F6F6">
 
 <div class="container mx-auto">
@@ -41,6 +41,143 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 ## **Our <span class="blue">Story</span>**
 
 ### **Enabling True <span class="green_text">Decentralization</span>**
+
+<hr>
+
+{% end %}
+
+{% row( style="center narrow mbottom") %}
+
+#### **<span class="blue uppercase">Our journey began**</span>
+
+with a realization among a group of Internet and Cloud veterans: the existing Internet infrastructure is unsustainable.
+
+<br>
+<br>
+
+#### **<span class="blue uppercase">In response,**</span>
+
+we came together with a shared mission—to design a revolutionary decentralized, open-source, inclusive, and sustainable Cloud solution for all. 
+
+<br>
+<br>
+
+#### **<span class="blue uppercase">Today**</span>
+
+as we embark on the commercialization phase, the ThreeFold Grid is live in 61+ countries, a significant milestone in our ongoing commitment to redefine the future of the digital landscape.
+
+{% end %}
+
+</div>
+</div>
+
+
+
+
+<!-- section 3  -->
+<div class="container mx-auto">
+
+{% row( style="center mtop") %}
+
+## **<span class="blue">30+ Years</span> Of Technology Development**
+
+{% end %}
+
+<br>
+
+{% row( style="center mbottom") %}
+
+<div class="myscale border rounded-md p-4">
+
+![Image](datacenter.png#mx-auto)
+
+
+
+-------------------
+
+<br>
+
+Market Cap
+<p class="text-3xl blue font-bold">8 Billion $</p>
+
+</div>
+
+|||
+
+<div class="myscale border rounded-md p-4">
+
+![Image](dedigate.png#mx-auto)
+
+-------------------
+
+<br>
+
+Market Cap
+<p class="text-3xl blue font-bold">34 Billion $</p>
+
+</div>
+
+|||
+
+<div class="myscale border rounded-md p-4">
+
+![Image](hostbasket.png#mx-auto)
+
+-------------------
+
+<br>
+
+Market Cap
+<p class="text-3xl blue font-bold">8 Billion $</p>
+
+</div>
+
+|||
+
+<div class="myscale border rounded-md p-4">
+
+![Image](qlayer.png#mx-auto)
+
+-------------------
+
+<br>
+
+Market Cap
+<p class="text-3xl blue font-bold">205 Billion $</p>
+
+</div>
+
+|||
+
+<div class="myscale border rounded-md p-4">
+
+![Image](amplidata.png#mx-auto)
+
+-------------------
+
+<br>
+
+Market Cap
+<p class="text-3xl blue font-bold">25 Billion $</p>
+
+</div>
+
+{% end %}
+
+</div>
+
+
+
+
+<!-- section 4  -->
+<div style="background-color:#F6F6F6">
+
+<div class="container mx-auto">
+
+{% row( style="center narrow mtop") %}
+
+## **Roadmap**
+
 {% end %}
 
 {% roadmap() %}
@@ -55,28 +192,9 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 
 
 
-<!-- section 3  -->
-<div class="container mx-auto">
-
-
-{% row( style="center margin") %}
-
-## **<span class="blue">30+ Years</span> Of Technology Development**
-
-<br>
-
-![Image](tech_development.png#mx-auto)
-
-{% end %}
-
-</div>
-
-
-<div style="background-color:#F6F6F6">
-
-<div class="container mx-auto">
 
 <!-- section 4  -->
+<div class="container mx-auto">
 
 {% row( style="mtop") %}
 
@@ -86,7 +204,6 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 
 <br>
 
-
 {% row( style="") %}
 
 <div class="person flex md:flex-row flex-col items-start">
@@ -205,7 +322,7 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 
 
 </div>
-</div>
+
 
 <style>
 
@@ -254,5 +371,14 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
   border-radius: 100%;
   max-width:100px;
   
+}
+
+.myscale{
+  transition: transform .5s; 
+}
+
+.myscale:hover{
+  transform: scale(1.2); 
+  background-color: whitesmoke;
 }
   </style>

content/home/index.md

@@ -133,9 +133,71 @@ TFT powers ThreeFold and the expansion of a truly decentralized infrastructure t
 </div>
 </div>
 
+
+
+
+
+<!-- section extra (Deploy) -->
+
 <div class="container mx-auto">
 
 
+{% row( style="center mtop semiNarrow") %}
+
+#### What’s Possible With ThreeFold
+
+<br>
+
+## **<span class="blue">Deploy</span> On The Grid**
+
+{% end %}
+
+{% row( style="center semiNarrow") %}
+
+<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
+
+
+Anything that runs on Linux can run on the **ThreeFold grid**
+
+</div>
+
+|||
+
+<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
+
+
+Virtual machines & gateways for easy deploying
+
+</div>
+
+|||
+
+<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
+
+
+Use our one-click solutions or build your own
+
+</div>
+
+|||
+
+<div class="flex justify-center items-center card_h rounded_img border-2 rounded-lg px-3 py-2 bg-gray-100">
+
+
+Flexible advanced deployment options for experienced users
+
+</div>
+
+{% end %}
+
+{% row( style="center mbottom semiNarrow") %}
+
+<button class="green">[Deploy Now](https://dashboard.grid.tf)</button>
+<button class="blue_b">[Dive Deeper](/deploy)</button>
+
+{% end %}
+
+
 
 
 <!-- section 6 (ecentralized) -->
@@ -296,10 +358,11 @@ Sikana is on a mission to empower individuals with practical skills through free
 </div>
 
 
-<div style="background-color:#F6F6F6">
-<div class="container mx-auto">
+
 
 <!-- section 8 (news) -->
+<div style="background-color:#F6F6F6">
+<div class="container mx-auto">
 
 {% row( style="mtop semiNarrow") %}
 
@@ -329,13 +392,13 @@ Cooperatives represent a well-tested form of collective organization and democra
 
 |||
 
-[![Image](latest3.png)](/newsroom/social-network-mega-space/)
+[![Image](latest3.png)](/blog/edge-computing/)
 
 <br>
 
-##### **X (Twitter) Space with Social Network**
+##### **ThreeFold: Meeting Digital Demand at the Edge**
 
-Join the Social Network Mega Space featuring Kristof (co-founder) and Florian (biz dev).
+Learn what edge computing means and what it offers compared to centralized cloud infrastructures.
 
 {% end %}
 
@@ -400,6 +463,9 @@ Meet the community and join the conversation
 
 <style>
 
+.card_h{
+  height: 110px !important;
+}
   .green{
 
     background-color:#58CF77 !important;