Merge branch 'development_light_mode' into development

content/_index.md

@@ -1,8 +1,8 @@
 ---
 title: "ThreeFold"
 description: "TF offers a secure, sovereign infrastructure layer for the Internet, delivering unparalleled scalability, incorruptible and permanent data storage, AI and Web2/Web3/Edge compatibility, and 100% uptime for a resilient digital future." # quotation marks to allow colons where used
-date: 2018-09-14T21:00:00-05:00
-updated: 2021-02-20T14:40:00-06:00
+#date: 2018-09-14T21:00:00-05:00
+#updated: 2021-02-20T14:40:00-06:00
 draft: false
 extra:
   author: ThreeFold
@@ -10,195 +10,3 @@ extra:
 ---
 
 
-<!-- section 1 (header) -->
-
-{% row(style="center") %}
-
-<br/>
-<br/>
-
-![Image](images/white_threefold_header.png#mx-auto#medium)
-
-<br/>
-
-## The (Re)Birth of **the Internet.**
-
-ThreeFold is a peer-to-peer open-source Internet platform that connects users directly with <br> local Internet capacity provided by farmers. No intermediaries such as centralized servers.
-
-{% end %}
-
-{% row(style="center narrow") %}
-
-<button>[Build](/build)</button>
-
-|||
-
-<button>[Farm](/farm)</button>
-
-|||
-
-<button>[Main Chat](https://t.me/threefold)</button>
-
-|||
-
-<button>[Get TFT](https://www.manual.grid.tf/documentation/threefold_token/buy_sell_tft/tft_lobstr/tft_lobstr_short_guide.html)</button>
-
-{% end %}
-
-<!-- section 2 (Map) -->
-
-
-{% grid_stats() %}
-
-### The ThreeFold Grid v3.7.0
-
-## **Live and Operational**
-
-{% end %}
-
-
-<!-- section 3 (EXPAND) -->
-
-{% row(style="center narrow") %}
-
-## Together **We Build.**
-
-The future is about decentralization, participation, and working together to achieve our goals. As a decentralized movement, we encourage the community to get involved. This new Internet can only succeed if we find ways to collaborate where we together pull this Internet concept forward. Below, please find some of the ways you can join us in building a better Internet.
-
-{% end %}
-
-{% row(style="center narrow") %}
-
-![Image](images/become_farmer_new.jpg#mx-auto)
-
-<br>
-
-### Farm Local Internet Capacity **and Earn TFT**
-
-By connecting hardware at your home or office – or anywhere you'd like – you provide Internet capacity for the people around you and earn a new digital currency, TFT.
-
-{% end %}
-
-{% row(style="center narrow") %}
-
-<button>[Buy a 3Node](http://marketplace.3node.global/)</button>
-
-|||
-
-<button>[Build a 3Node](https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__diy_guide)</button>
-
-|||
-
-<button>[Farmers Chat](https://t.me/threefoldfarmers)</button>
-
-{% end %}
-
-{% row(style="center narrow") %}
-
-![Image](images/network_new.jpg#mx-auto)
-
-<br>
-
-### Build On Top of a **Decentralized Infrastructure**
-
-True digital sovereignty for open-source builders. The ThreeFold Grid provides limitless possibilities, and brings a playground of industry-compatible easy-to-deploy solutions for developers.
-
-{% end %}
-
-{% row(style="center narrow") %}
-
-<button>[Deploy on ThreeFold](https://dashboard.grid.tf/)</button>
-
-|||
-
-<button>[The Manual](https://manual.grid.tf/)</button>
-
-|||
-
-<button>[Builders Chat](https://t.me/threefoldtesting)</button>
-
-{% end %}
-
-<!-- section 4 (FEATURED STORIES) -->
-
-{% featured_stories() %}
-
-## Featured Stories
-
-{% end %}
-
-<!-- section 5 (THE TEAM) -->
-
-{% team_sec() %}
-
-## **The Team**
-
-{% end %}
-
-<!-- section 6 (PARTNERS) -->
-
-{% row(style="center margin") %}
-
-## Believers and Collaborators <br> **In a Better Internet**
-
-We are truly proud to be trusted by some of the biggest names in the industry.
-
-![Image](images/ourpartners.png#mx-auto)
-
-<button>[Check All Partners](partners)</button>
-
-{% end %}
-
-<br>
-
-<br>
-
-<!-- section 7 (IN THE NEWS) -->
-
-{% row(style="center") %}
-
-## **In the News**
-
-{% end %}
-
-{% row(style="center between") %}
-
-[![forbes](images/forbes.png#mx-auto)](https://www.forbes.com/sites/johnkoetsier/2020/06/20/largest-distributed-peer-to-peer-grid-on-the-planet-laying-foundation-for-a-decentralized-internet/?fbclid=IwAR1WKCpqLcWPRWg5bPD6RCQE5JJjRPt6ey5vbEnu3db2FvJnp6-YKeVZNW8#79aa340e6798)
-
-|||
-
-[![cointelegraph](images/cointelegraph.png#mx-auto)](https://cointelegraph.com/news/peer-to-peer-internet-has-lofty-goal-to-bring-true-decentralization)
-
-|||
-
-[![yahoo_news](images/yahoo_news.png#mx-auto)](https://news.yahoo.com/news/threefold-set-disrupt-status-quo-051457787.html?guccounter=1)
-
-{% end %}
-
-{% row(style="center between") %}
-
-[![hackernoon](images/hackernoon.png#mx-auto)](https://hackernoon.com/is-it-possible-to-create-a-decentralized-internet-this-startup-and-its-farmers-think-so-ey2e3ycf)
-
-|||
-
-[![smartereum](images/smartereum.png#mx-auto)](https://smartereum.com/189750/threefold-is-audaciously-building-a-new-decentralized-internet/)
-
-|||
-
-[![tga_daily](images/tga_daily.png#mx-auto)](https://tgdaily.com/web/6-dfinity-threefold-are-leading-an-internet-decentralization-revolution/)
-
-{% end %}
-
-{% row(style="center between") %}
-
-[![cointelegraph](images/cointelegraph.png#mx-auto)](https://cointelegraph-com.cdn.ampproject.org/c/s/cointelegraph.com/news/is-a-new-decentralized-internet-or-web-3-0-possible/amp)
-
-|||
-
-[![banklesstimes](images/banklesstimes.png#mx-auto)](https://www.banklesstimes.com/2021/06/14/threefolds-green-technology-strategy-to-a-fairer-more-sustainable-world/)
-
-|||
-
-[![grit_daily](images/grit_daily.png#mx-auto)](https://gritdaily.com/belarus-governments-control-internet/)
-
-{% end %}

content/action/index.md

@@ -1,58 +1,127 @@
 ---
 title: "Take actions"
 description: "Take actions and become a part of a pioneering Web4 movement with ThreeFold on 12.12.2024" # quotation marks to allow colons where used
-template: "layouts/action.html"
+template: "page.html"
 insert_anchor_links: "left"
 extra:
  author: ThreeFold
  imgPath: tf.png
 ---
 
+<!-- section 1 (header) -->
+
+{{ hero_video(
+    title="Building A New Internet For Everyone",
+    subtitle="Unleashing the Power of Decentralized Networks",
+    description_1="The internet is a trillion-dollar industry, and we believe it should be built and owned by everyone—an internet created by all, for all",
+    description_2="Let’s make this vision a reality.",
+    video_link="https://www.youtube.com/embed/64mbEewI0Ag?si=I0m_ShxlTUk3mok-",
+    button1_text="Take Action",
+    button1_link="/signup"
+) }}
+
+
+
+<!--section 2 (Portfolio)-->
+
+<div class="lg:py-24 py-12 mx-auto max-w-7xl lg:px-8">
+
+<div class="text-center">
+
+  ## What It Enables
+
+</div>
+<dl class="pt-8 grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
+
+{{ portfolio(
+  title="Communicate securely",
+  description="Experience end-to-end encrypted communication in the shortest possible path, ensuring messages remain private and unalterable—even during disasters."
+)}}
+
+{{ portfolio(
+  title="Store effortlessly",
+  description="Securely share and store information with ease, with geo-aware capabilities that optimize data location and access. Scale seamlessly from personal use to billions of users."
+
+)}}
+
+{{ portfolio(
+  title="Restore authenticity",
+  description="Determine which information can be trusted, bringing clarity and confidence back to the digital space"
+)}}
+
+{{ portfolio(
+  title="Unlock limitless insights",
+  description="Discover, analyze, and find information with no boundaries, aided by a powerful personal AI assistant."
+)}}
+
+{{ portfolio(
+  title="Streamline your interactions",
+  description="Keep track of all your connections and simplify your life with an AI that optimizes your daily tasks and interactions."
+)}}
+
+{{ portfolio(
+  title="Take control of your digital presence",
+  description="Own and manage your data, identity, and interactions across platforms, ensuring transparency and sovereignty in the digital world."
+)}}
+
+</dl>
+</div>
+
+
+
+<!--section 3 (img_features)-->
+
+<div class="lg:py-24 py-12 mx-auto max-w-7xl lg:px-8">
+
+<div class="max-w-4xl">
+
+## Take Action Now
+
+Discover the key products that bring us closer to our vision of the new internet, laying the foundation for a more open, autonomous, and interconnected digital future.
+
+</div>
+
+{{ img_features(
+  image_src="/images/web4_tools3.png",
+  image_alt="TF_products ",
+
+  title_1="3Node",
+  description_1="The backbone of storage and infrastructure, providing compute and data resources. Order today.
+",
+  button_text_1="Learn More",
+  button_link_1="https://docs.threefold.io/docs/components/3node/",
+
+  title_2="3Phone",
+  description_2="Secure smartphone that comes with built-indecentralized apps that seamlessly integrate with the ThreeFold Grid.",
+  button_text_2="Learn More",
+  button_link_2="https://docs.threefold.io/docs/components/3phone/",
+
+  title_4="3Router",
+  description_4="Smart routers ensure shortest-path connections between nodes and phones with end-to-end encryption. Unlocked after 10,000 pre-orders.",
+  button_text_4="Learn More",
+  button_link_4="https://docs.threefold.io/docs/components/3router/"
+
+)}}
+
+</div>
+
+
+
+
+<!-- section 4 Cta -->
+
+{{ cta(
+    title_1="Build the",
+    title_2="Internet of Tomorrow,",
+    title_3="Today",  
+    button_text_1="Take the Next Step",
+    button_link_1="/signup",
+    button_text_2="Learn More",
+    button_link_2="/action"
+) }}
 
 
 
 
 
 
-
-
-
-<style>
-
-
-.rounded_img img {
- border-radius: 8px;
-}
-
-
-.person img{
- border-radius: 100%;
- max-width:100px;
- }
-
-
-.myscale{
- transition: transform .5s;
-}
-
-
-.myscale:hover{
- transform: scale(1.2);
- background-color: whitesmoke;
-}
-
-
-.road_border{
-  
-     border-left: 1px solid rgb(156, 156, 156);
-
-
-   }
-
-
- .white-gray{
-  color: #9f9f9f;
-}
-
-
- </style>

content/blog/_index.md

@@ -12,7 +12,7 @@ insert_anchor_links: "left"
 template: "layouts/blog.html"
 page_template: "blogPage.html"
 #transparent: true
-generate_feed: true
+#generate_feed: true
 extra:
   imgPath: tf.png
 ---

content/blog/transformative_impact_summit/index.md

@@ -24,7 +24,7 @@ A [jam-packed three-day schedule of focused talks](https://www.catalist.network/
 
 <br/>
 
-![Image](./panel.JPG)
+![Image](./panel.jpeg)
 
 <br/>
 
@@ -69,7 +69,7 @@ ThreeFold was honored to present on a few different occasions throughout the sum
 
 <br/>
 
-![Image](./kristoftis.JPG)
+![Image](./kristoftis.jpeg)
 
 <br/>
 
@@ -81,7 +81,7 @@ In addition, ThreeFold ecosystem developer Florian Fournier spoke on the topic o
 
 <br/>
 
-![Image](./flotis.JPG)
+![Image](./flotis.jpeg)
 
 <br/>
 

content/community/index.md

@@ -15,7 +15,7 @@ extra:
 {% row( style="center mtop semiNarrow") %}
 
 
-<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-3xl fade-in visible">Join the Community</h2>
+# Join the Community
 
 {% end %}
 
@@ -184,7 +184,7 @@ extra:
 {% row( style="center mtop semiNarrow") %}
 
 
-<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">Keep up with ThreeFold Events</h2>
+## Keep up with ThreeFold Events
 
 {% end %}
 

content/footer/_index.md

@@ -4,7 +4,7 @@ description: ""
 insert_anchor_links: "left"
 template: "partials/footer.html"
 extra:
-  logoPath: "images/new_logo_tft.png"
+  logoPath: "images/logolight.png"
   socialLinks: { Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews", Github: "https://github.com/threefoldfoundation", Github2: "https://github.com/threefoldtech"}
 ---
 
@@ -12,7 +12,7 @@ extra:
 
 ##### TAKE ACTION
 
-<br>
+
 
 ###### [Docs (V4)](https://docs.threefold.io/docs/introduction)
 
@@ -32,9 +32,8 @@ extra:
 
 |||
 
-##### <span class="text-gray-100">COMMUNITY</span>
+##### COMMUNITY
 
-<br>
 
 ###### [News Channel](https://t.me/threefoldnews)
 
@@ -52,7 +51,7 @@ extra:
 
 ##### ABOUT US
 
-<br>
+
 
 <h6><a target="_self" onclick="window.location.href='/why'">Why</a></h6>
 
@@ -68,4 +67,5 @@ extra:
 
 
 
-{% end %}
+{% end %}
+

content/header/_index_copy.md

@@ -1,84 +0,0 @@
----
-title: "Header"
-description: "NEAR is on a mission to empower everyone to take back control of their money, their data, and their identity. Join us."
-insert_anchor_links: "left"
-template: "partials/header.html"
-extra:
-  logoPath: "images/ourworld_logo2.png"
-  imgPath: ""
----
-
-- Learn
-
-{% row(style="lean") %}
-
-### PURPOSE
-
-<br>
-<br>
-
-#### [The Internot](/apage)
-
-Whats wrong with the [internet](/apage)
-
-<br>
-
-#### Our Internet
-
-Vision for the new internet
-
-|||
-
-### ECOSYSTEM
-
-<br>
-<br>
-
-#### OurWorld DAO
-
-Be a part of governance
-
-<br>
-
-#### Communities
-
-Explore communities in OurWorld
-
-<br>
-
-#### DAOs
-
-Decentralized autonomous organizations
-
-|||
-
-### APPLICATIONS
-
-<br>
-<br>
-
-#### DAPPs
-
-Decentralized applications
-
-<br>
-
-#### Projects
-
-Projects in OurWorld
-
-|||
-
-### FEATURED
-
-<br>
-<br>
-
-#### OurWorld is Live
-
-Be a part of the new internet
-
-- [Join us]("/join-us")
-- [Blog]("/blog")
-
-{% end %}

content/header/index.md

@@ -56,3 +56,8 @@ extra:
 
 
 {% end %}
+
+
+
+- [Mycelium]("https://www.mycelium.threefold.io/")
+- [AIBox]("https://aibox.threefold.io/")

content/home/index.md

@@ -7,339 +7,309 @@ extra:
  imgPath: home/tf.png
 ---
 
-
-
-
 <!-- section 1 (header) -->
 
+{{ hero_text_center(
+    title="Built for Everyone by Everyone, Everywhere",
+    subtitle="Unleashing the Power of Decentralized Networks",
+    description="ThreeFold is a fully operational, decentralized internet infrastructure – deployed locally, scalable globally, and owned and powered by the people.",
+    button1_text="What We've Built",
+    button1_link="/what"
+    button2_text="Why We Do It",
+    button2_link="/why"
+    button3_text="Read EV3's Report",
+    button3_link="https://paragraph.com/@ev3news/threefold-rearchitecting-the-internet"
 
-<div class="container mx-auto">
+) }}
 
 
-{% row(style=" center header margin") %}
 
-<div class="max-w-none lg:max-w-4xl leading-normal mx-auto">
+<!-- section 2 (Infrastructure) -->
 
-# **Self-Healing Data, Network, <br>and Cloud Platform**
+<div class="lg:pb-24 pb-12">
+  <div class="mx-auto grid max-w-2xl grid-cols-1 items-start gap-y-16 px-4 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
 
-Imagine a system which can scale to a planetary level, is compatible with AI, Cloud, Web2, Web3 and Edge IT workloads, has the potential to recover from unforeseen events, capable to provide 100% uptime, and allows any machine and human to communicate over the shortest, most direct path.
+  <!-- left section -->
+
+  {{ text_left( 
+    title="ThreeFold is a Decentralized Infrastructure Layer for The Internet",
+    description_1="We have built a foundational platform that runs directly on bare metal, offering a scalable solution focused on the essential building blocks of the Internet and Cloud: compute, data, and network.",
+    button_text="Discover How It Works",
+    button_link="/what"
+
+  ) }}
+
+ <div class="lg:px-16 fade-in">
+
+  <!-- right section -->
+
+   ### Three Inventions at the Core of Our System
 
 <br>
 
-<button class="blue_b">[Host](/host)</button><button class="blue_b">[Deploy](/deploy)</button><button class="green">[About](/about)</button> 
+  <dl class="grid grid-cols-1 mx-auto lg:gap-x-8 sm:grid-cols-2 lg:gap-y-8 gap-y-4">
 
+   {{ right_content(
+    subtitle ="COMPUTE",
+    header="Bare Metal",
+    sub_header="Operating System",
+    description1="Zero OS, an efficient and secure operating system, runs directly on the hardware – enabling an autonomous cloud.",
+    description2="Can run any Web2, Web3, or AI workload at the edge of the Internet, with more scalability and reliability." 
+) }}
 
-|||
-
-
-
-{% end %}
+   {{ right_content(
+    subtitle="DATA",
+    header="Unbreakable Data",
+    description1="Data cannot be compromised and always remains private, owned by you. A scalable system, to the planetary level.",
+    description2="Can be distributed and stored in ways which are at least 10x more efficient and orders of magnitude more secure and reliable."
+) }}
 
+   {{ right_content(
+    subtitle="NETWORK",
+    header="Unbreakable Network",
+    description1="End-to-end encrypted overlay network, always looking for the shortest possible path between participants.",
+    description2="Logical Internet address securely linked to a private key. Unlimited scale and performance optimizations."
+) }}
 
+</dl>
+</div>
+</div>
 </div>
 
 
 
-<!-- section 3 (Map) -->
-<div class="container mx-auto">
+<!-- section 3 (stats) -->
+
+{{ grid_stats(
+    title_1="Powered by",
+    title_2="A Global Community",
+    description_1="ThreeFold’s groundbreaking technology enables anyone – individuals, organizations, and communities – to deploy their own Internet infrastructure.",
+    description_2="Today, our proof-of-concept network is live and operational worldwide, running on version 3.16 technology.",
+    subtext="As we expand, we may need millions of nodes to support this growing ecosystem to build a truly decentralized and resilient infrastructure",
+    button_text="Explore Grid Capacity",
+    button_link="https://dashboard.grid.tf/#/tf-grid/node-statistics/"
+
+) }}
 
 
-{% grid_stats() %}
 
+<!-- section 4 (TF products)-->
 
-#### <span class="blue">LIVE AND OPERATIONAL</span>
+<div class="lg:py-24 py-12">
 
+{{ text_center(
+    title="Anything That Runs on Linux Can Run on ThreeFold",
+    description_1="The new internet infrastructure can be used by any Web2, Web3, AI, or Edge IT workload – enabling a world of possibilities." 
 
-## **Proven by a global community**
+) }}
 
+<div class="max-w-6xl mx-4 md:mx-10 lg:mx-20 mt-16 xl:mx-auto">
+    <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
 
-With ThreeFold, individuals, organizations, communities, countries, and network states deploy their own<br>sovereign infrastructure. Our Proof of Concept Network with 50,000 vCPUs is live and operational.
+{{ use_cases(
+    image_src="/images/tft_logo.png",
+    image_alt="ThreeFold Cloud",
+    title="ThreeFold Cloud",
+    description="ThreeFold is open for developers and system administrators. Deploy virtual machines, containers, Kubernetes clusters, web gateways, and more on top of a best-effort decentralized open source cloud.",
+    subtitle ="Open-Source Cloud",
+    button_text_1="Dashboard",
+    button_link_1="https://dashboard.grid.tf/#/tf-grid/node-statistics/",
+    button_text_2="Manual",
+    button_link_2="https://manual.grid.tf/"
+) }}
 
-**Version 3.14 is live on Mainnet**
-
-
-{% end %}
+{{ use_cases(
+    image_src="/images/mycelium_logo.png",
+    image_alt="Mycelium",
+    title="Mycelium",
+    subtitle ="Unbreakable Network",
+    description="An adaptive and resilient network solution that not only keeps your data safe but also guarantees uninterrupted and efficient communication. The Mycelium Network is the backbone of a new era of connectivity, prioritizing speed, security, and reliability for all users.",
+    button_text_1="Website",
+    button_link_1="https://mycelium.threefold.io/",
+    button_text_2="Docs",
+    button_link_2="https://threefold.info/mycelium/docs/"
+) }}
 
+{{ use_cases(
+    image_src="/images/aibox_logo.png",
+    image_alt="AIBOX",
+    title="AIBOX",
+    description="A decentralized AI solution that enables anyone to run, train, and use AI models locally, keeping their data private while sharing unused computing power with the network—eliminating the need for centralized data centers.",
+    subtitle ="Decentralized AI",
+    button_text_1="Website",
+    button_link_1="https://aibox.threefold.io/",
+    button_text_2="Docs",
+    button_link_2="https://threefold.info/aibox/docs/"
+) }}
 
+   </dl>
+</div>
 </div>
 </div>
 
 
-<!-- section 4 (Host the cloud) -->
 
+<!-- section 5 (How it works)-->
 
-<div style="background-color:#F6F6F6">
-<div class="container mx-auto">
+<div class="container mx-auto lg:max-w-7xl lg:py-24 py-12 px-4 lg:px-0">
+  <div class="max-w-4xl lg:px-8 px-0 lg:pb-12 pb-6">
 
-{% row( style="mtop center between ") %}
+  ## How It Works
 
-#### <span class="blue">THREEFOLD DIFFERENCE</span>
-
-## **A ground-up approach**
-
-ThreeFold is not a protocol. We've developed foundational technology that runs directly on bare metal (the hardware). ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud's core bottlenecks: data, cloud, and network.
-
-<br>
-
-<button class="blue_b">[Learn More](/technology)</button>
-
-{% end %}
-
-{% row(style="reverse margin") %}
-
-![Image](home_nodes.png#mx-auto)
-
-|||
-
-### **Unbreakable Data**
-
-Data cannot be compromised and always remains private, owned by you. A scalable system, to the planetary level. Can be distributed and stored in ways which are at least 10x more efficient and orders of magnitude more secure and reliable.
-
-### **Autonomous Cloud**
-
-Self-healing and self-driving cloud based on an efficient and secure operating system runs directly on the hardware. Can run any Web 2, Web 3, or AI workload at the edge of the Internet, with more scalability and reliability.
-
-### **P2P Network**
-
-End-to-end encrypted overlay network, always looking for the shortest possible path between participants. Logical Internet address securely linked to a private key. Unlimited scale and performance optimizations.
-
-{% end %}
-
-
-</div>
-</div>
-
-<!-- section 9 (Ecosystem) -->
-
-
-<div class="container mx-auto">
-
-
-{% row( style="center mtop semiNarrow") %}
-
-
-<h4 class="green_text">REAL-WORLD IMPACT</h4>
-
-
-## **Collaboration, Innovation, Evolution**
-
-ThreeFold’s technological infrastructure will empower many projects and initiatives across sectors. Here are two key projects.
-
-{% end %}
-
-
-{% row( style="semiNarrow mbottom") %}
-
-<div class="rounded_img border-2 rounded-lg shadow-lg">
-
-[![Image](freezone_anouncement.png)](/newsroom/freezone-anouncement/)
-
-<div class="p-6 lg:p-3 mycard">
-
-#### **OurWorld Free Zone**
-
-<br>
-
-<span class="text-md truncate ..." >ThreeFold is working with the Zanzibar Communication Corporation (ZICTIA), on behalf of the Zanzibar government, to create the world’s first 100% Digital Free Zone – accessible and affordable for all. The announcement was made August 2023, and progress has been ongoing behind the scenes since then. Updates expected Q4 2024.
-</span>
-      
-</div>
-</div>
-
-|||
-
-
-<div class="rounded_img border-2 rounded-lg shadow-lg">
-
-
-[![Image](sovereigndy.png)](/newsroom/duniayetulaunchdar/)
-
-
-
-
-<div class="p-6 lg:p-3 mycard">
-
-
-#### **Tanzanian Sovereign Internet**
-
-<br>
-<span class="text-md truncate ..." >
-In January 2024, ThreeFold announced in collaboration with The ICT Commission of Tanzania and Holochain a collaboration to deploy sovereign Internet in Tanzania, along with the introduction of coding academies and innovation hubs. The Dunia Yetu cooperative is being set up and efforts will ramp up in 2025.
-
-</span>
-
-</div>
-</div>
-
-{% end %}
-
-</div>
-
-<!-- section 5 (INCA) -->
-
-<div style="background-color:#F6F6F6">
-<div class="container mx-auto">
-
-{% row(style="margin") %}
-
-
-![Image](home_inca.png#mx-auto)
-
-
-|||
-
-
-#### <span class="green_text">THE NEXT CHAPTER</span>
-
-## **Ready for commercialization**
-
-For years, ThreeFold has been quietly and steadily developing its innovative technology, with a solid foundation of mature infrastructure that is now ready to take the next leap forward.
-
-<br>
-
-We are currently fundraising for the next stage of our project – major commercial expansion. This will involve the launch of the $INCA token on the Solana blockchain. If you are interested in learning more or taking part, please reach out.
-
-<br>
-
-<button class="blue_b">[Get in Touch](https://calendly.com/florian_threefold/30min)</button>
-
-{% end %}
-
-
-</div>
-</div>
-
-<!-- section 10 (news) -->
-
-
-<div class="rounded_img container mx-auto">
-
-
-{% row( style="mtop semiNarrow") %}
-
-
-## **Top Blogs**
-
-
-{% end %}
-
-
-{% row( style="mbottom semiNarrow") %}
-
-
-<div class="rounded_img">
-
-
-[![Image](ground_up.png)](/blog/ground-up-innovations/)
-
-
-<br>
-
-##### From the ground up: Three inventions that make ThreeFold possible
-
-</div>
-
-|||
-
-[![Image](evolution_of_the_internet.png)](/blog/evolution-of-the-internet)
-
-<br>
-
-##### The Evolution of the Internet: From free to controlled, and back again
-
-|||
-
-<div class="pl-12 road_border">
-<h3 class="mt-0 font-semibold">JOIN IN</h3>
-
-
- <div class="my-4">
- <a href="https://manual.grid.tf" target="_blank">
-    <h4 class="text-xl 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="text-xl 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="text-xl 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>
-
-
-{% end %}
-
-
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-<style>
-
-
-.card_h{
- height: 110px !important;
-}
-
-
-.rounded_img img {
- border-radius: 8px;
-}
-
-
-.white-gray{
-  color: #9f9f9f;
-}
-
-
-.road_border{
+  At the base, nodes form the physical foundation—distributed computers that provide processing power, storage, and networking capabilities. These nodes work together to create a global, community-powered infrastructure.
   
-     border-left: 1px solid #cbcbcb;
+  <br>
 
+  Regardless of technical expertise, anyone can deploy nodes from their homes or offices, and participate in a decentralized alternative to corporate-owned data centers – while earning rewards for their contributions. We call this process 'farming.'
 
-   }
+</div>
 
-
-
-
-
-
-   @media (max-width: 480px) {
-
-
-
-
-.road_border{
+<div class="max-w-6xl mx-4 md:mx-10 lg:mx-20 xl:mx-auto">
   
-     border-left: 0px solid #cbcbcb;
+<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
+
+{{ farm_steps(
+    title="1. HOST A NODE",
+    description="All you need to get started is a modern computer, electricity and network. Once booted with Zero OS, a computer becomes a ThreeFold Node."    
+) }}
+
+{{ farm_steps(
+    title="2. OFFER CAPACITY",
+    description="After your node is set up and verified, you’ll be rewarded for the capacity that you provide to the ThreeFold Grid."    
+) }}
+
+{{ farm_steps(
+    title="3. EARN REWARDS",
+    description="The capacity of the node gets verified and registered in the ThreeFold Blockchain, securing access to a decentralized autonomous cloud."    
+) }}
+
+   </dl>
+</div>
+<div class="mt-6 lg:mt-10 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 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">Become a Farmer</a>
+  </div>
+</div>
+
+
+
+<!-- section 6 (self-healing) -->
+
+<div class="lg:py-24 py-12">
+
+{{ text_center(
+    title="A Self-Healing Internet Infrastructure",
+    subtitle="Scalable globally, Green, Unbreakable & Secure",
+    description_1="",
+    image_src ="/images/selfhealing.png",
+    image_alt="selfhealin", 
+    button_text_1="",
+    button_link_1=""
+
+) }}
+
+</div>
+</div>
+
+
+
+<!-- section 7 (More Resilient)-->
+
+<div class="lg:py-24 py-12 text-center">
+
+# More Resilient, More Powerful, <br> More Diverse With You
+
+{{ text_center(
+    title="",
+    description_1="Unlike the corporate internet, where users are the product, in the new internet, participants are the owners and beneficiaries.",
+    description_2="By participating, you're not just using the technology, you're also helping to build a digital world that protects privacy, promotes fairness, and returns control to the people.",
+    button_text_1="Join ThreeFold",
+    button_link_1="/action",
+    button_text_2="",
+    button_link_2=""
+
+) }}
+
+</div>
+</div>
+
+
+
+<!-- section 8 (Faq) -->
+
+<div class="lg:max-w-7xl container mx-auto lg:py-24 py-12">
+
+## Frequently Asked Questions
+
+<br>
+
+{{ accordion(
+    id_accordion="accordion1"
+    question="Is this a separate new Internet?",
+    description="No, ThreeFold is a complementary Internet and works alongside the current Internet. It allows you to continue accessing and interacting with the current Internet."
+) }}
+
+{{ accordion(
+    id_accordion="accordion2"
+    question="Why do we need a new Internet?",
+    description="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."
+) }}
+
+{{ accordion(
+    id_accordion="accordion3"
+    question="How can I participate?",
+    description="You can participate by becoming a farmer, a user, a partner or by developing apps. Provide capacity to the ThreeFold Grid, Use capacity, build solutions, develop applications, and many more."
+) }}
+
+{{ accordion(
+    id_accordion="accordion4"
+    question="How can I get V4 nodes?",
+    description="Our partners are selling V4 nodes with a new reward scheme and ready to grow to millions of nodes."
+) }}
+
+{{ accordion(
+    id_accordion="accordion5"
+    question="What can I do with the ThreeFold Grid?",
+    description="ThreeFold grid can be used to host any web2, web3 and future workload. For more details see our docs."
+) }}
+
+{{ accordion(
+    id_accordion="accordion6"
+    question="How secure and private is my data?",
+    description="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."
+    )
+    }}
+
+{{ accordion(
+    id_accordion="accordion7"
+    question="Who should use the ThreeFold Grid ?",
+    description="Individuals, businesses, and organizations who want to be autonomous 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."
+    )
+    }}
+
+</div>
+
+
+
+<!-- section 9 Cta -->
+
+
+{{ cta(
+    title_1="Build the",
+    title_2="Internet of Tomorrow,",
+    title_3="Today",  
+    button_text_1="Take the Next Step",
+    button_link_1="/signup",
+    button_text_2="Learn More",
+    button_link_2="/action"
+) }}
+
 
 
-   }
 
 
-   }
 
 
 
 
 
 
- </style>

content/media/index.md

@@ -1,13 +1,185 @@
 ---
 title: "ThreeFold's Vision and Mission"
 description: "Our mission is to empower individuals and organizations with secure, private, and autonomous access to computing resources, ensuring fair cloud access for everyone." # quotation marks to allow colons where used
-template: "layouts/media.html"
+template: "page.html"
 insert_anchor_links: "left"
 extra:
  author: ThreeFold
  imgPath: tf.png
 ---
 
+<!--section 1 (hero_side)-->
+
+{{ hero_side(
+    title="Company Profile",
+    description_1="ThreeFold is a pioneering decentralized Internet project designed to create a more open, secure, and sustainable digital infrastructure. By leveraging a global peer-to-peer network of independent nodes, ThreeFold eliminates reliance on centralized cloud providers, ensuring greater privacy, resilience, and accessibility. This innovative model empowers individuals and organizations to contribute computing, storage, and networking resources to the ThreeFold Grid, forming the foundation for a truly autonomous and resilient",
+    description_2="We are currently running V3.16, a large-scale proof of concept network and are now preparing for Version 4, a major upgrade to enable our Web4 vision. The ThreeFold Grid is in more than 50 countries with +2000 nodes online providing data, network and cloud resources to users.",
+    image_src="/images/media_kit.png",
+    image_alt="AIBox Specifications"
+
+
+) }}
+
+
+<!--section 2 (milestones)-->
+
+{{ milestones() }}
+
+
+
+<!--section 3 (branding)-->
+
+{{ branding() }}
+
+
+
+<!--section 4 (founders)-->
+<div class="lg:py-24 py-12">
+<div class=" mb-10 lg:max-w-7xl mx-auto px-4 lg:px-8 text-center">
+
+## Founders & Key Voices
+
+</div>
+
+{{ founders(
+    name="KRISTOF DE SPIEGELEER",
+    title="Co-Founder & CEO",
+    description_1="Is a serial entrepreneur with 30+ years of experience in Internet infrastructure and cloud technology, holding multiple patents and world records in storage and automation solutions used by industry giants like Oracle, Verizon, and Western Digital. He has founded over ten companies, with seven successful exits totaling over $600M. A pioneer in building the Internet and data center business in Europe, Kristof is now focused on creating a decentralized, sovereign Internet through ThreeFold. Guided by a belief that doing good for the world and delivering investor returns can coexist, he champions respect, transparency, and innovation in every venture. Kristof has previously spoken at Davos.",
+    image_src="/images/people/kristof_de_spiegeleer.jpeg",
+    image_alt="KRISTOF DE SPIEGELEER",
+    linkedin_link="https://www.linkedin.com/in/despiegk/"
+) }}
+
+{{ founders(
+    name="FLORIAN FOURNIER",
+    title="Co-Founder & CMO",
+    description_1="Florian Fournier is a serial entrepreneur and ex marketing director at Apple. He's a co-founder at ThreeFold primarily focused on marketing and business development.",
+    image_src="/images/people/florian_fournier.jpeg",
+    image_alt="FLORIAN FOURNIER",
+    description_2="Florian aims to help in bringing new ways of living together, relating, moving, consuming, taking care of each other and working in a more sustainable way, through unpacking current scenarios and anticipating future perspectives. He has previously spoken at Davos and at Balaji Srinivasan’s event Network State, to great acclaim.",
+    linkedin_link="/images/people/florian_fournier.jpeg"
+) }}
+
+</div>
+
+
+
+<!--section 5 (social)-->
+
+<div class="py-12 sm:py-12 text-center px-4">
+
+## Social Media & Community
+
+
+
+<div class="mt-10 mx-auto max-w-7xl px-4">
+<div class="mt-4 grid grid-cols-1 gap-2 lg:grid-cols-4">
+
+
+{{ social(
+    link="https://forum.threefold.io/",
+    image_src="/images/discourse_dark.png",
+    image_alt="Forum",
+    title="Forum",
+    subtitle="Ask Questions"
+) }}
+
+{{ social(
+    link="https://github.com/threefoldfoundation",
+    image_src="/images/github_dark.png",
+    image_alt="GitHub | Tech",
+    title="GitHub | Tech",
+    subtitle="Open-Source Collaboration for Tech Development"
+) }}
+
+{{ social(
+    link="https://github.com/threefoldtech",
+    image_src="/images/github_dark.png",
+    image_alt="GitHub | Foundation",
+    title="GitHub | Foundation",
+    subtitle="Open-source Collaboration for Websites and Online Info"
+) }}
+
+{{ social(
+    link="https://x.com/threefold_io",
+    image_src="/images/twitter.png",
+    image_alt="X | Twitter",
+    title="X | Twitter",
+    subtitle="Connect With Us"
+) }}
+
+{{ social(
+    link="https://t.me/threefoldnews",
+    image_src="/images/telegram.png",
+    image_alt="Telegram News",
+    title="Telegram News",
+    subtitle="Stay Updated"
+) }}
+
+{{ social(
+    link="https://t.me/threefold",
+    image_src="/images/telegram.png",
+    image_alt="Telegram Main Chat",
+    title="Telegram Main Chat",
+    subtitle="Community Conversation"
+) }}
+
+{{ social(
+    link="https://t.me/threefoldfarmers",
+    image_src="/images/telegram.png",
+    image_alt="Telegram Farmers Chat",
+    title="Telegram Farmers Chat",
+    subtitle="Farming Community"
+) }}
+
+{{ social(
+    link="https://t.me/threefoldtesting",
+    image_src="/images/linkedin_dark.png",
+    image_alt="Telegram News",
+    title="Telegram Grid User Chat",
+    subtitle="Grid User Community"
+) }}
+
+{{ social(
+    link="https://www.reddit.com/r/threefold/",
+    image_src="/images/reddit_dark.png",
+    image_alt="Reddit",
+    title="Reddit",
+    subtitle="Join In"
+) }}
+
+{{ social(
+    link="https://www.youtube.com/@ThreeFoldFoundation",
+    image_src="/images/youtube.png",
+    image_alt="Telegram News",
+    title="Telegram Grid User Chat",
+    subtitle="Grid User Community"
+) }}
+
+
+ <a class="my-6" target="{{ target }}" href="javascript:;" onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')">
+    <div class="myscale">
+        <img src="/images/mail_dark.png" class="mx-auto" width="60px" alt="E-mail Newsletter">
+    </div>
+    <h6 class="text-white mt-4 font-semibold">E-mail Newsletter</h6>
+    <p class="text-base text-white  leading-snug">Updates in Your Inbox</p>
+</a> 
+
+
+{{ social(
+    link="https://www.linkedin.com/company/threefold-io/",
+    image_src="/images/linkedin_dark.png",
+    image_alt="LinkedIn",
+    title="LinkedIn",
+    subtitle="Let's Network"
+) }}
+
+
+
+
+
+</div>
+</div>
 
 
 
@@ -18,42 +190,5 @@ extra:
 
 
 
-<style>
 
 
-.rounded_img img {
- border-radius: 8px;
-}
-
-
-.person img{
- border-radius: 100%;
- max-width:100px;
- }
-
-
-.myscale{
- transition: transform .5s;
-}
-
-
-.myscale:hover{
- transform: scale(1.2);
- background-color: whitesmoke;
-}
-
-
-.road_border{
-  
-     border-left: 1px solid rgb(156, 156, 156);
-
-
-   }
-
-
- .white-gray{
-  color: #9f9f9f;
-}
-
-
- </style>

content/newsroom/_index.md

@@ -12,7 +12,7 @@ insert_anchor_links: "left"
 template: "layouts/newsroom.html"
 page_template: "newsPage.html"
 #transparent: true
-generate_feed: true
+#generate_feed: true
 extra:
   imgPath: newsroom.png
 ---

content/solutions/index.md

@@ -1,58 +0,0 @@
----
-title: "Solutions"
-description: "ThreeFold's Solutions." # quotation marks to allow colons where used
-template: "layouts/solutions.html"
-insert_anchor_links: "left"
-extra:
- author: Your name here
- imgPath: about/about_hero.png
----
-
-
-
-
-
-
-
-
-
-
-<style>
-
-
-.rounded_img img {
- border-radius: 8px;
-}
-
-
-.person img{
- border-radius: 100%;
- max-width:100px;
- }
-
-
-.myscale{
- transition: transform .5s;
-}
-
-
-.myscale:hover{
- transform: scale(1.2);
- background-color: whitesmoke;
-}
-
-
-.road_border{
-  
-     border-left: 1px solid rgb(156, 156, 156);
-
-
-   }
-
-
- .white-gray{
-  color: #9f9f9f;
-}
-
-
- </style>

content/what/index.md

@@ -1,58 +1,172 @@
 ---
 title: "What"
 description: "TF offers a secure, sovereign infrastructure layer for Web4, delivering unparalleled scalability, incorruptible and permanent data storage, AI and Web2/Web3/Edge compatibility, and 100% uptime for a resilient digital future." # quotation marks to allow colons where used
-template: "layouts/what.html"
+template: "page.html"
 insert_anchor_links: "left"
 extra:
  author: ThreeFold
  imgPath: tf.png
 ---
 
+<!-- section 1 (header) -->
 
-
-
-
-
-
-
-
-
-<style>
-
-
-.rounded_img img {
- border-radius: 8px;
-}
-
-
-.person img{
- border-radius: 100%;
- max-width:100px;
- }
-
-
-.myscale{
- transition: transform .5s;
-}
-
-
-.myscale:hover{
- transform: scale(1.2);
- background-color: whitesmoke;
-}
-
-
-.road_border{
+{{ hero_text_center(
+    image_src="/images/become_farmer.png",
+    image_alt="Become a Farmer",
+    title="Decentralized Internet Infrastructure",
+    subtitle="",
+    description="Our unique technology enables anyone to become a provider of network, storage and compute capacity.",
+    button1_text="Dive Deeper",
+    button1_link="https://docs.threefold.io/docs/introduction"
+    target="_blank"
   
-     border-left: 1px solid rgb(156, 156, 156);
+
+) }}
+
+
+ <!--section 2 (horizontal_features)-->
+
+<div class="lg:py-24 py-12 mx-auto max-w-7xl lg:px-8">
+
+
+
+  ## What We Do
+
+  ThreeFold can be used by any Web2, Web3, AI, or Edge IT workload.
+
+  <br>
+
+  We are currently running V3.16.0, a large-scale Proof-of-Concept Network, while simultaneously preparing for V4.0.0, our upcoming production-ready release. This will deliver a fully operational infrastructure built around three core pillars:
+
+
+{{ horizontal_features(
+
+  title_1="Data",
+  point_1_1="Private, scalable, and autonomous—designed for AI-native environments.",
+  point_1_2="Distributed and decentralized, offering 10x efficiency and unprecedented security over existing cloud solutions.",
+  point_1_3="User-centric, unbreakable storage system ensuring redundancy & privacy.",
+  point_1_4="Geo-aware for compliance & data localization.",
+
+
+  title_2="Network",
+  point_2_1="End-to-end encrypted, peer-to-peer communication—no intermediaries.",
+  point_2_2="Shortest-path routing—intelligent traffic optimization for latency reduction and cost efficiency.",
+  point_2_3="Self-sustaining and censorship-resistant network.",
+ 
+
+
+  title_3="Compute",
+  point_3_1="Self-healing compute fabric—automatically redistributes workloads to healthy nodes. Fault tolerance is achieved via live migration of workloads, maintaining service availability. The Grid supports a peer-to-peer (P2P) AI compute and storage marketplace, allowing individuals and enterprises to monetize excess compute and GPU resources.",
+  point_3_2="No reliance on hyperscalers—agents dynamically manage resources, ensuring uptime and resilience.",
+  point_3_3="Optimized for AI & Web3—ideal for running autonomous applications, LLMs, and metaverse infrastructure. The Grid is designed to support AI inference and training at the edge.",
+  point_3_4="ThreeFold Grid V3 uses ZOS (Zero-OS), a highly optimized, minimalistic OS designed specifically for stateless, immutable, and self-healing workloads. ZOS runs on bare metal and supports:",
+  point_3_5="MicroVMs & Containerized Workloads (Kubernetes, Docker, Firecracker).",
+  point_3_6="AI & Machine Learning Workloads (LLM inference, federated learning).",
+  point_3_7="Web3 & Blockchain Nodes."
+
+) }}
+
+</div>
+
+
+<!--section 3 (Portfolio)-->
+
+
+<div class="lg:py-24 py-12 mx-auto max-w-7xl lg:px-8">
+
+  ## What We’ve Built
+
+  At ThreeFold, we've created products that embody innovation, authenticity, and simplicity. Each solution is crafted to empower individuals and communities, blending cutting-edge technology with practical usability.
+
+
+
+<dl class="pt-12 grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
+
+{{ portfolio(
+  title="ZERO-OS V3",
+  description="A stateless and lightweight operating system that allows for an improved efficiency of up to 10x for certain workloads.",
+  button_text="Learn More",
+  button_link="https://manual.grid.tf/knowledge_base/technology/concepts/zos.html?highlight=zero-os#overview-of-zero-os"
+)}}
+
+{{ portfolio(
+  title="MYCELIUM NETWORK",
+  description="Decentralized communication layer of TF Grid that connects and coordinates nodes on the ThreeFold Grid, enabling secure and efficient peer-to-peer interactions.",
+  button_text="Learn More",
+  button_link="https://manual.grid.tf/documentation/system_administrators/mycelium/overview.html"
+)}}
+
+{{ portfolio(
+  title="QUANTUM SAFE STORAGE",
+  description="QSS is a decentralized, globally distributed data storage system. It is unbreakable, self-healing, append-only, and immutable.",
+  button_text="Learn More",
+  button_link="https://manual.grid.tf/knowledge_base/technology/qsss/qsss_home.html"
+)}}
+
+{{ portfolio(
+  title="TF CHAIN",
+  description="n application-specific blockchain customized for the operation of a single application – provisioning decentralized compute, storage, and network capacity.",
+  button_text="Learn More",
+  button_link="https://manual.grid.tf/knowledge_base/technology/concepts/tfchain.html"
+)}}
+
+{{ portfolio(
+  title="3NODES",
+  description="ecentralized, user-owned hardware devices that provides computing, storage, and networking resources to power the TF Grid.",
+  button_text="Learn More",
+  button_link="https://manual.grid.tf/documentation/developers/tfchain/tfchain.html?highlight=nodes#nodes"
+)}}
+
+{{ portfolio(
+  title="GATEWAY NODES",
+  description="Specialized nodes that provide secure access points to the ThreeFold Grid, enabling decentralized networking, private data communication, and seamless interaction between users and applications.",
+  button_text="Learn More",
+  button_link="https://manual.grid.tf/documentation/dashboard/deploy/node_finder.html?highlight=gateway%20nodes#gateway-nodes"
+)}}
+
+{{ portfolio(
+  title="TF DASHBOARD",
+  description="A user-friendly interface for monitoring, managing, and deploying resources on the ThreeFold Grid.",
+  button_text="Learn More",
+  button_link="https://manual.grid.tf/documentation/dashboard/dashboard.html"
+)}}
+
+{{ portfolio(
+  title="TF DAO",
+  description="A community-driven governance model that allows token holders to participate in decision-making processes related to the development and direction of the ThreeFold ecosystem.",
+  button_text="Learn More",
+  button_link="https://manual.grid.tf/documentation/dashboard/tfchain/tf_dao.html"
+)}}
+
+{{ portfolio(
+  title="TF CONNECT APP",
+  description="A mobile app that serves as a gateway to the ThreeFold ecosystem and its various ThreeFold products and services.",
+  button_text="Learn More",
+  button_link="https://manual.grid.tf/documentation/tfconnect/tfconnect_toc.html"
+)}}
+
+</dl>
+
+
+
+</div>
+
+
+<!-- section 8 Cta -->
+
+{{ cta(
+    title_1="Build the",
+    title_2="Internet of Tomorrow,",
+    title_3="Today",  
+    button_text_1="Take the Next Step",
+    button_link_1="/signup",
+    button_text_2="Learn More",
+    button_link_2="/action"
+) }}
+
 
 
-   }
 
 
- .white-gray{
-  color: #9f9f9f;
-}
 
 
- </style>

content/what/solutions/index.md

@@ -1,58 +0,0 @@
----
-title: "What"
-description: "ThreeFold's Solutions." # quotation marks to allow colons where used
-template: "layouts/solutions.html"
-insert_anchor_links: "left"
-extra:
- author: Your name here
- imgPath: about/about_hero.png
----
-
-
-
-
-
-
-
-
-
-
-<style>
-
-
-.rounded_img img {
- border-radius: 8px;
-}
-
-
-.person img{
- border-radius: 100%;
- max-width:100px;
- }
-
-
-.myscale{
- transition: transform .5s;
-}
-
-
-.myscale:hover{
- transform: scale(1.2);
- background-color: whitesmoke;
-}
-
-
-.road_border{
-  
-     border-left: 1px solid rgb(156, 156, 156);
-
-
-   }
-
-
- .white-gray{
-  color: #9f9f9f;
-}
-
-
- </style>

content/why/index.md

@@ -1,59 +1,214 @@
 ---
 title: "ThreeFold's Vision and Mission"
 description: "Our mission is to empower individuals and organizations with secure, private, and autonomous access to computing resources, ensuring fair cloud access for everyone." # quotation marks to allow colons where used
-template: "layouts/why.html"
+template: "page.html"
 insert_anchor_links: "left"
 extra:
  author: ThreeFold
  imgPath: tf.png
 ---
 
+<!-- section 1 (header) -->
+
+ <div class="px-4 mt-12 lg:py-24 py-12 lg:px-8">
+ <div class="mx-auto max-w-5xl text-center fade-in">
+
+# The Internet Needs an Upgrade
+
+The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original intent. The Internet was envisioned as a decentralized, open space. A tool for freedom, collaboration, and equal access for all.
+
+<br>
+
+**ThreeFold has invented a new Data, Network, and Cloud system as an engine for the new Internet.**
+
+ </div>
+ </div>
+ 
+
+
+
+<!-- section 2 (reason) -->
+
+{{ description_blockquote(
+    title="The Reason Behind It All",
+
+    description_1="The Internet started as a peer-to-peer network, but over time it has become fragile and overly centralized. This shift has led to serious issues: data centers are extremely expensive to build and maintain, privacy and security are compromised, misinformation is rampant, and half the world remains poorly connected.",
+
+    description_2="Big tech companies now dominate the Internet, tracking our activities and influencing our decisions, consolidating control in ways that don't serve everyone equally.",
+
+    description_3="For +30 years, we’ve dedicated ourselves to this vision, and ThreeFold is the culmination of that journey. Today, we have a fully operational product (V3) and a thriving community of farmers, users, and partners.",
+
+    description_4="Therefore we believe the Internet needs a fresh start—one that addresses these challenges with a focus on authenticity, equality, and sustainability for everyone."
+
+    
+) }}
+
+
+
+<!-- section 3 (AI) -->
+
+ <div class="px-4 mt-12 lg:py-24 py-12 lg:px-8">
+ <div class="mx-auto max-w-4xl text-center fade-in">
+
+## AI needs to be decentralized
+
+We are at the dawn of AI, a transformative force that will redefine how we live, work, and interact with technology. AI presents an incredible opportunity for humanity, however, as AI systems become more powerful, their control sits in the hands of a few corporations, raising serious concerns around privacy, bias, accessibility, and so on.
+
+<br>
+
+Further, centralized cloud providers are bottlenecks, as AI compute demand is outpacing supply and training AI models is too expensive.
+
+<br>
+
+We must not repeat mistakes of the past. Without decentralization, AI will remain controlled by a few corporations—limiting accessibility, innovation, and independence. To ensure AI benefits everyone, we must advocate for decentralized, open-source AI models that are transparent, ethical, and community-driven. And this can only happen on an infrastructure like ThreeFold.
+
+ </div>
+ </div>
+
+
+
+ <!-- section 4 (web4) -->
+
+ <div class="px-4 lg:px-8 lg:py-24 py-12">
+ <div class="mx-auto max-w-7xl fade-in">
+
+## The Vision for a New Internet
+
+<div class="max-w-3xl">
+
+Unlike traditional internet infrastructure, which relies on centralized data centers and corporate control, ThreeFold is built on a global mesh of independent cloud providers—individuals and organizations who contribute data, cloud and network power directly to the ecosystem.
+
+<br>
+
+This makes ThreeFold uniquely decentralized at the physical layer, eliminating single points of failure and gatekeepers. It’s a truly neutral and scalable foundation that puts privacy, resilience, and digital sovereignty at the core of the internet.
+
+ </div>
+ </div>
+ </div>
+
+
+
+<!-- section 5 (timeline) -->
+
+ <div class="px-4 mt-12 lg:py-24 py-12 lg:px-8">
+ <div class="mx-auto max-w-3xl text-center fade-in">
+
+## ThreeFold’s Journey
+
+Over the past decades, we’ve tackled complex challenges in areas such as data storage, secure overlay networking, and autonomous cloud security. With significant experience in Internet and Cloud and a strong vision for the future, these pivotal milestones have shaped our growth and drive us towards a better digital future.
+
+ </div>
+
+ {{ timeline(
+  subtitle_1="Phase I",
+  title_1="Creation of Core Technology",
+  point_1_1="Open Source Development.",
+  point_1_2="Built decentralized, autonomous, edge internet technology.",
+  point_1_3="Self-funded and private investment from founders, community, and TF Tech investors.",
+
+  subtitle_2="Phase II",
+  title_2="Global Proof Of Concept.",
+  point_2_1="Open Source Development.",
+  point_2_2="50+ Countries.",
+  point_2_3="50,000+ Cores.",
+  point_2_4="25,000,000 GB of Storage.",
+  point_2_5="Thousands of enthusiasts actively engage with and contribute to the evolution of the ThreeFold Network.",
+  point_2_6="Decentralized reliable compute, network and storage layer for Web 2-3.",
+  point_2_7="Commitments from wonderful projects to build on top of us.",
+
+  subtitle_3="Current Phase – 2025",
+  title_3="Decentralized AI and Cloud",
+  point_3_1="Introduce 3Phone & 3Router.",
+  point_3_2="Introduce decentralized AI infrastructure and capabilities.",
+  point_3_3="Expand the network considerably.",
+  point_3_4="Build a network of commercial farmers for optimal performance and uptime.",
+  point_3_5="Expand the network considerably.",
+  point_3_6="Build a network of commercial farmers for optimal performance and uptime.",
+
+  subtitle_4="The Result",
+  title_4="Autonomy for All",
+  point_4_1="An upgraded Internet for Billions.",
+  point_4_2="A planet-and-people-first hybrid of Humans and machines delivers on the promise of Augmented Collective Intelligence."
+
+ ) }}
+
+ </div>
+
+
+
+<!-- section 6 (Values) -->
+
+{{ values(
+
+  title_1="Open Source.",
+  title_2="Authenticity.",
+  title_3="Simplicity."
+
+) }}
+
+
+
+<!-- section 7 (Team) -->
+
+<div class="lg:py-24 py-12 text-center">
+
+{{ text_center(
+    title="Founded by Internet 1.0 Pioneers and All of You",
+    description_1="The founders have been working in Internet technology since its early days when it operated as a decentralized, peer-to-peer network. ThreeFold is an open-source movement driven by a dedicated team and a vibrant community of contributors helping to bring our shared vision to life.",
+    description_2="The project is supported by over 50 full-time active developers.",
+    button_text_1="Meet the Team",
+    button_link_1="/people"
+
+) }}
+
+</div>
+</div>
 
 
 
 
 
+<!-- section 8 Cta -->
+
+{{ cta(
+    title_1="Build the",
+    title_2="Internet of Tomorrow,",
+    title_3="Today",  
+    button_text_1="Take the Next Step",
+    button_link_1="/signup",
+    button_text_2="Learn More",
+    button_link_2="/action"
+) }}
 
 
-
-
-
-<style>
-
-
-.rounded_img img {
- border-radius: 8px;
-}
-
-
-.person img{
- border-radius: 100%;
- max-width:100px;
- }
-
-
-.myscale{
- transition: transform .5s;
-}
-
-
-.myscale:hover{
- transform: scale(1.2);
- background-color: whitesmoke;
-}
-
-
-.road_border{
+  <style>
+    /* Define the fade-in animation */
+    @keyframes fadeIn {
+      0% {
+        opacity: 0;
+      }
+      100% {
+        opacity: 1;
+      }
+    }
   
-     border-left: 1px solid rgb(156, 156, 156);
+    /* Apply the fade-in animation to elements with the 'fade-in' class */
+    .fade-in {
+      animation: fadeIn 4s ease-in-out forwards; /* Adjust the duration (2s) to make it slower or faster */
+    }
+  
+    /* Optional: Delay the animation for a more staggered effect */
+    h1, h2 {
+      animation-delay: 0.5s; /* Delay for header */
+    }
+  
+    p {
+      animation-delay: 1s; /* Delay for paragraphs */
+    }
+  </style>
 
 
-   }
 
 
- .white-gray{
-  color: #9f9f9f;
-}
 
 
- </style>