init partners part

content/page/home/home.md

@@ -38,6 +38,8 @@ features2:
     features2_sustainability
 
   ]
+partenershipsMain: home_partenerships_main
+partnerships: [solidaridad, tag, threefold]
 ---
 
 <!-- header: home_header

content/page/home/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/home/partenerships/main/main.md

@@ -0,0 +1,11 @@
+---
+id: home_partenerships_main
+title: Our partners build a better tomorrow 
+# slogan: PARTNERSHIPS
+# button : See Our Partners
+# link : /partners
+# button2 : ACI
+# link2 : /aci
+---
+
+ThreeFold exists for humanity to thrive, while regenerating our planet. We provide the foundation for people and projects that help to build a better world – whether they have moonshot visions or down-to-earth ambitions. We aren’t the hero of our story. They are.

content/page/home/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/home/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/home/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.

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

@@ -13,6 +13,33 @@
         ></div>
       </div>
       <div
+        v-if="id == 'home'"
+        class="mx-auto grid-cols-3 sm:grid sm:grid-cols-1 lg:grid-cols-3 lg:max-w-5xl"
+      >
+        <div
+          class="my-5 mx-5"
+          v-for="partnership in partnerships"
+          :key="partnership.id"
+        >
+          <img
+            class="mx-auto"
+            :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-600"
+                v-html="partnership.content"
+              ></div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div
+        v-else
         class="mx-auto grid-cols-2 sm:grid sm:grid-cols-1 lg:grid-cols-2 lg:max-w-5xl"
       >
         <div
@@ -71,6 +98,6 @@
 
 <script>
 export default {
-  props: ["partnerships", "main"],
+  props: ["id", "partnerships", "main"],
 };
 </script>

src/pages/Index.vue

@@ -66,6 +66,16 @@
         :features="$page.markdownPage.features2"
       />
 
+      <Partenerships
+        v-if="
+          $page.markdownPage.partnerships &&
+          $page.markdownPage.partnerships.length > 0
+        "
+        :main="$page.markdownPage.partenershipsMain"
+        :partnerships="$page.markdownPage.partnerships"
+        :id="$page.markdownPage.id"
+      />
+
       <BrandPanel
         :brand="$page.markdownPage.brandPanel"
         v-if="$page.markdownPage.brandPanel"
@@ -318,6 +328,22 @@
           title
           content
         }
+        partenershipsMain{
+         id
+         title
+         slogan
+         content
+         link
+         link2
+         button
+         button2
+       }
+       partnerships {
+         id
+         title
+         img
+         content
+       }
     }  
   }
 
@@ -346,6 +372,7 @@ import logoShowcase from "~/components/marketing/sections/cta-sections/logoShowc
 import InTheNews from "~/components/marketing/sections/logo-clouds/off_white_grid.vue";
 import SignUp from "~/components/custom/sections/SignUp.vue";
 import VideoPanel from "~/components/custom/VideoPanel.vue";
+import Partenerships from "~/components/marketing/sections/team-sections/grid_with_large_round_images.vue";
 
 export default {
   components: {
@@ -364,6 +391,7 @@ export default {
     InTheNews,
     SignUp,
     VideoPanel,
+    Partenerships,
   },
   computed: {
     getImg() {