Update map btns

content/page/home/stats/index.md

@@ -6,8 +6,10 @@ link: https://explorer.threefold.io
 image: ./map.png
 btn1: Become a Farmer
 link1: https://threefold.io/farming
-btn2: What is Internet Capacity?
-link2: https://threefold.io/info/threefold#/threefold__grid_intro
+btn2: Explore Live Capacity
+link2: https://explorer.threefold.io/
+btn3: What is Internet Capacity?
+link3: https://threefold.io/info/threefold#/threefold__grid_intro
 ---
 
 The ThreeFold Grid is formed by a global network of independent Farmers – people and organizations who expand Internet capacity to where it is needed the most.

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

@@ -39,7 +39,11 @@
           {{ section.title }}
         </h2>
         <div class="text-white mt-4" v-html="section.content"></div>
-        <g-image class="lg:w-3/4 mx-auto" :src="img(section.image)" :alt="section.title" />
+        <g-image
+          class="lg:w-3/4 mx-auto"
+          :src="img(section.image)"
+          :alt="section.title"
+        />
         <div class="mx-auto mt-6">
           <g-link
             class="inline-block green text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
@@ -51,6 +55,11 @@
             :to="section.link2"
             >{{ section.btn2 }}</g-link
           >
+          <g-link
+            class="inline-block green text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+            :to="section.link3"
+            >{{ section.btn3 }}</g-link
+          >
           <!-- <div v-html="main.content" class="text-sm text-gray-400 mt-5"></div> -->
         </div>
       </div>

src/pages/Index.vue

@@ -337,6 +337,8 @@
           btn2
           link1
           link2
+          link3
+          btn3
           image
         }
     }