update logos

content/page/home/logos/logo1/logo.md

@@ -1,4 +1,5 @@
 ---
 id: logo1
 image: ./logo.png
+url: '/'
 ---

content/page/home/logos/logo2/logo.md

@@ -1,4 +1,5 @@
 ---
 id: logo2
 image: ./logo.png
+url: '/'
 ---

content/page/home/logos/logo3/logo.md

@@ -1,4 +1,5 @@
 ---
 id: logo3
 image: ./logo.png
+url: '/'
 ---

content/page/home/logos/logo4/logo.md

@@ -1,4 +1,5 @@
 ---
 id: logo4
 image: ./logo.png
+url: '/'
 ---

content/page/home/logos/logo5/logo.md

@@ -1,4 +1,5 @@
 ---
 id: logo5
 image: ./logo.png
+url: '/'
 ---

content/page/home/logos/logo6/logo.md

@@ -1,4 +1,5 @@
 ---
 id: logo6
 image: ./logo.png
+url: '/'
 ---

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

@@ -1,8 +1,8 @@
 <template>
   <div class="py-12 mb-5">
     <div class="w-full text-center">
-      <p  class="text-sm tracking-widest text-gray-700">{{ main.subtitle }}</p>
+      <p v-if="main !== null" class="text-sm tracking-widest text-gray-700">{{ main.subtitle }}</p>
-      <h1 class="text-4xl mt-2 mb-6 leading-tight font-heading">
+      <h1 v-if="main !== null" class="text-4xl mt-2 mb-6 leading-tight font-heading">
         {{ main.title }}
       </h1>
     </div>

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

@@ -1,13 +1,20 @@
 <template>
   <section class="pt-8 px-4 text-center">
     <div class="max-w-2xl mx-auto mb-8">
-      <h2 class="text-4xl leading-tight mb-6 font-semibold font-heading">Our Partners</h2>
+      <h2 class="text-4xl leading-tight mb-6 font-semibold font-heading">
+        Meet some of our partners
+      </h2>
       <p class="text-gray-400 leading-relaxed"></p>
     </div>
     <div class="flex flex-wrap -mx-8">
-      <div v-for="(logo ,idx) in logos" :key="idx" class="w-1/2 md:w-1/6 px-8 mb-8">
+      <g-link
-        <img :src="logo.image.src" alt />
+        v-for="(logo, idx) in logos"
-      </div>
+        :key="idx"
+        :to="logo.url"
+        class="w-1/2 md:w-1/6 px-8 mb-8"
+      >
+        <g-image :src="img(logo.image)" />
+      </g-link>
     </div>
   </section>
 </template>
@@ -15,13 +22,13 @@
 <script>
 export default {
   props: ["logos"],
-  computed: {
+  methods: {
-    img: function() {
+    img(image) {
-      if (!this.image) return "";
+      if (!image) return "";
-      if (this.image.src) return this.image.src;
+      if (image.src) return image.src;
-      return this.image;
+      return image;
-    }
+    },
-  }
+  },
 };
 </script>
 

src/pages/Index.vue

@@ -78,6 +78,7 @@
         logos{
           id
           image
+          url
         }
         inTheNews {
           id