diff --git a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
index 93375d564..621f38f09 100644
--- a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
+++ b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
@@ -146,8 +146,7 @@
       </div>
     </div>
 
-
-     <!-- developer -->
+    <!-- developer -->
     <div
       class="grid sm:grid-cols-1 gap-4 lg:grid-cols-2 text-center lg:px-40"
       v-else-if="id == 'developer'"
@@ -178,7 +177,14 @@
 
     <!-- why -->
     <div
-      class="grid grid-cols-1 gap-4 sm:grid-cols-3 text-center max-w-7xl mx-auto"
+      class="
+        grid grid-cols-1
+        gap-4
+        sm:grid-cols-3
+        text-center
+        max-w-7xl
+        mx-auto
+      "
       v-else-if="id == 'farm'"
     >
       <div
@@ -193,7 +199,10 @@
           <div class="product font-bold text-2xl pt-5">
             {{ product.title }}
           </div>
-          <div v-html="product.content" class="product py-10 font-light text-xl px-2"></div>
+          <div
+            v-html="product.content"
+            class="product py-10 font-light text-xl px-2"
+          ></div>
           <div v-if="product.button" class="product mb-3 py-5 text-center">
             <a
               v-if="product.link.includes('http')"
diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue
index 0d424a5ca..b9f315bed 100644
--- a/src/templates/MarkdownPage.vue
+++ b/src/templates/MarkdownPage.vue
@@ -214,7 +214,8 @@
     <div class="container-fluid sm:pxi-0 mx-auto py-5 overflow-visible">
       <ShowcaseProducts
         v-if="
-          $page.markdownPage.productData > 0 &&
+          $page.markdownPage.productData.length > 0 &&
+          $page.markdownPage.productData &&
           $page.markdownPage.id !== 'developer'
         "
         :id="$page.markdownPage.id"
@@ -284,13 +285,26 @@
 
       <ShowcaseProducts
         v-if="
-          $page.markdownPage.productData > 0 && $page.markdownPage.id == 'developer'
+          $page.markdownPage.productData.length > 0 &&
+          $page.markdownPage.productData &&
+          $page.markdownPage.id == 'developer'
         "
         :id="$page.markdownPage.id"
         :main="$page.markdownPage.productsMain"
         :products="$page.markdownPage.productData"
       />
 
+      <!-- <ShowcaseProducts
+        class="my-20"
+        v-if="
+          $page.markdownPage.productData &&
+          $page.markdownPage.productData.length > 0
+        "
+        :id="$page.markdownPage.id"
+        :main="$page.markdownPage.productsMain"
+        :products="$page.markdownPage.productData"
+      /> -->
+
       <CallToAction
         :id="$page.markdownPage.id"
         v-if="$page.markdownPage.cta3 && $page.markdownPage.id == 'developer'"
@@ -301,10 +315,12 @@
       <BrandPanel
         :id="$page.markdownPage.id"
         :brand="$page.markdownPage.brandPanel2"
-        v-if="$page.markdownPage.brandPanel2 && $page.markdownPage.id == 'developer'"
+        v-if="
+          $page.markdownPage.brandPanel2 && $page.markdownPage.id == 'developer'
+        "
         :brandPanel2="true"
       />
-      
+
       <AppListItem
         v-if="
           $page.markdownPage.appData && $page.markdownPage.appData.length > 0