update developer page2

src/components/marketing/sections/cta-sections/ShowcaseProducts.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="my-5 lg:mx-40">
+  <div class="my-5 lg:my-40 lg:mx-40">
     <div class="text-center mx-auto my-20" v-if="id == 'farm'">
       <h1 class="text-9xl uppercase leading-none font-heading">
         {{ main.title }}
@@ -13,7 +13,7 @@
     <div class="w-full text-center" v-else>
       <h2
         v-if="main !== null && main.title"
-        class="lg:text-6xl pb-10 uppercase font-semibold leading-tight font-heading"
+        class="lg:text-6xl uppercase font-semibold leading-tight font-heading"
       >
         {{ main.title }}
       </h2>
@@ -23,6 +23,10 @@
       >
         {{ main.subtitle }}
       </p>
+      <div
+        class="max-w-4xl mb-10 py-2 text-xl mx-auto leading-tight tracking-wide"
+        v-html="main.content"
+      ></div>
     </div>
 
     <!-- tft -->
@@ -142,6 +146,36 @@
       </div>
     </div>
 
+
+     <!-- developer -->
+    <div
+      class="grid sm:grid-cols-1 gap-4 lg:grid-cols-2 text-center lg:px-40"
+      v-else-if="id == 'developer'"
+    >
+      <div
+        v-for="(product, idx) in products"
+        target="_blank"
+        :key="idx"
+        :href="product.link"
+        class="
+          mx-auto
+          my-3
+          rounded
+          overflow-hidden
+          transition
+          duration-500
+          bg-gray-100
+        "
+      >
+        <a :href="product.link">
+          <g-image :src="img(product.image)" />
+          <div class="font-bold text-xl py-5 mx-4">
+            {{ product.title }}
+          </div>
+        </a>
+      </div>
+    </div>
+
     <!-- why -->
     <div
       class="grid grid-cols-1 gap-4 sm:grid-cols-3 text-center max-w-7xl mx-auto"

src/templates/MarkdownPage.vue

@@ -51,7 +51,7 @@
           $page.markdownPage.id !== 'tft' &&
           $page.markdownPage.brandPanel3 &&
           $page.markdownPage.id !== 'farm' &&
-          $page.markdownPage.id !== 'developer' 
+          $page.markdownPage.id !== 'developer'
         "
         :brandPanel3="true"
       />
@@ -89,8 +89,7 @@
           $page.markdownPage.cta &&
           $page.markdownPage.id !== 'grid' &&
           $page.markdownPage.id !== 'tft' &&
-          $page.markdownPage.id !== 'farm' 
-          
+          $page.markdownPage.id !== 'farm'
         "
         :cta="$page.markdownPage.cta"
       />
@@ -99,7 +98,7 @@
         v-if="
           $page.markdownPage.cta2 &&
           $page.markdownPage.id !== 'tft' &&
-          $page.markdownPage.id !== 'farm' 
+          $page.markdownPage.id !== 'farm'
         "
         :cta="$page.markdownPage.cta2"
         :textOnly="true"
@@ -135,8 +134,6 @@
         :sections="$page.markdownPage.comparisonSecs"
       /> -->
 
-      
-
       <CallToAction
         :id="$page.markdownPage.id"
         v-if="
@@ -218,7 +215,7 @@
       <ShowcaseProducts
         v-if="
           $page.markdownPage.productData &&
-          $page.markdownPage.productData.length > 0
+          $page.markdownPage.id !== 'developer'
         "
         :id="$page.markdownPage.id"
         :main="$page.markdownPage.productsMain"
@@ -279,24 +276,37 @@
       <BrandPanel
         :id="$page.markdownPage.id"
         :brand="$page.markdownPage.brandPanel3"
-        v-if="$page.markdownPage.brandPanel3 && $page.markdownPage.id == 'developer'"
+        v-if="
+          $page.markdownPage.brandPanel3 && $page.markdownPage.id == 'developer'
+        "
         :brandPanel3="true"
       />
+
+      <ShowcaseProducts
+        v-if="
+          $page.markdownPage.productData && $page.markdownPage.id == 'developer'
+        "
+        :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'"
         :cta="$page.markdownPage.cta3"
         :lastCta="true"
       />
-    
+
       <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