Add tflabs page

content/page/tfLabs/contacts/contacts.md

@@ -0,0 +1,14 @@
+---
+id: contacts
+title: ThreeFold Labs IT
+subtitle: A company organized and existing under the laws of the United Arab Emirates with license number 934955
+emailTxt: Please get in touch at
+email: info@threefold.io
+---
+Warehouse 88:89
+
+Al Jaddaf Dry Docks
+
+P.O Box 283182
+
+Dubai, United Arab Emirates

content/page/tfLabs/map/map.md

@@ -0,0 +1,4 @@
+---
+id: tfmap
+map: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3609.732111513173!2d55.32868122377514!3d25.2122551323585!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f5d5f7da0de2b%3A0x5aed461f937f54ff!2sAl%20Jaddaf%20-%20Dubai%20-%20United%20Arab%20Emirates!5e0!3m2!1sen!2str!4v1654516740830!5m2!1sen!2str"
+---

content/page/tfLabs/tfLabs.md

@@ -0,0 +1,8 @@
+---
+id: tfLabs
+metaTitle: ThreeFold | ThreeFold Labs IT
+metaDesc: A company organized and existing under the laws of the United Arab Emirates with license number 934955
+metaImg: ./token_header.png
+contacts: contacts
+map: tfmap
+---

gridsome.config.js

@@ -504,6 +504,14 @@ module.exports = {
             }
         },
 
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'Contacts',
+                path: './content/page/**/contacts/*.md',
+            }
+        },
+
         {
             use: '@gridsome/source-filesystem',
             options: {
@@ -572,6 +580,7 @@ module.exports = {
                     conversations: 'Conversations',
                     workloadsMain: 'WorkloadsMain',
                     workloads: 'Workloads',
+                    contacts: "Contacts"
                 }
             }
         },

src/components/marketing/sections/contact-sections/split_two_tone.vue

@@ -0,0 +1,63 @@
+<template>
+  <section class="text-gray-600 body-font relative mt-20">
+    <div class="absolute inset-0 bg-gray-300">
+      <iframe
+        width="100%"
+        height="100%"
+        frameborder="0"
+        marginheight="0"
+        marginwidth="0"
+        title="map"
+        scrolling="no"
+        :src="map.map"
+        style=""
+      ></iframe>
+    </div>
+    <div class="container px-5 py-24 mx-auto flex">
+      <div
+        class="
+          lg:w-1/3
+          md:w-1/2
+          bg-white
+          rounded-lg
+          p-8
+          flex flex-col
+          md:ml-auto
+          w-full
+          mt-10
+          md:mt-0
+          relative
+          z-10
+          shadow-md
+        "
+      >
+        <h2 class="text-gray-900 text-lg mb-1 font-medium title-font">
+          {{ contacts.title }}
+        </h2>
+        <p class="leading-relaxed text-gray-600">
+          {{ contacts.subtitle }}
+        </p>
+
+        <div
+          class="mt-8 text-base leading-6 text-gray-500"
+          v-html="contacts.content"
+        ></div>
+
+        <p class="mt-6 text-base leading-6 text-gray-500">
+          {{ contacts.emailTxt }}
+          <a
+            :href="contacts.email"
+            class="font-medium text-gray-700 underline"
+            >{{ contacts.email }}</a
+          >.
+        </p>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  props: ["id", "contacts", "map"],
+};
+</script>

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

@@ -256,7 +256,7 @@
       </div>
       <div class="mt-12 border-t border-gray-200 pt-8">
         <p class="text-base leading-6 text-gray-500 xl:text-center">
-          &#xA9; 2021 ThreeFold, All rights reserved.
+          &#xA9; {{ currentYear }} ThreeFold, All rights reserved.
           <a
             class="leading-6 text-gray-500 hover:text-gray-900"
             target="_blank"
@@ -269,11 +269,8 @@
             href="https://library.threefold.me/info/legal/#/legal__privacypolicy"
             >Privacy Policy |
           </a>
-          <a
-            class="leading-6 text-gray-500 hover:text-gray-900"
-            target="_blank"
-            href="#"
-            >Impressum</a
+          <a class="leading-6 text-gray-500 hover:text-gray-900" href="tfLabs"
+            >ThreeFold Labs IT</a
           >
         </p>
       </div>
@@ -284,6 +281,11 @@
 <script>
 export default {
   props: ["record", "theme"],
+  computed: {
+    currentYear() {
+      return new Date().getFullYear();
+    },
+  },
 };
 </script>
 

src/templates/MarkdownPage.vue

@@ -192,8 +192,7 @@
     <!-- <div class="container sm:pxi-0 mx-auto overflow-x-hidden"> -->
     <LogoShowcase
       v-if="
-          $page.markdownPage.logos.length > 0 &&
-          $page.markdownPage.id == 'cloud'
+        $page.markdownPage.logos.length > 0 && $page.markdownPage.id == 'cloud'
       "
       :id="$page.markdownPage.id"
       :logos="$page.markdownPage.logos"
@@ -305,6 +304,11 @@
         "
         :cta="$page.markdownPage.cta2"
       />
+      <SplitTwoTone
+        :id="$page.markdownPage.id"
+        :map="$page.markdownPage.map"
+        :contacts="$page.markdownPage.contacts"
+      />
     </div>
     <g-image
       v-if="
@@ -1013,6 +1017,18 @@
          button
          link
        }
+      contacts {
+         id
+         title
+         subtitle
+         emailTxt
+         email
+         content
+       }
+      map {
+        id
+        map
+      }
     }
     allCustomCta {
       edges {
@@ -1062,6 +1078,7 @@ import SplitWithForm from "~/components/custom/SplitWithForm.vue";
 import Blogs from "~/components/marketing/sections/blog-sections/3_column_cards.vue";
 import SimpleColumns from "~/components/marketing/sections/feature-sections/SimpleColumns.vue";
 import Stats from "~/components/marketing/sections/stats-sections/SimpleInCard.vue";
+import SplitTwoTone from "~/components/marketing/sections/contact-sections/split_two_tone.vue";
 
 export default {
   components: {
@@ -1098,6 +1115,7 @@ export default {
     Blogs,
     SimpleColumns,
     Stats,
+    SplitTwoTone,
   },
   computed: {
     getImg() {