farmer section

templates/index.html

@@ -4,9 +4,9 @@
 {% include "partials/home/hero.html" %}
 {% include "partials/home/banner.html" %}
 {% include "partials/home/grid_stats.html" %}
+{% include "partials/home/farmers.html" %}
 {% include "partials/home/features.html" %}
 {% include "partials/home/web4.html" %}
-{% include "partials/home/farmers.html" %}
 {% include "partials/home/faq.html" %}
 {% include "partials/home/cta.html" %}
 

templates/partials/home/farmers.html

@@ -1,50 +1,53 @@
 <div class="bg-transparent pt-12 pb-6">
   <div class="mx-auto max-w-7xl px-6 lg:max-w-7xl 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 text-left lg:text-5xl text-2xl leading-snug font-normal tracking-tight text-white">What We’ve Built</h2>
+      <h2 class="mx-auto fade-in text-left lg:text-5xl text-2xl leading-snug font-normal tracking-tight text-white">Powering the Grid Together</h2>
       <p class="text-left mt-6 max-w-3xl text-pretty lg:text-xl text-base font-light text-gray-200 fade-in">
-        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. Explore how our creations are shaping a more open and connected future.
+        Regardless of technical expertise, anyone can now provide data, network, and cloud resources to where they’re needed most while earning rewards for their contributions. We call this process "farming”. 
       </p>
 </div>
-  </div>
-</div>
 <section class="pb-32 bg-transparent">
   <div class="max-w-6xl mx-8 md:mx-10 lg:mx-20 xl:mx-auto">
     <div class="mx-auto max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none">
       <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3">
         <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
-            ZERO-OS V3
+            1. HOST A NODE
           </dt>
           <dd class="mt-4 flex flex-auto flex-col">
-            <p class="flex-auto leading-normal font-light text-gray-200 text-md">A stateless and lightweight operating system that allows for an improved efficiency of up to 10x for certain workloads.</p>
+            <p class="flex-auto leading-normal font-light text-gray-200 text-md">All you need to get started is a modern computer, electricity and network. Once booted with Zero OS, a computer becomes a ThreeFold Node.</p>
             <p class="mt-6">
-              <a href="https://manual.grid.tf/knowledge_base/technology/concepts/zos.html?highlight=zero-os#overview-of-zero-os" target="_blank" class="text-sm/6 font-semibold text-white hover:text-gray-300">Learn more <span aria-hidden="true">→</span></a>
             </p>
           </dd>
         </div>
         <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
-            MYCELIUM NETWORK
+            2. OFFER CAPACITY
           </dt>
           <dd class="mt-4 flex flex-auto flex-col">
-            <p class="flex-auto leading-normal font-light text-gray-200 text-md">Decentralized communication layer of TF Grid that connects and coordinates nodes on the ThreeFold Grid, enabling secure and efficient peer-to-peer interactions.</p>
+            <p class="flex-auto leading-normal font-light text-gray-200 text-md">The capacity of the node gets verified and registered in the ThreeFold Blockchain, securing access to a decentralized autonomous cloud for users and communities.</p>
             <p class="mt-6">
-              <a href="https://manual.grid.tf/documentation/system_administrators/mycelium/overview.html" target="_blank" class="text-sm/6 font-semibold text-white hover:text-gray-300">Learn more <span aria-hidden="true">→</span></a>
+            
             </p>
           </dd>
         </div>
         <div class="fade-in-box flex flex-col p-8 rounded rounded-2xl bg-white/5">
           <dt class="flex items-center gap-x-3 text-base/7 rounded-2xl font-semibold text-white">
-            QUANTUM SAFE STORAGE
+            3. EARN REWARDS
           </dt>
           <dd class="mt-4 flex flex-auto flex-col">
-            <p class="flex-auto leading-normal font-light text-gray-200 text-md">QSS is a decentralized, globally distributed data storage system. It is unbreakable, self-healing, append-only, and immutable.</p>
+            <p class="flex-auto leading-normal font-light text-gray-200 text-md">After your node is set up and verified, you’ll be rewarded for the capacity that you provide to the ThreeFold Grid.
+            </p>
             <p class="mt-6">
-              <a href="https://manual.grid.tf/knowledge_base/technology/qsss/qsss_home.html" target="_blank" class="text-sm/6 font-semibold text-white hover:text-gray-300">Learn more <span aria-hidden="true">→</span></a>
+              
             </p>
           </dd>
         </div>
+      </div>
+      <div class="mt-12 flex items-center justify-center gap-x-6">
+        <a href="https://docs.threefold.io/docs/category/nodes" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mt-8">Become a Farmer</a>
+      </div>
+    </div>
       </dl>
     </div>
   </div>