update

content/site/navigation.json

@@ -14,6 +14,11 @@
       "name": "Values",
       "link": "/about",
       "external": false
+    },
+    {
+      "name": "Test",
+      "link": "/about2",
+      "external": false
     }
   ],
   "footerNavigation": [

src/assets/scss/main.scss

@@ -51,6 +51,7 @@ ul {
     }
 }
 
+
 .animated-link:after {
     content: '';
     width: 0px;

src/pages/About.vue

@@ -115,7 +115,7 @@ export default {
   }
 };
 </script>
-<style>
+<style scoped>
 
 .hand{
   width:70%;

src/pages/About2.vue

@@ -0,0 +1,46 @@
+<template>
+  <Layout :hideHeader="true" :disableScroll="true">
+
+    <div class="container sm:pxi-0 mx-auto overflow-x-hidden">
+       
+      <VacationCard
+        img="/img/Homepage.jpg"
+        imgAlt="Beach in Cancun"
+        eyebrow=""
+        title=""
+        pricing=""
+        url=""
+      />
+      <div class="center py-10">
+      <h2 class="text-center">CO-CREATING BETTER FUTURES TOGETHER</h2>
+      <!-- <p class="text-center py-1">The ThreeFold Foundation is not ThreeFold — rather, it is sparking a movement to bring the world <br> a truly peer-to-peer internet. We acknowledge and support the many people and organizations around the world <br>  who bring crucial support to the growth and adoption of the ThreeFold Grid.</p> -->
+      </div>
+
+      <vue-markdown>
+      </vue-markdown>
+    </div>
+</Layout>
+</template>
+
+<script>
+import VueMarkdown from 'vue-markdown'
+
+export default {
+  metaInfo: {
+    title: "About us"
+  },
+
+  components: {
+    VueMarkdown
+  }
+};
+</script>
+<style scoped>
+/* h2 {
+  padding-bottom: 8rem;
+} */
+</style> >
+
+
+
+