init partenerships part

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() {