init partners part

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