From 00a9b7a6bc5f11032e105d7aa563b6323a1cc2fa Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Wed, 26 May 2021 15:12:56 +0200
Subject: [PATCH] Update map btns

---
 content/page/home/stats/index.md                      |  6 ++++--
 .../marketing/sections/cta-sections/StateMap.vue      | 11 ++++++++++-
 src/pages/Index.vue                                   |  2 ++
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/content/page/home/stats/index.md b/content/page/home/stats/index.md
index 0aa8524e2..b149d8f74 100644
--- a/content/page/home/stats/index.md
+++ b/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.
diff --git a/src/components/marketing/sections/cta-sections/StateMap.vue b/src/components/marketing/sections/cta-sections/StateMap.vue
index 5c48f1ebd..65d8a5ee5 100644
--- a/src/components/marketing/sections/cta-sections/StateMap.vue
+++ b/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>
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index a7452fc8d..c63f51edf 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -337,6 +337,8 @@
           btn2
           link1
           link2
+          link3
+          btn3
           image
         }
     }