diff --git a/content/site/navigation.json b/content/site/navigation.json
index 6196fdd32..4f956569f 100644
--- a/content/site/navigation.json
+++ b/content/site/navigation.json
@@ -14,6 +14,11 @@
       "name": "Values",
       "link": "/about",
       "external": false
+    },
+    {
+      "name": "Test",
+      "link": "/about2",
+      "external": false
     }
   ],
   "footerNavigation": [
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index e572f5603..f95539406 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -51,6 +51,7 @@ ul {
     }
 }
 
+
 .animated-link:after {
     content: '';
     width: 0px;
diff --git a/src/pages/About.vue b/src/pages/About.vue
index f99641bdc..c9b33eb69 100644
--- a/src/pages/About.vue
+++ b/src/pages/About.vue
@@ -115,7 +115,7 @@ export default {
   }
 };
 </script>
-<style>
+<style scoped>
 
 .hand{
   width:70%;
diff --git a/src/pages/About2.vue b/src/pages/About2.vue
new file mode 100644
index 000000000..1662900de
--- /dev/null
+++ b/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> >
+
+
+
+
diff --git a/static/img/Homepage.jpg b/static/img/Homepage.jpg
new file mode 100644
index 000000000..bfe404e60
Binary files /dev/null and b/static/img/Homepage.jpg differ
diff --git a/static/img/about.jpg b/static/img/about.jpg
deleted file mode 100644
index 478f0325a..000000000
Binary files a/static/img/about.jpg and /dev/null differ
diff --git a/static/img/hand.png b/static/img/hand.png
deleted file mode 100644
index ae2f4c1b1..000000000
Binary files a/static/img/hand.png and /dev/null differ
diff --git a/tailwindui/components/marketing/elements/banners/index.html b/tailwindui/components/marketing/elements/banners/index.html
index 4983c40e5..94291397a 100644
--- a/tailwindui/components/marketing/elements/banners/index.html
+++ b/tailwindui/components/marketing/elements/banners/index.html
@@ -29,7 +29,7 @@
     </style>
   </head>
 
-  <body class="font-sans antialiased text-gray-900">
+  <body class="font-sans antialiased text-gray-900 ">
 <main>
 <div class="py-4 sm:py-12">
   <div class="max-w-8xl mx-auto px-4 sm:px-6 lg:px-8">
