diff --git a/content/page/home/productData/product1/product1.md b/content/page/home/productData/product1/product1.md
index dc0104871..9232d1de7 100644
--- a/content/page/home/productData/product1/product1.md
+++ b/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' -->
\ No newline at end of file
diff --git a/content/page/home/productData/product2/product2.md b/content/page/home/productData/product2/product2.md
index fb67fe19d..ce6dea072 100644
--- a/content/page/home/productData/product2/product2.md
+++ b/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' -->
\ No newline at end of file
diff --git a/content/page/home/productData/product3/product3.md b/content/page/home/productData/product3/product3.md
index 4fbc9a726..f1857ef35 100644
--- a/content/page/home/productData/product3/product3.md
+++ b/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' -->
\ No newline at end of file
diff --git a/content/page/home/productData/product4/product4.md b/content/page/home/productData/product4/product4.md
index 9a21438de..7a1bea433 100644
--- a/content/page/home/productData/product4/product4.md
+++ b/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' -->
\ No newline at end of file
diff --git a/content/page/home/productData/product5/product5.md b/content/page/home/productData/product5/product5.md
index 7ae0e1ce2..590714c85 100644
--- a/content/page/home/productData/product5/product5.md
+++ b/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' -->
\ No newline at end of file
diff --git a/content/page/home/productData/product6/product6.md b/content/page/home/productData/product6/product6.md
index 3e9fe7453..f434b74b0 100644
--- a/content/page/home/productData/product6/product6.md
+++ b/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' -->
\ No newline at end of file
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 9866ff4bc..bbc999139 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/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
diff --git a/src/components/custom/sections/header/HeaderSection.vue b/src/components/custom/sections/header/HeaderSection.vue
index bd76f3b63..22f7a3f2c 100644
--- a/src/components/custom/sections/header/HeaderSection.vue
+++ b/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
diff --git a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
index 782aa7414..b8b195abd 100644
--- a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
+++ b/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>
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 11e51333c..4a1543a7c 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -109,6 +109,7 @@
          title
          content
          image
+         url
        }
         cards{
           id