Big changes to graphics

content/about/index.md

@@ -5,19 +5,18 @@ insert_anchor_links: "left"
 ---
 <!-- section 1 (header) -->
 
-<div class="text-gray-900 bg-cover bg-no-repeat" style="background-image:url(BG_wide.png);background-position:right">
+<div class="text-gray-900 bg-cover bg-no-repeat">
     <div class="h-full">
       <div class="flex flex-col items-center md:flex-row">
        <div class="w-full md:w-1/2">
           <div class="block">
             <img
-                src="header_about.png" class="w-full h-full"/>
+                src="about_geometric_header.png" class="w-full h-full"/>
           </div>
         </div>
         <div class="flex flex-col items-start justify-center w-full lg:py-24 py-6 md:w-1/2">
           <div class="flex flex-col items-start justify-center p-6">
-            <h1>Genesis</strong></h1>
-            <h3 class="my-1"><b>It all Started with a Vision About a Decade ago</b></h3>
+            <h2>It All Started a Decade Ago</strong></h2>
             <p>When we saw how the Internet's existing infrastructure was becoming increasingly centralized, controlled by a handful of tech giants, and posed a threat to privacy and sovereignty, we knew it was time for a change. That's why we founded ThreeFold.</p>
           </div>
         </div>
@@ -39,16 +38,28 @@ insert_anchor_links: "left"
 
 {% row( style="center between") %}
 
+![Image](opensource.png#icon)
+
+<br>
+
 ### **Open-Source**
 Collaboration and openness are key to building a better world.
 
 |||
 
+![Image](simplicity.png#icon)
+
+<br>
+
 ### **Simplicity**
 Fostering clarity. Driving innovation. Enabling scalability.
 
 |||
 
+![Image](authenticity.png#icon)
+
+<br>
+
 ### **Authenticity**
 We are genuine and vulnerable.
 
@@ -56,11 +67,15 @@ We are genuine and vulnerable.
 
 {% row( style="center between mbottom") %}
 
+![Image](planetfirst.png#icon)
+
 ### **Planet-First**
 Our solutions must be sustainable.
 
 |||
 
+![Image](peoplefirst.png#icon)
+
 ### **People-Centric**
 We empower self-sovereignty and autonomy.
 
@@ -101,7 +116,7 @@ We empower self-sovereignty and autonomy.
 
 {% row(style="center narrow mbottom") %}
 
-![Image](earth.png#medium)
+![Image](earth2.png#medium)
 
 ### **Green Infrastructure**
 
@@ -109,7 +124,7 @@ There is no Planet B. And the Internet is consumed a surprisingly large amount o
 
 |||
 
-![Image](community.png#medium)
+![Image](community2.png#medium)
 
 ### **Driving Change Together**
 

content/build/index.md

@@ -5,20 +5,19 @@ insert_anchor_links: "left"
 ---
 <!-- section 1  -->
 
-<div class="text-gray-900 bg-cover bg-no-repeat" style="background-image:url(BG_wide.png);background-position:right">
+<div class="text-gray-900 bg-cover bg-no-repeat">
     <div class="h-full">
       <div class="flex flex-col items-center md:flex-row">
        <div class="w-full md:w-1/2">
           <div class="block">
             <img
-                src="header_build.png" class="w-full h-full"/>
+                src="build_header_geometric.png" class="w-full h-full"/>
           </div>
         </div>
         <div class="flex flex-col items-start justify-center w-full lg:py-24 py-6 md:w-1/2">
           <div class="flex flex-col items-start justify-center p-6">
-            <h1>Build the Future</strong></h1>
-            <h3 class="my-1"><b>Develop and Administer on a Decentralized Autonomous Edge Infrastructure</b></h3>
-            <p>Experience true ownership of your deployments with a decentralized framework. Evolve the way you create and deploy innovative solutions, with greater scalability, efficiency, privacy, and security.</p>
+            <h2>Build the Future</strong></h2>
+            <p>Deploy and administer on a decentralized autonomous edge infrastructure. Experience true ownership of your deployments with a decentralized framework. Evolve the way you create and deploy innovative solutions, with greater scalability, efficiency, privacy, and security.</p>
             <div class="flex flex-col md:flex-row">
             <button class="mx-1 my-2"><a target="_blank" href="https://manual.grid.tf">Our Manuals</a></button>
             <button class="mx-1 my-2"><a target="_blank" href="https://dashboard.grid.tf">Grid Dashboard</a></button>
@@ -163,6 +162,8 @@ Deploy solutions with ease using Weblets, our user-friendly and decentralized we
 
 {% row(style="center mbottom between") %}
 
+![Image](iac.png#medium)
+
 ### **Infrastructure as Code**
 
 Revolutionize your IT deployments with machine-readable definition files, and enjoy seamless integration with industry standards such as Terraform. Enhance provisioning with deterministic smart contracts, minimize overheads, and boost your efficiency.
@@ -173,6 +174,8 @@ Revolutionize your IT deployments with machine-readable definition files, and en
 
 |||
 
+![Image](dedicated.png#medium)
+
 ### **Dedicated Nodes**
 
 Achieve ultimate control and flexibility by reserving entire nodes tailored for your projects.
@@ -186,6 +189,8 @@ Optimize security and customization for high-demand workloads, such as blockchai
 
 |||
 
+![Image](quantum.png#medium)
+
 ### **Quantum Safe Storage**
 
 Experience the boundless possibilities of a distributed, quantum-proof storage system – designed to encrypt, compress, shard, and distribute your data, empowering you with unmatched security, scalability, and efficiency.
@@ -237,7 +242,7 @@ Earn up to 50% of the utilization revenues of solutions that you create, promote
 
 <!-- <a href="https://forum.threefold.io/" target="_blank"><h3>Forum</h3></a> -->
 
-![Image](Forum.png#icon)
+![Image](forum1.png#icon)
 
 ### **Forum**
 
@@ -250,7 +255,7 @@ Connect with our vibrant community, share ideas, and contribute to collective kn
 
 <!-- <a href="https://github.com/threefoldtech/home" target="_blank"><h3>Open Source</h3></a> -->
 
-![Image](Open-Source.png#icon)
+![Image](open-source1.png#icon)
 
 ### **Open Source**
 
@@ -270,7 +275,7 @@ Help shape ThreeFold's decentralized ecosystem on GitHub. Collaboration is key t
 
 <!-- <a href="/farm" target="_blank"><h3>Farming</h3></a> -->
 
-![Image](Farming.png#icon)
+![Image](farming1.png#icon)
 
 ### **Farming**
 
@@ -283,7 +288,7 @@ Contribute resources and earn rewards while supporting the growth of the ThreeFo
 
 <!-- <a href="/support"><h3>Support</h3></a> -->
 
-![Image](Support.png#icon)
+![Image](support1.png#icon)
 
 ### **Support**
 

content/expand/index.md

@@ -6,20 +6,19 @@ insert_anchor_links: "left"
 
 <!-- section 1 (be the Internet) -->
 
-<div class="text-gray-900 bg-cover bg-no-repeat" style="background-image:url(BG_wide.png);background-position:right">
+<div class="text-gray-900 bg-cover bg-no-repeat">
     <div class="h-full">
       <div class="flex flex-col items-center md:flex-row">
        <div class="w-full md:w-1/2">
           <div class="block">
             <img
-                src="togethericon.png" class="w-full h-full"/>
+                src="expand_geometric_header.png" class="w-full h-full"/>
           </div>
         </div>
         <div class="flex flex-col items-start justify-center w-full lg:py-24 py-6 md:w-1/2">
           <div class="flex flex-col items-start justify-center p-6">
-            <h1>Be the <strong>Internet</strong></h1>
-            <h3 class="my-1"><b>Host a node, support a decentralized future</b></h3>
-            <p>By connecting a modern computer at your home or office to the ThreeFold Grid, you can provide Internet capacity to communities and builders, and be rewarded for doing this. Take part in shaping a new Internet era governed by all of us.</p>
+            <h2>Be the <strong>Internet</strong></h2>
+            <p>By connecting a modern computer at your home or office to the ThreeFold Grid, you can provide Internet capacity to communities and builders, and be rewarded for doing this. Support a decentralized future. Take part in shaping a new Internet era governed by all of us.</p>
             <button class="mx-0"><a target="_blank" href="https://manual.grid.tf/TF_Farmer_Guide/tf_farmer_guide_readme.html">Get Started</a></button>
           </div>
         </div>
@@ -58,7 +57,7 @@ insert_anchor_links: "left"
 
 {% row(style="center between mbottom") %}
 
-![Image](host.png#mx-auto)
+![Image](step1.png#mx-auto)
 
 <br>
 
@@ -68,7 +67,7 @@ All you need to get started is a modern computer, electricity and network. Once
 
 |||
 
-![Image](verif.png#mx-auto)
+![Image](step2.png#mx-auto)
 
 <br>
 
@@ -78,7 +77,7 @@ The capacity of the node gets verified and registered in the ThreeFold Blockchai
 
 |||
 
-![Image](earn.png#mx-auto)
+![Image](step3.png#mx-auto)
 
 <br>
 
@@ -93,7 +92,7 @@ After your node is set up and verified, you’ll be rewarded for the compute, st
 
 {% row(style="center between margin") %}
 
-![](nodeheader.png#mx-auto)
+![](findfitgeometric.png#mx-auto)
 
 |||
 

content/home/index.md

@@ -11,19 +11,18 @@ extra:
 
 <!-- section 1 (header) -->
 
-<div class="text-gray-900 bg-cover bg-no-repeat" style="background-image:url(home/BG_wide.png);background-position:right">
+<div class="text-gray-900 bg-cover bg-no-repeat">
     <div class="h-full">
       <div class="flex flex-col items-center md:flex-row">
        <div class="w-full md:w-1/2">
           <div class="block">
             <img
-                src="home/header_home2.png" class="w-full h-full"/>
+                src="home/home_geometric_header.png" class="w-full h-full"/>
           </div>
         </div>
         <div class="flex flex-col items-start justify-center w-full lg:py-24 py-6 md:w-1/2">
           <div class="flex flex-col items-start justify-center p-6">
-            <h2>Welcome to ThreeFold</strong></h1>
-            <h3 class="my-1"><b>Truly Decentralized Internet Infrastructure</b></h3>
+            <h2>Decentralized. Autonomous. Internet Infrastructure.</strong></h1>
             <p>ThreeFold is a globally-distributed grid of storage, compute, and network capacity, acting as "no middleman" Internet resources between independent capacity providers and users.</p>
             <button class="mx-0"><a target="_blank" href="https://manual.grid.tf/intro/intro_readme.html">Get Started</a></button>
           </div>
@@ -32,8 +31,6 @@ extra:
     </div>
   </div>
 
-
-
 <!-- section 2 -->
 
 {% row(style="center mtop narrow") %}
@@ -62,7 +59,7 @@ Your digital life depends on hyperscale data centers controlled by a handful of
 
 |||
 
-![Image](internet_outdated.png#medium)
+![Image](outdated_home.png#medium)
 
 {% end %}
 
@@ -105,24 +102,36 @@ Your digital life depends on hyperscale data centers controlled by a handful of
 
 {% row(style="center narrow") %}
 
-## Dive Deeper
+## ThreeFold is Different
 
 {% end %}
 
 {% row(style="center mbottom narrow") %}
 
+![Image](beyond.png#icon)
+
+<br>
+
 ### **Beyond a Protocol**
 
 The ThreeFold Grid is not just another protocol, it's a community-owned and managed low level decentralized Internet capacity layer and infrastructure, on top of which any protocol can run.
 
 |||
 
+![Image](complementing.png#icon)
+
+<br>
+
 ### **Complementing Web3**
 
 ThreeFold is not a Web3 project, but we love Web3 and the ThreeFold Grid can host and complement any Web3 project, finally providing a truly decentralized backbone for the space.
 
 |||
 
+![Image](compatible.png#icon)
+
+<br>
+
 ### **Highly-Compatible**
 
 The stack was built around open-source and simplicity, and to be compatibile with current and future IT standards such as Kubernetes, Docker, IPFS and S3. If it runs on Linux, it can be hosted on ThreeFold.
@@ -141,11 +150,11 @@ The stack was built around open-source and simplicity, and to be compatibile wit
 
 {% row(style="center narrow mbottom") %}
 
-![Image](expandicon.png#medium)
+![Image](expand_icon1.png#medium)
 
 ### **Expand**
 
-Independent people and organizations connect hardware to the ThreeFold Grid. Provide Internet capacity for the people around you, and earn for it. 
+People and organizations are connecting hardware to the ThreeFold Grid. Find your fit, provide Internet capacity for people around you, and earn for it.
 
 <br>
 
@@ -153,11 +162,11 @@ Independent people and organizations connect hardware to the ThreeFold Grid. Pro
 
 |||
 
-![Image](buildicon.png#medium)
+![Image](build_icon1.png#medium)
 
 ### **Build**
 
-Developers and Sysadmins use ThreeFold technology to build, deploy, and store on top of community-owned Internet capacity. They pay with $TFT.
+Developers and Sysadmins use ThreeFold technology to build, deploy, and store on top of a community-owned edge infrastructure. You pay with $TFT.
 
 <br>
 
@@ -165,11 +174,11 @@ Developers and Sysadmins use ThreeFold technology to build, deploy, and store on
 
 |||
 
-![Image](togethericon.png#medium)
+![Image](together_icon1.png#medium)
 
 ### **Together**
 
-Join a group of people around the globe who believe the world needs ThreeFold and take action to bring the project forward.
+This project is all of ours. Join a group of people around the globe who believe the world needs ThreeFold and take action to bring ThreeFold forward.
 
 <br>
 

content/token/index.md

@@ -7,19 +7,18 @@ insert_anchor_links: "left"
 
 <!-- section 1  -->
 
-<div class="text-gray-900 bg-cover bg-no-repeat" style="background-image:url(BG_wide.png);background-position:right">
+<div class="text-gray-900 bg-cover bg-no-repeat">
     <div class="h-full">
       <div class="flex flex-col items-center md:flex-row">
        <div class="w-full md:w-1/2">
           <div class="block">
             <img
-                src="header_token.png" class="w-full h-full"/>
+                src="token_geometric_header.png" class="w-full h-full"/>
           </div>
         </div>
         <div class="flex flex-col items-start justify-center w-full lg:py-24 py-6 md:w-1/2">
           <div class="flex flex-col items-start justify-center p-6">
-            <h1>Introducing TFT</strong></h1>
-            <h3 class="my-1"><b>The Currency Powering the Decentralized Internet</b></h3>
+            <h2>TFT Powers the<br>Decentralized Internet</strong></h2>
             <p>Join the Internet revolution with the ThreeFold Token (TFT), an innovative utility token used to build, store and exchange on the ThreeFold Grid. Through many of its unique properties, TFT opens a whole new world of possibilities that was previously unimaginable with centralized infrastructures.</p>
           </div>
         </div>
@@ -34,16 +33,22 @@ insert_anchor_links: "left"
 
 {% row(style="center narrow between mtop") %}
 
+![](utility.png#icon)
+
 ### **Real Utility**
 Users, developers, and enterprises use TFT to store data, build applications, and create P2P ecosystems on the ThreeFold Grid.
 
 |||
 
+![](fast.png#icon)
+
 ### **Super Fast**
 Send TFT in milliseconds to anyone, anywhere – and as the network grows and hardware gets more efficient, so will the network..
 
 |||
 
+![](fundamentals.png#icon)
+
 ### **Strong Fundamentals**
 With a limited supply of 4 billion TFT and a burning mechanism, the token is backed by the continuous growth of the network.
 
@@ -51,25 +56,27 @@ With a limited supply of 4 billion TFT and a burning mechanism, the token is bac
 
 {% row(style="center between narrow mbottom") %}
 
+![](cryptography.png#icon)
+
 ### **Secured by Cryptography**
 TFT transactions and smart contracts on the ThreeFold Grid are secured by advanced cryptography.
 
 |||
 
+![](scalable.png#icon)
 
 ### **Ultra-Scalable**
 ThreeFold is made to handle thousands of transactions and smart contracts per second, with incredibly low fees.
 
 |||
 
+![](efficient.png#icon)
 
 ### **Energy-efficient**
 ThreeFold’s innovative infrastructure is incredibly sustainable, ensuring the tokens sustainability and longevity.
 
 {% end %}
 
-
-
 <!-- section 3 -->
 
 {% row(style="center margin" bgPath="checkerboard1.jpg") %}
@@ -99,29 +106,27 @@ developers have unlimited possibilities to build the future.
 
 {% end %}
 
-{% row(style="center between mbottom") %}
+{% row(style="center between") %}
 
-![](use_icon.png#medium)
+![](use_icon1.png#icon)
 
 ### **Use TFT**
-Build applications, store data and access decentralized services on the ThreeFold Grid
+Build applications, store data and access decentralized services on the ThreeFold Grid.
 
 |||
 
-![](earn_icon.png#medium)
+![](earn_icon1.png#icon)
 ### **Earn Discounts**
 Hold your TFT and earn up to 60% discounts on Internet capacity.  
 
 |||
 
-![](stake_icon.png#medium)
+![](stake_icon1.png#icon)
 ### **Stake TFT**
 Soon you will be able to partake in the network's decentralization and earn rewards.
 
 {% end %}
 
-
-
 <!-- section 5 -->
 
 {% row(style="reverse center between margin") %}
@@ -132,15 +137,15 @@ TFT exists on four different blockchains: Stellar, TF Chain (Polkadot), Ethereum
 
 |||
 
-![](tft_network.png#mx-auto)
+![](multipleblockchains.png#mx-auto)
 
 {% end %}
 
 <!-- section 6 -->
 
-{% row(style="center margin between") %}
+{% row(style="center between margin") %}
 
-![](tft_burn.jpg#mx-auto)
+![](startjourney.png#mx-auto)
 
 |||
 
@@ -148,6 +153,6 @@ TFT exists on four different blockchains: Stellar, TF Chain (Polkadot), Ethereum
 
 You can buy TFT from decentralized exchanges or wallets directly. We have compiled tutorials on the easiest ways to buy and store TFT.
 
-<button>[Discover Your Options](https://manual.grid.tf/getstarted/TF_Token/tft_toc.html)</button>
+<button>[Discover Your Options](https://manual.grid.tf/concepts/buying_storing_tft.html)</button>
 
 {% end %}