update social section

src/components/marketing/sections/logo-clouds/off_white_grid.vue

@@ -1,6 +1,26 @@
 <template>
   <div class="bg-white">
-    <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-24 lg:px-2">
+    <div v-if="id == 'newcommunity'"
+    class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6 lg:py-32 lg:px-2">
+      <div
+        v-html="news.content"
+        class="text-center text-6xl font-semibold leading-tight font-heading"
+      ></div>
+      <div class="mt-6 grid grid-cols-1 gap-3 md:grid-cols-3 lg:mt-10 ">
+        <g-link
+          v-for="partner in news.partners"
+          :key="partner.id"
+          :to="partner.path"
+          target="_blank"
+          class="col-span-1 flex justify-center m-1"
+        >
+          <img :src="img(partner.logo)" />
+        </g-link>
+      </div>
+    </div>
+
+    <div v-else
+    class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-24 lg:px-2">
       <div
         v-html="news.content"
         class="text-center text-6xl font-semibold leading-tight font-heading"
@@ -22,7 +42,7 @@
 
 <script>
 export default {
-  props: ["news"],
+  props: ["news" , "id"],
   methods: {
     img(image) {
       if (!image) return "";

src/templates/MarkdownPage.vue

@@ -338,6 +338,11 @@
       />
 
       <!-- newcommunity page -->
+      <InTheNews
+        :id="$page.markdownPage.id"
+        v-if="$page.markdownPage.inTheNews"
+        :news="$page.markdownPage.inTheNews"
+      />
 
       <CallToAction
         :id="$page.markdownPage.id"
@@ -559,6 +564,14 @@
           id
           image
           url
+        }
+         inTheNews {
+          id
+          content
+          partners {
+            path
+            logo
+          }
         }
         cta{
           title
@@ -804,6 +817,7 @@ import ShowcaseProducts from "~/components/marketing/sections/cta-sections/Showc
 import SolutionsHeader from "~/components/custom/sections/header/HeaderSection.vue";
 import HowItWorks from "~/components/custom/sections/HowItWorks.vue";
 import Features from "~/components/custom/sections/Features.vue";
+import InTheNews from "~/components/marketing/sections/logo-clouds/off_white_grid.vue";
 import logoShowcase from "~/components/marketing/sections/cta-sections/logoShowcase.vue";
 import CallToAction from "~/components/custom/sections/CallToAction.vue";
 import CallToActionbg1 from "~/components/custom/sections/CallToActionbg1.vue";
@@ -833,6 +847,7 @@ export default {
     ShowcaseProducts,
     HowItWorks,
     Features,
+    InTheNews,
     logoShowcase,
     CallToAction,
     CallToActionbg1,