update what page

templates/layouts/what.html

@@ -2,6 +2,7 @@
 {% block content %}
 
 {% include "partials/what/hero.html" %}
+{% include "partials/what/what_features.html" %}
 {% include "partials/what/what.html" %}
 {% include "partials/what/portfolio.html" %}
 {% include "partials/home/cta.html" %}

templates/partials/what/hero.html

@@ -1,8 +1,8 @@
 <div class="relative isolate overflow-hidden bg-transparent">
-    <div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8">
+    <div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8 h-screen">
       <div class="mx-auto max-w-4xl text-center">
         <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">A Secure & Autonomous Infrastructure Layer for Web4</h2>
-        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-lg font-light text-gray-200 fade-in">Our unique technology enables a system which can scale to a planetary level, can store data which can never be corrupted nor lost, is compatible with AI, Cloud, Web2, Web3 and Edge IT workloads, has the potential to recover from unforeseen events, and provide 100% uptime.</p>
+        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-lg font-light text-gray-200 fade-in">Our unique technology enables a system that can scale globally, ensures stored data can never be corrupted, nor lost, recovers from unforeseen events, and guarantees 100% uptime.</p>
         <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-lg font-medium text-gray-200 fade-in">ThreeFold can be used by any Web2, Web3, AI, or Edge IT workload.
         </p>
         <div class="mt-12 flex items-center justify-center gap-x-6">

templates/partials/what/what_features.html

@@ -0,0 +1,95 @@
+<div class="bg-transparent pb-6">
+  <div class="mx-auto max-w-7xl px-6 lg:px-8">
+    <div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
+      <h2 class="mx-auto fade-in lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white">What We Do</h2>
+      <p class="my-6 mx-auto text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
+        We are currently running V3.15, a large-scale proof of concept network, and are now preparing for Version 4, our production-ready release. This will deliver a fully operational infrastructure built around three core pillars:
+      </p>
+  </div>
+<section class="pb-32 bg-transparent">
+  <div class="max-w-6xl mx-4 md:mx-10 lg:mx-20 xl:mx-auto">
+    <div class="mx-auto max-w-2xl mt-16  lg:max-w-none">
+      <dl class="grid max-w-xl gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-2">
+        <dl class="grid max-w-xl gap-x-8 gap-y-8 lg:max-w-none">
+                <div class="fade-in-box flex flex-col p-4 lg:p-8 rounded-2xl  bg-white/5">
+                  <!-- <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/open_source.png" alt=""> -->
+                  <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white px-6">
+                    Data
+                  </dt>
+                  <dd class="mt-4 flex flex-auto flex-col">
+                    <ul class="text-white fade-in">
+                      <li class="text-sm text-gray-200 mb-2">Private, scalable, and autonomous—designed for AI-native environments.</li>
+                      <li class="text-sm text-gray-200 mb-2">Distributed and decentralized, offering 10x efficiency and unprecedented security over existing cloud solutions.</li>
+                      <li class="text-sm text-gray-200 mb-2">User Centric Geo-Aware Unbreakable Storage system (ensuring redundancy & privacy)</li>
+                      <li class="text-sm text-gray-200 mb-2">Geo-aware for Compliance & Data Localization</li>
+                    </ul>
+                  </dd>
+                </div>
+                <div class="fade-in-box flex flex-col p-4 lg:p-8 rounded-2xl  bg-white/5">
+                  <!-- <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/open_source.png" alt=""> -->
+                  <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white px-6">
+                    Network
+                  </dt>
+                  <dd class="mt-4 flex flex-auto flex-col">
+                    <ul class="text-white fade-in">
+                      <li class="text-sm text-gray-200 mb-2">End-to-end encrypted, peer-to-peer communication—no intermediaries.</li>
+                      <li class="text-sm text-gray-200 mb-2">Shortest-path routing—intelligent traffic optimization for latency reduction and cost efficiency.</li>
+                      <li class="text-sm text-gray-200 mb-2">User Centric Geo-Aware Unbreakable Storage system (ensuring redundancy & privacy)</li>
+                      <li class="text-sm text-gray-200 mb-2">Self-sustaining and censorship-resistant—a true Web4-ready network.cases including the following:</li>
+                    </ul>
+                  </dd>
+                </div>
+        </dl>
+          
+        <div class="fade-in-box flex flex-col p-4 lg:p-8 rounded-2xl  bg-white/5">
+          <!-- <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/open_source.png" alt=""> -->
+          <dt class="flex gap-x-3 text-lg rounded-2xl font-semibold text-white px-6">
+            Autonomous Cloud
+          </dt>
+          <dd class="mt-4 flex flex-auto flex-col">
+            <ul class="text-white fade-in">
+              <li class="text-sm text-gray-200 mb-2">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.</li>
+              <li class="text-sm text-gray-200 mb-2">No reliance on hyperscalers—agents dynamically manage resources, ensuring uptime and resilience.</li>
+              <li class="text-sm text-gray-200 mb-2">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.</li>
+              <li class="text-sm text-gray-200 mb-2">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:
+                <ul class="text-white fade-in">
+                  <li class="text-sm">MicroVMs & Containerized Workloads (Kubernetes, Docker, Firecracker).</li>
+                  <li class="text-sm">AI & Machine Learning Workloads (LLM inference, federated learning).</li>
+                  <li class="text-sm">Web3 & Blockchain Nodes.</li>
+                </ul>
+              </li>
+            </ul>
+          </dd>
+        </div>
+      </dl>
+    </div>
+  </div>
+</section>
+
+<style>
+  /* Fade-in animation for the grid items */
+  .fade-in-box {
+    opacity: 0;
+    animation: fadeIn 0.6s ease-in-out forwards;
+  }
+
+  /* Fading in each grid item with a slight delay */
+  .fade-in-box:nth-child(1) { animation-delay: 0s; }
+  .fade-in-box:nth-child(2) { animation-delay: 0.2s; }
+  .fade-in-box:nth-child(3) { animation-delay: 0.4s; }
+  .fade-in-box:nth-child(4) { animation-delay: 0.6s; }
+  .fade-in-box:nth-child(5) { animation-delay: 0.8s; }
+  .fade-in-box:nth-child(6) { animation-delay: 1s; }
+  .fade-in-box:nth-child(7) { animation-delay: 1.2s; }
+  .fade-in-box:nth-child(8) { animation-delay: 1.4s; }
+  .fade-in-box:nth-child(9) { animation-delay: 1.6s; }
+  .fade-in-box:nth-child(10) { animation-delay: 1.8s; }
+  .fade-in-box:nth-child(11) { animation-delay: 2s; }
+  .fade-in-box:nth-child(12) { animation-delay: 2.2s; }
+
+  @keyframes fadeIn {
+    to {
+      opacity: 1;
+    }
+  }
+</style>