Merge branch 'development' of github.com:threefoldfoundation/www_threefold_io into development

content/page/home/features2/main/main.md

@@ -2,6 +2,8 @@
 id: Features_home_2
 title: INTRODUCING THE TITAN V2 3NODE
 subtitle: Work with technology that can truly help change the world.
-btn: Know More
+btn: Reserve your 3Node
 link: https://threefold.io/info/threefold#/threefold__farming_hardware_overview?id=plug-amp-farm-3nodes
+btn2: What is ThreeFold Token
+link2: https://threefold.io/info/threefold#/threefold__farming_hardware_overview?id=plug-amp-farm-3nodes
 ---

src/components/custom/sections/Features.vue

@@ -30,11 +30,16 @@
         </div>
       </div>
     </div>
-    <div class="border-wrap mx-auto mt-20" v-if="main.btn">
+    <div class="mx-auto mt-20" v-if="main.btn">
       <g-link
-        class="inline-block py-2 module px-2 leading-none text-white hover:bg-gray-700 rounded shadow"
+        class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
         :to="main.link"
-        >{{ main.btn }}</g-link
+        >{{ main.btn }}
+        </g-link>
+              <g-link
+        class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+        :to="main.link2"
+        >{{ main.btn2 }}</g-link
       >
       <!-- <div v-html="main.content" class="text-sm text-gray-400 mt-5"></div> -->
     </div>

src/pages/Index.vue

@@ -259,6 +259,8 @@
           subtitle
           btn 
           link
+          btn2
+          link2
           content
         }
         features2{