updated about page

content/about/index.md

@@ -23,6 +23,25 @@ extra:
 
 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.
 
+<button class="green">[The Team](/people)</button> 
+
+{% end %}
+
+</div>
+
+
+<!-- section 2  -->
+
+<div style="background-color:#F6F6F6">
+
+<div class="container mx-auto">
+
+
+{% row( style="center narrow mtop") %}
+
+## **Our <span class="blue">Story</span>**
+
+### **Enabling True <span class="green_text">Decentralization</span>**
 {% end %}
 
 {% roadmap() %}
@@ -31,118 +50,209 @@ About a decade ago, a group of passionate Internet & cloud veterans came togethe
 
 {% end %}
 
-
-
-<!-- section 2  -->
-
-{% row( style="center narrow mtop") %}
-
-## **Our Why**
-
-Pioneering a new digital era, ThreeFold empowers communities to reclaim digital sovereignty and promote collective prosperity online.
-
-{% end %}
-
-{% row( style="center semiNarrow") %}
-
-<div class="shadow-md border-solid border-2 border-gray-100 rounded-md p-2 lg:p-4 my-0 lg:my-4">
-
-![Image](nations.png#mx-auto)
-
-<br>
-
-#### **Empower Nations**
-
-Most countries only rely on cable networks, meaning they lack control over their own digital infrastructure.
-
-
 </div>
-
-|||
-
-<div class="shadow-md border-solid border-2 border-gray-100 rounded-md p-2 lg:p-4 my-0 lg:my-4">
-
-![Image](own.png#mx-auto)
-
-<br>
-
-#### **Own Your Data**
-
-Today, most of the cloud is owned and operated by few major companies taking all the profits and control of Internet.
-
-</div>
-
-{% end %}
-
-{% row( style="center semiNarrow mbottom") %}
-
-<div class="shadow-md border-solid border-2 border-gray-100 rounded-md p-2 lg:p-4 my-0 lg:my-4">
-
-![Image](human_right.png#mx-auto)
-
-<br>
-
-#### **A Basic Human Right**
-
-Billions of people are being left behind due to the IT landscape’s centralized infrastructure.
-
-</div>
-
-|||
-
-<div class="shadow-md border-solid border-2 border-gray-100 rounded-md p-2 lg:p-4 my-0 lg:my-4">
-
-![Image](greener.png#mx-auto)
-
-<br>
-
-#### **A Greener Planet Earth**
-
-Current IT infrastructures consume far too much energy. It's time we do something about it.
-
-</div>
-
-{% end %}
-
-
 </div>
 
 
 <!-- section 3  -->
 
-<div class="bg-gray-200">
-
 <div class="container mx-auto">
 
-{% row( style="centerItem center semiNarrow margin") %}
 
+{% row( style="center margin") %}
 
-## **Our Mission**
-
-![Image](mission.png#mx-auto)
+## **<span class="blue">30+ Years</span> Of Technology Development**
 
 <br>
 
-#### To Empower Human Potential
-
-The world needs a safe infrastructure to deploy cutting edge technology, where everyone can take part. We exist to make cloud capacity available everywhere on Earth, to help others host and create new digital experiences and to enable true decentralization.
-
-|||
-
-## **Our Vision**
-
-![Image](vision.png#mx-auto)
-
-<br>
-
-#### A Better Digital World
-
-We believe in an Internet where everyone can communicate freely, exchange fairly, access educational information, and own their own data. Our digital experiences should not addict nor manipulate, rather empower.
-
+![Image](tech_development.png#mx-auto)
 
 {% end %}
 
 </div>
 
 
-</div>
+<div style="background-color:#F6F6F6">
+
+<div class="container mx-auto">
+
+<!-- section 4  -->
+
+{% row( style="mtop") %}
+
+## **The <span class="blue">Team</span>**
+
+{% end %}
+
+<br>
+
+
+{% row( style="") %}
+
+<div class="person flex md:flex-row flex-col items-start">
+
+<div class="">
+
+![Image](kristof_de_spiegeleer.jpeg#mx-auto)
+</div>
+<div class="mx-3">
+
+**KRISTOF DE SPIEGELEER** <br>
+
+<p class="blue text-base font-semibold">Co-Founder & CEO</p>
+
+<p class="text-base leading-tight">Serial entrepreneur with 30 years of experience in Internet infrastructure and cloud technology. Passionate about tech for good, 500m USD in exits.</p>
+
+</div>
+</div>
+
+|||
+
+<div class="person flex md:flex-row flex-col items-start">
+
+<div class="">
+
+![Image](jan_de_landtsheer.jpeg#mx-auto)
+</div>
+<div class="mx-3">
+
+**JAN DE LANDTSHEER** <br>
+
+<p class="blue text-base font-semibold">Co-Founder & Master Architect</p>
+
+<p class="text-base leading-tight">Network guru who has been innovating the internet from the early days and has witnessed the rise of centralization. </p>
+
+</div>
+</div>
+
+|||
+
+<div class="person flex md:flex-row flex-col items-start">
+
+<div class="">
+
+![Image](adnan_fatayerji.jpg#mx-auto)
+</div>
+<div class="mx-3">
+
+**ADNAN FATAYERJI** <br>
+
+<p class="blue text-base font-semibold">Co-Founder & CEO of TF DMCC</p>
+
+<p class="text-base leading-tight">Social entrepreneur and startup investor, responsible for driving the ThreeFold Foundation. Built successful grass-root businesses in the UAE for the past 20 years.</p>
+
+</div>
+</div>
+
+{% end %}
+
+{% row( style="mbottom") %}
+
+<div class="person flex md:flex-row flex-col items-start">
+
+<div class="">
+
+![Image](sabrina_sadik.jpg#mx-auto)
+</div>
+<div class="mx-3">
+
+**SABRINA SADIK** <br>
+
+<p class="blue text-base font-semibold">Operations Manager</p>
+
+<p class="text-base leading-tight">As the Internal and Grid Operations Lead, Sabrina handles customer communications and logistics. Sabrina prioritizes people and fosters and inclusive workplace culture.</p>
+
+</div>
+</div>
+
+|||
+
+<div class="person flex md:flex-row flex-col items-start">
+
+<div class="">
+
+![Image](florian_fournier.jpeg#mx-auto)
+</div>
+<div class="mx-3">
+
+**FLORIAN FOURNIER** <br>
+
+<p class="blue text-base font-semibold">Co-Founder & Ecosystem Developer</p>
+
+<p class="text-base leading-tight">Experienced social entrepreneur and marketing executive with extensive network in the US and Latam. Spearheaded all marketing at Apple in Latam.</p>
+
+</div>
+</div>
+
+|||
+
+<a href="/people">
+<div class="person flex md:flex-row flex-col items-start">
+
+<div class="">
+
+![Image](plus2.png#mx-auto)
+</div>
+<div class="mx-3">
+
+<p class="font-semibold">Plus over 50+ engineers, developers and other excellent team members</p>
+
+</div>
+</div>
+
+</a>
+{% end %}
+
+
+</div>
+</div>
+
+<style>
+
+  .green{
+
+    background-color:#58CF77 !important;
+    color: #fff !important;
+
+  }
+
+.green:hover {
+  background-color:#7ad993 !important;
+}
+  .green a{
+     color: #fff !important;
+  }
+ 
+.green:hover {
+  background-color:#7ad993 !important;
+}
+
+.green_text{
+  color: #58CF77 ;
+}
+
+
+    .blue_b{
+
+    background-color:#2E83FF !important;
+    color: #fff !important;
+
+  }
+  .blue_b a{
+     color: #fff !important;
+  }
+
+.blue_b:hover {
+  background-color:#5596f5 !important;
+}
+  
+.rounded_img img {
+  border-radius: 8px;
+}
+
+.person img{
+  border-radius: 100%;
+  max-width:100px;
+  
+}
+  </style>

content/home/index.md

@@ -73,7 +73,7 @@ Provide cloud and Internet capacity in your area and become a part of the larges
 
 # **Host2 <span class="blue">Earn</span>**
 
-#### **It starts with <spane class="green_text">Nodes</spane>**
+#### **It starts with <span class="green_text">Nodes</span>**
 
 <br>
 
@@ -109,7 +109,7 @@ Earn TFT by adding capacity to the grid.
 
 # **TFT**
 
-### **<spane class="green_text">Used For Every Transaction</spane>**
+### **<span class="green_text">Used For Every Transaction</span>**
 
 
 ## **Powering Our Ecosystem**
@@ -137,7 +137,7 @@ TFT powers ThreeFold and the expansion of a truly decentralized infrastructure t
 
 ## **Why Decentralized Cloud**
 
-#### <spane class="blue">How bringing data closer to the end user is beneficial for everyone</spane>
+#### <span class="blue">How bringing data closer to the end user is beneficial for everyone</span>
 
 {% end %}
 
@@ -207,9 +207,82 @@ As devices multiply, central data centers face data overload. Edge cloud distrib
 
 {% end %}
 
+<!-- section 7 (Ecosystem) -->
 
 
-<!-- section 6 (Ecosystem) -->
+{% row( style="center mtop narrow") %}
+
+## **Ecosystem**
+
+### <span class="blue">**Utilization Partners**</span>
+
+ThreeFold’s decentralized autonomous cloud will empower many projects and digital experiences as we grow. Here are some of the first projects to come alive.
+
+{% end %}
+
+{% row( style="") %}
+
+<div class="rounded_img border-2 rounded-lg shadow-lg">
+
+[![Image](partner_social.png)](/partners/veverse)
+
+<br>
+<div class="p-4">
+
+#### **Social Network**
+
+
+Earth Staking’s Social Network is the first Bitcoin Staking Layer 2 on Earth, collaborating with ThreeFold to improve security, scalability, and energy-efficiency.
+        
+
+</div>
+</div>
+
+|||
+
+<div class="rounded_img border-2 rounded-lg shadow-lg">
+
+[![Image](partner_ourworld.png)](/partners/our-world-free-zone/)
+
+<br>
+
+<div class="p-4">
+
+#### **Our World Free Zone**
+
+
+ThreeFold is working with ZICTIA, on behalf of the Zanzibar government, to create the world’s first 100% Digital Free Zone – accessible and affordable for all.
+        
+
+</div>
+</div>
+
+|||
+
+<div class="rounded_img border-2 rounded-lg shadow-lg">
+
+[![Image](partner_sikana.png)](/partners/sikana)
+
+<br>
+
+<div class="p-4">
+
+#### **Sikana**
+
+
+Sikana is on a mission to empower individuals with practical skills through free educational videos – local content in local languages on top of local infrastructure.
+        
+
+</div>
+</div>
+
+
+{% end %}
+
+
+
+
+<!-- section 8 (news) -->
 
 
 {% row( style="mtop") %}
@@ -258,8 +331,7 @@ Cooperatives represent a well-tested form of collective organization and democra
 {% row(style="center mtop between") %}
 
 ## **Join In**
-
-### Connect & Collaborate: Let's Kickstart Your ThreeFold Journey 
+ 
 
 {% end %}
 
@@ -327,4 +399,7 @@ Meet the community and join the conversation
   background-color:#5596f5 !important;
 }
   
+.rounded_img img {
+  border-radius: 8px;
+}
   </style>