init partenerships part

content/page/why/partenerships/kleos/index.md

@@ -0,0 +1,7 @@
+---
+id: kleos
+img: ./kleos_img.png
+title: Connecting the Unconnected.
+---
+
+The demand for connectivity is higher than ever before. But current approaches are harmful to our planet. We must find sustainable ways to connect the remote regions of this world and the billions being left behind. This is the focus of our partnership with Kleos, a new responsible telecom solution.

content/page/why/partenerships/main/main.md

@@ -0,0 +1,7 @@
+---
+id: partenerships_main
+title: ACHIEVING GOALS THROUGH
+slogan: PARTNERSHIPS.
+---
+
+We have carefully chosen the right partnerships to implement our vision.

content/page/why/partenerships/solidaridad/index.md

@@ -0,0 +1,8 @@
+---
+id: solidaridad
+img: ./solidaridad_img.png
+title: Bringing Fair Data to Farmers.
+---
+
+Current supply chain models can be complicated and easily mismanaged, and they often exploit farmers and producers. Through our collaboration with Solidaridad, 
+ThreeFold’s autonomous and secure technology will bring verifiability to data and create transparent supply chains.

content/page/why/partenerships/tag/index.md

@@ -0,0 +1,7 @@
+---
+id: tag
+img: ./tag_img.png
+title: Empowering Global Education.
+---
+
+Today, education remains inaccessible for millions  of children around the world. This is not fair. By partnering with Take Action Global, we will bring local Internet capacity to developing regions, and  build educational platforms that empower the forgotten leaders of tomorrow.

content/page/why/partenerships/threefold/index.md

@@ -0,0 +1,7 @@
+---
+id: threefold
+img: ./threefold_img.png
+title: Decentralizing Everything.
+---
+
+True decentralization needs a truly decentralized infrastructure. ThreeFold is the peer-to-peer foundation – a network of networks – where blockchains and other solutions can operate and interconnect in a truly decentralized way. Together, we are paving the way to an equal and fairly-distributed world.

content/page/why/why.md

@@ -9,6 +9,8 @@ solution_image: ./404.png
 cta: why_cta
 productsMain: "product_main"
 productData: [peer_to_peer, internet_available, better_solution]
+partenershipsMain: partenerships_main
+partnerships: [solidaridad, tag, kleos, threefold]
 ---
 
 <!-- header: home_header

gridsome.config.js

@@ -213,6 +213,22 @@ module.exports = {
             }
         },
 
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'PartenershipsMain',
+                path: './content/page/**/partenerships/main/*.md',
+            }
+        },
+
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'Partenerships',
+                path: './content/page/**/partenerships/**/*.md',
+            }
+        },
+
         {
             use: '@gridsome/source-filesystem',
             options: {
@@ -248,7 +264,9 @@ module.exports = {
                     inTheNews: 'InTheNews',
                     brandPanel: 'BrandPanel',
                     brandPanel2: 'BrandPanel2',
-                    allSlides: 'About'
+                    allSlides: 'About',
+                    partenershipsMain: 'PartenershipsMain',
+                    partnerships: 'Partenerships'
                 }
             }
         },

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

@@ -0,0 +1,47 @@
+<template>
+  <div
+    class="max-w-screen-xl mx-auto py-12 px-4 text-center sm:px-6 lg:px-8 lg:py-24"
+  >
+    <div class="space-y-12">
+      <div class="space-y-5 sm:mx-auto sm:max-w-xl sm:space-y-4 lg:max-w-5xl">
+        <h1 class="text-3xl text-gray-900 font-light sm:text-9xl sm:leading-10">
+          {{ main.title }} <span class="font-extrabold">{{ main.slogan }}</span>
+        </h1>
+        <div
+          class="mt-3 max-w-2xl mx-auto text-xl leading-7 text-gray-700 sm:mt-4"
+          v-html="main.content"
+        ></div>
+      </div>
+      <div
+        class="mx-auto grid-cols-2 sm:grid sm:grid-cols-1 lg:grid-cols-2 lg:max-w-5xl"
+      >
+        <div
+          class="my-5 mx-5"
+          v-for="partnership in partnerships"
+          :key="partnership.id"
+        >
+          <img
+            class="mx-auto rounded-full"
+            :src="partnership.img.src"
+            :alt="partnership.id"
+          />
+          <div class="space-y-2">
+            <div class="text-lg leading-6 font-medium space-y-1">
+              <h4>{{ partnership.title }}</h4>
+              <div
+                class="text-base text-gray-700"
+                v-html="partnership.content"
+              ></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["partnerships", "main"],
+};
+</script>

src/templates/MarkdownPage.vue

@@ -44,10 +44,22 @@
 
       <div class="container sm:pxi-0 mx-auto mt-8 overflow-x-hidden">
         <AppListItem
+          v-if="
+            $page.markdownPage.productData &&
+            $page.markdownPage.productData.length > 0
+          "
           :products="$page.markdownPage.productData"
           :main="$page.markdownPage.productsMain"
         />
       </div>
+      <Partenerships
+        v-if="
+          $page.markdownPage.partnerships &&
+          $page.markdownPage.partnerships.length > 0
+        "
+        :main="$page.markdownPage.partenershipsMain"
+        :partnerships="$page.markdownPage.partnerships"
+      />
     </div>
 
     <!-- <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
@@ -122,6 +134,18 @@
          btnTxt
          image
        }
+       partenershipsMain{
+         id
+         title
+         slogan
+         content
+       }
+       partnerships {
+         id
+         title
+         img
+         content
+       }
     }
   }
 
@@ -145,6 +169,7 @@ import FourTiersWithToggle from "~/components/marketing/sections/pricing/four_ti
 import WithComparisonTable from "~/components/marketing/sections/pricing/with_comparison_table.vue";
 import BrandPanel from "~/components/marketing/sections/cta-sections/BrandPanel.vue";
 import AppListItem from "~/components/AppListItem.vue";
+import Partenerships from "~/components/marketing/sections/team-sections/grid_with_large_round_images.vue";
 
 export default {
   components: {
@@ -165,6 +190,7 @@ export default {
     WithComparisonTable,
     BrandPanel,
     AppListItem,
+    Partenerships,
   },
 
   metaInfo() {