update button for map

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
 

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

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">

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,7 +86,31 @@
           {{ 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>