Update map

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

@@ -5,6 +5,23 @@
         class="lg:w-1/4 light-blue text-center rounded-lg py-20 mt-10 lg:mt-0 order-1 lg:order-none"
       >
         <div class="relative max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
+          <dl class="">
+            <div class="flex flex-col p-6 text-center">
+              <dd
+                class="text-5xl leading-none font-bold green-color green"
+                aria-describedby="item-1"
+              >
+                243
+              </dd>
+              <dt
+                class="mt-2 text-lg leading-6 font-medium text-white uppercase"
+                id="item-1"
+              >
+                Farms
+              </dt>
+            </div>
+          </dl>
+
           <dl class="">
             <div
               v-for="(item, index) in stats"
@@ -80,14 +97,8 @@ export default {
       const results = await axios.get(
         "https://explorer.threefold.io/api/stats"
       );
-      let sru = (results.data.sru / 1000).toFixed();
       let hru = (results.data.hru / 1000000).toFixed();
-      this.stats.push(
+      this.stats.push({ "HDD PB": hru }, { countries: results.data.countries });
-        { countries: results.data.countries },
-        { "Cores online": results.data.cru },
-        // { "SSD TB": sru },
-        { "HDD PB": hru }
-      );
     } catch (error) {
       console.log(error);
     }