update links

content/page/home/productData/product1/product1.md

@@ -2,6 +2,6 @@
 id: product1
 title: ''
 image : ./farming_card.png
+url : https://farming.threefold.io
 ---
 
-<!-- 'https://farming.threefold.io' -->

content/page/home/productData/product2/product2.md

@@ -2,6 +2,6 @@
 id: product2
 title: ''
 image : ./cloud_card.png
+url : https://cloud.threefold.io
 ---
 
-<!-- 'https://cloud.threefold.io' -->

content/page/home/productData/product3/product3.md

@@ -2,6 +2,6 @@
 id: product3
 title: ''
 image : ./marketplace_card.png
+url : https://now.threefold.io
 ---
 
-<!-- 'https://now.threefold.io' -->

content/page/home/productData/product4/product4.md

@@ -2,6 +2,6 @@
 id: product4
 title: ''
 image : ./twin_card.png
+url : https://twin.threefold.io
 ---
 
-<!-- 'https://twin.threefold.io' -->

content/page/home/productData/product5/product5.md

@@ -2,6 +2,6 @@
 id: product5
 title: ''
 image : ./grid_card.png
+url : https://threefold.tech
 ---
 
-<!-- 'https://threefold.tech' -->

content/page/home/productData/product6/product6.md

@@ -2,6 +2,6 @@
 id: product6
 title: ''
 image : ./aci_card.png
+url : https://consciousinternet.org
 ---
 
-<!-- 'https://consciousinternet.org' -->

src/components/custom/sections/CallToAction.vue

@@ -14,19 +14,19 @@
 
 
        <g-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" 
+          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" 
           v-if="cta.button"
           :to="cta.link"
           >{{ cta.button }}</g-link
         >
         <g-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"
+          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"
           v-if="cta.button2"
           :to="cta.link2"
           >{{ cta.button2 }}</g-link
         >
          <g-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"
+          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"
           v-if="cta.button3"
           :to="cta.link3"
           >{{ cta.button3 }}</g-link

src/components/custom/sections/header/HeaderSection.vue

@@ -11,12 +11,12 @@
       ></div>
       <div>
         <g-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" 
+          class="inline-block bg-blue-900 text-lg learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 my-2 rounded shadow rounded-full" 
           v-if="header.btn1"
           :to="header.link1"
           >{{ header.btn1 }}</g-link
         ><g-link
-          class="bg-teal-300 text-sm learn-button hover:bg-teal-400 text-gray-900 px-12 py-2 mr-3 rounded shadow rounded-full"
+          class="inline-block bg-teal-300 text-sm learn-button hover:bg-teal-400 text-gray-900 px-12 py-2 mr-3 my-2  rounded shadow rounded-full"
           v-if="header.btn2"
           :to="header.link2"
           >{{ header.btn2 }}</g-link

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

@@ -8,21 +8,22 @@
     </div>
 
     <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-      <div
+
+        <g-link
         v-for="(product, idx) in products"
         :key="idx"
-        class="p-2 sm:p-0 text-center cursor-pointer"
-      >
-        <div
-          class="m-auto rounded overflow-hidden hover:bg-white transition duration-500"
+        :to="product.url"
+          class="m-auto rounded overflow-hidden transition duration-500"
         >
+        
           <div class="px-2 py-2">
             <g-image class="py-4" :src="img(product.image)" />
             <!-- <div class="font-bold text-xl mb-2">{{ product.title }}</div> -->
             <p v-html="product.content" class="text-gray-700 text-base"></p>
           </div>
-        </div>
-      </div>
+          
+        </g-link>
+      
     </div>
   </div>
 </template>

src/pages/Index.vue

@@ -109,6 +109,7 @@
          title
          content
          image
+         url
        }
         cards{
           id