From 30dbfe050203bac8a531badc883108dc98787951 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Wed, 19 Jan 2022 16:26:57 +0200
Subject: [PATCH] update button for map

---
 content/page/farm/cta/index.md                |  4 +--
 content/page/home/map/index.md                |  2 +-
 .../custom/sections/CallToAction.vue          |  4 +--
 .../marketing/sections/cta-sections/Map.vue   | 30 ++++++++++++++++---
 4 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/content/page/farm/cta/index.md b/content/page/farm/cta/index.md
index f89932d1a..fbe71afd7 100644
--- a/content/page/farm/cta/index.md
+++ b/content/page/farm/cta/index.md
@@ -3,8 +3,8 @@ id: farm_cta
 title: JOIN A 
 title2: WORLD OF FARMERS
 image: ./farm_map.png
-button: ''
-link: ''
+button: Explore ThreeFold Grid Capacity
+link: https://explorer.threefold.io
 ---
 We are growing fast
 
diff --git a/content/page/home/map/index.md b/content/page/home/map/index.md
index e4803264e..babc79b1c 100644
--- a/content/page/home/map/index.md
+++ b/content/page/home/map/index.md
@@ -2,7 +2,7 @@
 id: map
 title: THE THREEFOLD GRID
 subtitle: NOW OPERATIONAL
-button: More Stats
+button: Explore ThreeFold Grid Capacity
 link: https://explorer.threefold.io
 image: ./map.png
 btn1: Become a Farmer
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index ecb65ffd0..f2ca805ef 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -213,7 +213,7 @@
       </h2>
       <div v-html="cta.content" class="mt-6 mb-8 lg:text-2xl"></div>
       <g-image :src="cta.image" class="lg:my-20 mx-auto" />
-      <!-- <a
+      <a
         class="
           inline-block
           bg-white
@@ -252,7 +252,7 @@
         v-else
         :href="cta.link"
         >{{ cta.button }}</a
-      > -->
+      >
     </div>
 
     <div class="w-full mx-auto py-16" v-else-if="id == 'farm' && lastCta">
diff --git a/src/components/marketing/sections/cta-sections/Map.vue b/src/components/marketing/sections/cta-sections/Map.vue
index a9fe4ec1a..7de0d8b1b 100644
--- a/src/components/marketing/sections/cta-sections/Map.vue
+++ b/src/components/marketing/sections/cta-sections/Map.vue
@@ -44,8 +44,7 @@
               rounded-full
               h-32
               w-32
-              lg:h-60
-              lg:w-60
+              lg:h-60 lg:w-60
               inline-flex
               items-center
               justify-center
@@ -67,8 +66,7 @@
               rounded-full
               h-32
               w-32
-              lg:h-60
-              lg:w-60
+              lg:h-60 lg:w-60
               inline-flex
               items-center
               justify-center
@@ -88,8 +86,32 @@
           {{ stats[2] }}
           <span class="block text-2xl uppercase">cores</span>
         </div>
+       
       </div>
+      
     </div>
+     <div class="my-4 mx-auto text-center">
+          <a
+            :href="section.link"
+            target="_blank"
+            class="
+            
+            
+              inline-block
+              bg-white
+              lg:text-lg
+              learn-button
+              hover:bg-gray-400
+              px-12
+              py-1
+              mr-5
+              border-2
+              shadow
+              border-black
+            "
+            >{{ section.button }}</a
+          >
+        </div>
   </section>
 </template>