update farming page2

content/page/farm/cultivationProcess/main/index.md

@@ -0,0 +1,5 @@
+---
+id: CP_main
+title: PROOF OF UTILIZATION
+subtitle: THE CULTIVATION PROCESS
+---

content/page/farm/cultivationProcess/process_1/index.md

@@ -0,0 +1,5 @@
+---
+id: CP_process_1
+image: ./tft_farmers_earn2.png
+---
+TFT is used by users to reserve current or future Internet capacity on the ThreeFold Grid.

content/page/farm/cultivationProcess/process_2/index.md

@@ -0,0 +1,4 @@
+---
+id: CP_process_2
+image: ./tft_process.png
+---

content/page/farm/cultivationProcess/process_3/index.md

@@ -0,0 +1,5 @@
+---
+id: CP_process_3
+image: ./tft_solution2.png
+---
+Internet capacity can be used to store data, run workloads and use peer-to-peer applications.

content/page/farm/farm.md

@@ -18,4 +18,8 @@ cta2: farm_cta2
 brandPanel: farm_brandPanel
 brandPanel3: farm_brandPanel3
 brandPanel2 : farm_brandPanel2
+farmingMain: FP_main
+farmingProcess: [process_1, process_2, process_3]
+cultivationMain: CP_main
+cultivationProcess: [CP_process_1, CP_process_2, CP_process_3]
 ---

content/page/farm/farmingProcess/main/index.md

@@ -0,0 +1,5 @@
+---
+id: FP_main
+title: PROOF OF CAPACITY
+subtitle: THE FARMING PROCESS
+---

content/page/farm/farmingProcess/process_1/index.md

@@ -0,0 +1,5 @@
+---
+id: process_1
+image: ./tft_hardware2.png
+---
+Anyone can download ThreeFold's OS and connect hardware and to the ThreeFold Grid and become a Farmer.

content/page/farm/farmingProcess/process_2/index.md

@@ -0,0 +1,4 @@
+---
+id: process_2
+image: ./tft_process.png
+---

content/page/farm/farmingProcess/process_3/index.md

@@ -0,0 +1,5 @@
+---
+id: process_3
+image: ./tft_farmers_earn2.png
+---
+Farmers earn TFT for achieving a certain uptime and as proof of  capacity. We call that ‘Farming’.

src/components/marketing/sections/team-sections/with_large_images.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="bg-white">
     <div
-      v-if="id == 'tft' && !farmingProcess && !cultivationProcess"
+      v-if="id == 'farm' && !farmingProcess && !cultivationProcess"
       class="
         mx-auto
         lg:py-16
@@ -38,7 +38,7 @@
     </div>
 
     <div
-      v-else-if="id == 'tft' && (farmingProcess || cultivationProcess)"
+      v-else-if="id == 'farm' && (farmingProcess || cultivationProcess)"
       class="mx-auto lg:py-16 px-4 max-w-screen-xl sm:px-6 lg:px-8 tft_section"
     >
       <div class="space-y-12">

src/templates/MarkdownPage.vue

@@ -130,6 +130,8 @@
         :sections="$page.markdownPage.comparisonSecs"
       /> -->
 
+      
+
       <CallToAction
         :id="$page.markdownPage.id"
         v-if="
@@ -237,6 +239,22 @@
         :brandPanel3="true"
       />
 
+      <TFTFuel
+        v-if="$page.markdownPage.farmingProcess.length > 0"
+        :id="$page.markdownPage.id"
+        :main="$page.markdownPage.farmingMain"
+        :sections="$page.markdownPage.farmingProcess"
+        :farmingProcess="true"
+      />
+
+      <TFTFuel
+        v-if="$page.markdownPage.cultivationProcess.length > 0"
+        :id="$page.markdownPage.id"
+        :main="$page.markdownPage.cultivationMain"
+        :sections="$page.markdownPage.cultivationProcess"
+        :cultivationProcess="true"
+      />
+
       <CallToAction
         :id="$page.markdownPage.id"
         v-if="$page.markdownPage.cta2 && $page.markdownPage.id == 'farm'"