Add CTA & fix brandPanel

src/components/custom/sections/CallToAction.vue

@@ -111,8 +111,5 @@ export default {
       this.showModal = false;
     },
   },
-  mounted() {
-    console.log(this.id);
-  },
 };
 </script>

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

@@ -66,7 +66,7 @@
         <div class="relative pb-3/5 -mt-6 md:pb-1/2">
           <g-image
             class="absolute brandpanel inset-0 w-full h-full transform translate-x-0 translate-y-6 rounded-md object-fill object-left-top sm:translate-x-0 lg:translate-y-20"
-            :src="brand.img.src"
+            :src="img(brand.img)"
             :alt="brand.title"
           />
         </div>
@@ -78,12 +78,12 @@
 <script>
 export default {
   props: ["brand", "id"],
-  // computed: {
-  //   image() {
-  //     return this.brand.image.src
-  //       ? this.brand.image.src
-  //       : require(`!!assets-loader!@images/brandPanel/${this.brand.image}`);
-  //   },
-  // },
+  methods: {
+    img(image) {
+      if (!image) return "";
+      if (image.src) return image.src;
+      return image;
+    },
+  },
 };
 </script>

src/templates/MarkdownPage.vue

@@ -40,7 +40,7 @@
 
       <CallToAction
         :id="$page.markdownPage.id"
-        v-if="$page.markdownPage.cta"
+        v-if="$page.markdownPage.cta && $page.markdownPage.id == 'why'"
         :cta="$page.markdownPage.cta"
       />
 
@@ -61,6 +61,24 @@
         :main="$page.markdownPage.partenershipsMain"
         :partnerships="$page.markdownPage.partnerships"
       />
+      <BrandPanel
+        :id="$page.markdownPage.id"
+        :brand="$page.markdownPage.brandPanel"
+        v-if="$page.markdownPage.brandPanel"
+      />
+      <CallToAction
+        :id="$page.markdownPage.id"
+        v-if="$page.markdownPage.cta"
+        :cta="$page.markdownPage.cta"
+      />
+      <CallToAction
+        :id="$page.markdownPage.id"
+        v-if="$page.markdownPage.cta2"
+        :cta="$page.markdownPage.cta2"
+      />
+    </div>
+
+    <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
       <ShowcaseProducts
         v-if="
           $page.markdownPage.productData &&
@@ -69,21 +87,7 @@
         :main="$page.markdownPage.productsMain"
         :products="$page.markdownPage.productData"
       />
-
-      <BrandPanel
-        :id="$page.markdownPage.id"
-        :brand="$page.markdownPage.brandPanel"
-        v-if="$page.markdownPage.brandPanel"
-      />
     </div>
-
-    <CallToAction
-      :id="$page.markdownPage.id"
-      v-if="$page.markdownPage.cta2"
-      :cta="$page.markdownPage.cta2"
-    />
-
-    <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5"></div>
   </Layout>
 </template>