Add partnership

content/page/home/home.md

@@ -40,8 +40,7 @@ features2:
     features2_sustainability
 
   ]
-partenershipsMain: home_partenerships_main
+partnerships: [become_farmer, network]
-partnerships: [tag, solidaridad]
 BlogsMain: blog_main
 blogs: [zero_os_blog, smart_contract_blog, threefold_regenerates]
 subscribe: home_subscribe

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

@@ -1,7 +0,0 @@
----
-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

@@ -1,11 +0,0 @@
----
-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/partner1/index.md

@@ -0,0 +1,10 @@
+---
+id: become_farmer
+img: ./become_farmer_new.jpg
+title: BECOME A FARMER
+subtitle: AND EARN TF TOKENS
+button: Become a Farmer
+link: '#'
+---
+
+Help us expand the network even further by becoming a ThreeFold Farmer and earn ThreeFold Tokens (TFT), the currency of decentralized data

content/page/home/partenerships/partner2/index.md

@@ -0,0 +1,10 @@
+---
+id: network
+img: ./network_new.jpg
+title: DECENTRALIZE YOUR
+subtitle: DATA AND WORKLOADS
+button: Deploy
+link: '#'
+---
+
+In just a few steps, achieve unparalleled security and endless scalability on our network.  Our prices will truly shock you!

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

@@ -1,8 +0,0 @@
----
-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

@@ -1,7 +0,0 @@
----
-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

@@ -1,7 +0,0 @@
----
-id: threefold
-img: ./digibyte.png
-title: Decentralizing Everything
----
-
-ThreeFold will develop end-user and enterprise peer-to-peer solutions using ThreeFold’s peer-to-peer infrastructure and Digibyte's most secure blockchain to enable true data sovereignty for humanity. Together, we are paving the way to an equal, secure and fairly-distributed world.

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

@@ -1,6 +1,158 @@
 <template>
   <div
-    class="max-w-screen-xl mx-auto py-12 px-4 text-center sm:px-6 lg:px-8 lg:py-0"
+    v-if="id == 'home'"
+    class="
+      max-w-screen-xl
+      mx-auto
+      py-12
+      px-4
+      text-center
+      sm:px-6
+      lg:px-8
+      lg:py-0
+    "
+  >
+    <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"
+        v-if="main"
+      >
+        <h2
+          class="text-4xl leading-tight mb-6 font-bold font-heading uppercase"
+        >
+          {{ main.title }} <span class="font-extrabold">{{ main.slogan }}</span>
+        </h2>
+        <div class="mt-3 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 pt-10 bg-gray"
+          v-for="partnership in partnerships"
+          :key="partnership.id"
+        >
+          <div class="space-y-2">
+            <div class="text-lg font-medium space-y-1">
+              <h2 class="font-light leading-none">
+                {{ partnership.title }}
+                <span class="block font-bold"> {{ partnership.subtitle }}</span>
+              </h2>
+              <div
+                class="text-base px-5 mb-5 text-gray-800"
+                v-html="partnership.content"
+              ></div>
+            </div>
+            <div v-if="partnership.button">
+              <a
+                v-if="partnership.link.includes('http')"
+                target="_blank"
+                :href="partnership.link"
+                class="
+                  inline-block
+                  text-lg
+                  learn-button
+                  hover:bg-gray-400
+                  px-12
+                  py-1
+                  mr-5
+                  my-10
+                  border-2
+                  shadow
+                  border-black
+                "
+                >{{ partnership.button }}</a
+              >
+              <a
+                v-else
+                :href="partnership.link"
+                class="
+                  inline-block
+                  text-lg
+                  learn-button
+                  hover:bg-gray-400
+                  px-12
+                  py-1
+                  mr-5
+                  my-10
+                  border-2
+                  shadow
+                  border-black
+                "
+                >{{ partnership.button }}</a
+              >
+            </div>
+          </div>
+          <g-image
+            class="mx-auto"
+            :src="partnership.img.src"
+            :alt="partnership.id"
+          />
+        </div>
+      </div>
+
+      <!-- <div v-if="button">
+        <a
+          v-if="link.includes('http')"
+          target="_blank"
+          :href="link"
+          class="
+            inline-block
+            bg-blue-900
+            text-sm
+            learn-button
+            hover:bg-blue-800
+            text-gray-100
+            px-12
+            py-2
+            mr-5
+            mb-4
+            rounded
+            shadow
+          "
+          >{{ button }}</a
+        >
+        <a
+          v-else
+          :href="link"
+          class="
+            inline-block
+            bg-blue-900
+            text-sm
+            learn-button
+            hover:bg-blue-800
+            text-gray-100
+            px-12
+            py-2
+            mr-5
+            mb-4
+            rounded
+            shadow
+          "
+          >{{ button }}</a
+        >
+      </div> -->
+    </div>
+  </div>
+
+  <div
+    v-else
+    class="
+      max-w-screen-xl
+      mx-auto
+      py-12
+      px-4
+      text-center
+      sm:px-6
+      lg:px-8
+      lg:py-0
+    "
   >
     <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">
@@ -13,7 +165,13 @@
       </div>
       <div
         v-if="id == 'home'"
-        class="mx-auto grid-cols-2 sm:grid sm:grid-cols-1 lg:grid-cols-2 lg:max-w-5xl"
+        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"
@@ -39,7 +197,13 @@
 
       <div
         v-else
-        class="mx-auto grid-cols-2 sm:grid sm:grid-cols-1 lg:grid-cols-2 lg:max-w-5xl"
+        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"
@@ -67,13 +231,41 @@
           v-if="main.link.includes('http')"
           target="_blank"
           :href="main.link"
-          class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+          class="
+            inline-block
+            bg-blue-900
+            text-sm
+            learn-button
+            hover:bg-blue-800
+            text-gray-100
+            px-12
+            py-2
+            mr-5
+            mb-4
+            rounded
+            shadow
+            rounded-full
+          "
           >{{ main.button }}</a
         >
         <a
           v-else
           :href="main.link"
-          class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+          class="
+            inline-block
+            bg-blue-900
+            text-sm
+            learn-button
+            hover:bg-blue-800
+            text-gray-100
+            px-12
+            py-2
+            mr-5
+            mb-4
+            rounded
+            shadow
+            rounded-full
+          "
           >{{ main.button }}</a
         >
 
@@ -81,13 +273,41 @@
           v-if="main.link2.includes('http')"
           target="_blank"
           :href="main.link2"
-          class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+          class="
+            inline-block
+            bg-blue-900
+            text-sm
+            learn-button
+            hover:bg-blue-800
+            text-gray-100
+            px-12
+            py-2
+            mr-5
+            mb-4
+            rounded
+            shadow
+            rounded-full
+          "
           >{{ main.button2 }}</a
         >
         <a
           v-else
           :href="main.link2"
-          class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+          class="
+            inline-block
+            bg-blue-900
+            text-sm
+            learn-button
+            hover:bg-blue-800
+            text-gray-100
+            px-12
+            py-2
+            mr-5
+            mb-4
+            rounded
+            shadow
+            rounded-full
+          "
           >{{ main.button2 }}</a
         >
       </div>
@@ -100,3 +320,9 @@ export default {
   props: ["id", "partnerships", "main"],
 };
 </script>
+
+<style scoped>
+.bg-gray {
+  background-color: #f2f2f2;
+}
+</style>

src/pages/Index.vue

@@ -20,7 +20,12 @@
       />
     </div>
 
-    <div class="container_tft mx-auto sm:pxi-0 overflow-x-hidden">
+    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
+      <Partenerships
+        v-if="$page.markdownPage.partnerships.length > 0"
+        :id="$page.markdownPage.id"
+        :partnerships="$page.markdownPage.partnerships"
+      />
       <Map v-if="$page.markdownPage.map" :section="$page.markdownPage.map" />
       <ShowcaseProducts
         v-if="
@@ -31,9 +36,6 @@
         :main="$page.markdownPage.productsMain"
         :products="$page.markdownPage.productData"
       />
-    </div>
-
-    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
       <CallToAction
         v-if="$page.markdownPage.cta"
         :id="$page.markdownPage.id"
@@ -41,7 +43,7 @@
       />
     </div>
 
-    <div class="container_tft mx-auto sm:pxi-0 overflow-x-hidden">
+    <div class="container-fluid mx-auto sm:pxi-0 overflow-x-hidden">
       <LogoShowcase
         v-if="$page.markdownPage.logos.length > 0"
         :id="$page.markdownPage.id"
@@ -297,20 +299,13 @@
           btn
           link
         }
-        partenershipsMain{
-         id
-         title
-         slogan
-         content
-         link
-         link2
-         button
-         button2
-       }
        partnerships {
          id
          title
+         subtitle
          img
+         button
+         link
          content
        }
        map {