Merge branch 'development' of github.com:threefoldfoundation/www_threefold_io into development

src/components/custom/sections/CallToAction.vue

@@ -15,6 +15,7 @@
 
        <a
           class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full" 
+          target="_blank"
           v-if="cta.button"
           :href="cta.link"
           >{{ cta.button }}</a

src/components/custom/sections/Comparison.vue

@@ -26,12 +26,26 @@
       </div>
     </div>
     <div>
-      <a
+      <!-- <a
         v-if="main.button"
         class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full"
         :href="main.link"
         >{{ main.button }}</a
-      >
+      > -->
+
+       <a
+              v-if="main.link.includes('http')"
+              target="_blank"
+              :href="main.link"
+              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full"
+              >{{ main.button }}</a
+            >
+            <g-link
+              v-else
+              :href="main.link"
+              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full"
+              >{{ main.button }}</g-link
+            >
     </div>
   </section>
 </template>