init cultivation process

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

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

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

@@ -0,0 +1,5 @@
+---
+id: CP_process_1
+image: ./tft_solution.png
+---
+Solution Providers create experiences on the ThreeFold Grid.

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

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

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

@@ -0,0 +1,5 @@
+---
+id: CP_process_3
+image: ./tft_farmers_earn.png
+---
+ThreeFold Grid users pay cultivation fees (using TFT) for using compute, storage and network capacity.

content/page/tft/tft.md

@@ -8,6 +8,7 @@ header_title: THE WORLD IS USING A NEW INTERNET
 header_image: ./tft_header.jpg
 header_altImg: TFT
 header_excerpt: It runs on TFT
+solution_image: ./tft_limited.jpg
 button: Get TFT
 link: /
 cta: tft_cta
@@ -19,4 +20,6 @@ useTftMain: useTft_main
 tftUses: [col1, col2, col3]
 farmingMain: FP_main
 farmingProcess: [process_1, process_2, process_3]
+cultivationMain: CP_main
+cultivationProcess: [CP_process_1, CP_process_2, CP_process_3]
 ---

gridsome.config.js

@@ -419,6 +419,22 @@ module.exports = {
             }
         },
 
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'CultivationProcessMain',
+                path: './content/page/**/cultivationProcess/main/*.md',
+            }
+        },
+
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'CultivationProcess',
+                path: './content/page/**/cultivationProcess/**/*.md',
+            }
+        },
+
         {
             use: '@gridsome/source-filesystem',
             options: {
@@ -483,7 +499,9 @@ module.exports = {
                     useTftMain: 'TftUsesMain',
                     tftUses: 'TftUses',
                     farmingMain: 'FarmingProcessMain',
-                    farmingProcess: 'FarmingProcess'
+                    farmingProcess: 'FarmingProcess',
+                    cultivationMain: 'CultivationProcessMain',
+                    cultivationProcess: 'CultivationProcess'
                 }
             }
         },

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

@@ -1,8 +1,17 @@
 <template>
   <div class="bg-white">
     <div
-      v-if="id == 'tft' && !farmingProcess"
-      class="mx-auto py-12 px-4 max-w-screen-xl sm:px-6 lg:px-8 lg:py-24 tft_section"
+      v-if="id == 'tft' && !farmingProcess && !cultivationProcess"
+      class="
+        mx-auto
+        py-12
+        px-4
+        max-w-screen-xl
+        sm:px-6
+        lg:px-8
+        lg:py-24
+        tft_section
+      "
     >
       <div
         class="
@@ -30,7 +39,7 @@
     </div>
 
     <div
-      v-else-if="id == 'tft' && farmingProcess"
+      v-else-if="id == 'tft' && (farmingProcess || cultivationProcess)"
       class="mx-auto py-12 px-4 max-w-screen-xl sm:px-6 lg:px-8 lg:py-24"
     >
       <div class="space-y-12">
@@ -85,83 +94,6 @@
             </div>
           </div>
         </div>
-        <div class="text-center">
-          <div class="inline-flex" v-if="main.button">
-            <a
-              v-if="urlChecker(main.link)"
-              target="_blank"
-              :href="main.link"
-              class="
-                bg-blue-900
-                text-sm
-                learn-button
-                hover:bg-blue-800
-                text-gray-100
-                px-12
-                py-2
-                mr-5
-                shadow
-                rounded-full
-              "
-              >{{ main.button }}</a
-            >
-            <a
-              v-else
-              :href="main.link"
-              class="
-                bg-blue-900
-                text-sm
-                learn-button
-                hover:bg-blue-800
-                text-gray-100
-                px-12
-                py-2
-                mr-5
-                shadow
-                rounded-full
-              "
-              >{{ main.button }}</a
-            >
-          </div>
-
-          <div class="inline-flex" v-if="main.button2">
-            <a
-              v-if="urlChecker(main.link2)"
-              target="_blank"
-              :href="main.link2"
-              class="
-                bg-blue-900
-                text-sm
-                learn-button
-                hover:bg-blue-800
-                text-gray-100
-                px-12
-                py-2
-                mr-5
-                shadow
-                rounded-full
-              "
-              >{{ main.button2 }}</a
-            >
-            <a
-              v-else
-              :href="main.link2"
-              class="
-                bg-blue-900
-                text-sm
-                learn-button
-                hover:bg-blue-800
-                text-gray-100
-                px-12
-                py-2
-                mr-5
-                shadow
-                rounded-full
-              "
-              >{{ main.button2 }}</a
-            >
-          </div>
-        </div>
       </div>
     </div>
 
@@ -305,7 +237,10 @@
 
 <script>
 export default {
-  props: ["id", "farmingProcess", "main", "sections"],
+  props: ["id", "farmingProcess", "cultivationProcess", "main", "sections"],
+  mounted() {
+    console.log(this.sections);
+  },
   methods: {
     img(image) {
       if (!image) return "";

src/templates/MarkdownPage.vue

@@ -132,6 +132,19 @@
         :farmingProcess="true"
       />
 
+      <TFTFuel
+        v-if="$page.markdownPage.cultivationProcess.length > 0"
+        :id="$page.markdownPage.id"
+        :main="$page.markdownPage.cultivationMain"
+        :sections="$page.markdownPage.cultivationProcess"
+        :cultivationProcess="true"
+      />
+
+      <g-image
+        v-if="$page.markdownPage.solution_image"
+        :src="$page.markdownPage.solution_image"
+      />
+
       <Partenerships
         v-if="
           $page.markdownPage.partnerships &&
@@ -497,6 +510,17 @@
        image
        content
      }
+
+     cultivationMain {
+       id
+       title
+       subtitle
+     }
+     cultivationProcess{
+       id
+       image
+       content
+     }
     }
     allCustomCta {
       edges {