added support page

content/page/support/contactData/contact1/contact1.md

@@ -0,0 +1,6 @@
+---
+id: contact1
+title: PR / Press Inquiries
+mail: 'press@threefold.io'
+phone: ''
+---

content/page/support/contactData/contact2/contact2.md

@@ -0,0 +1,6 @@
+---
+id: contact2
+title: Partnerships
+mail: 'kristine@threefold.io'
+phone: ''
+---

content/page/support/contactData/contact3/contact3.md

@@ -0,0 +1,6 @@
+---
+id: contact3
+title: Token Listing Proposals
+mail: 'listing@threefold.io'
+phone: ''
+---

content/page/support/contactData/contact4/contact4.md

@@ -0,0 +1,6 @@
+---
+id: contact4
+title: General Inquires
+mail: 'info@threefold.io'
+phone: ''
+---

content/page/support/header/header.md

@@ -0,0 +1,10 @@
+---
+id: forum
+title: ''
+subtitle: VISIT FORUM 
+btn1: ''
+link1: ''
+btn2: ''
+link2: ''
+---
+

content/page/support/header2/header2.md

@@ -0,0 +1,10 @@
+---
+id: forum_button
+title: ''
+subtitle: ''
+btn1: ThreeFold Forum
+link1: https://forum.threefold.io/
+btn2: ''
+link2: ''
+---
+

content/page/support/header3/header3.md

@@ -0,0 +1,10 @@
+---
+id: telegram
+title: ''
+subtitle: JOIN COMMUNITIES ON TELEGRAM
+btn1: ''
+link1: ''
+btn2: ''
+link2: ''
+---
+

content/page/support/logos/logo1/logo.md

@@ -0,0 +1,5 @@
+---
+id: tele_1
+image: ./telegram_main.png
+url: ''
+---

content/page/support/logos/logo2/logo.md

@@ -0,0 +1,5 @@
+---
+id: tele_2
+image: ./telegram_news_updates.png
+url: ''
+---

content/page/support/logos/logo3/logo.md

@@ -0,0 +1,5 @@
+---
+id: tele_3
+image: ./telegram_testing.png
+url: ''
+---

content/page/support/logos/logo4/logo.md

@@ -0,0 +1,5 @@
+---
+id: tele_4
+image: ./telegram_farming.png
+url: ''
+---

content/page/support/logos/logo5/logo.md

@@ -0,0 +1,5 @@
+---
+id: tele_5
+image: ./telegram_token.png
+url: ''
+---

content/page/support/logos/logo6/logo.md

@@ -0,0 +1,5 @@
+---
+id: tele_6
+image: ./
+url: ''
+---

content/page/support/productData/farming_faq/farming_faq.md

@@ -0,0 +1,11 @@
+---
+id: farming_faq
+title: Farming FAQ
+image: ./a.png
+button: FAQ
+url: https://threefold.io/farming/faq
+---
+
+An ubreakeable FileSystem compatible with all storage protocols and tools such as IPFS and S3.
+
+

content/page/support/productData/main/main.md

@@ -0,0 +1,5 @@
+---
+id: faq
+title: See FAQ
+subtitle: See some of the Most Freaquently Asked Questions answered in FAQs. You might already find what you're looking for.
+---

content/page/support/productData/tf_faq/tf_faq.md

@@ -0,0 +1,9 @@
+---
+id: tf_faq
+title:  ThreeFold FAQ
+image: ./f.png
+button: FAQ
+url: /faq
+---
+
+Your digital avatar that gives you access to secure and private communication, socials and office tools.

content/page/support/productData/token_faq/token_faq.md

@@ -0,0 +1,10 @@
+---
+id: token_faq
+title: Token FAQ
+image: ./q.png
+button: FAQ
+url: https://mydigitaltwin.io/
+---
+
+Your digital avatar that gives you access to secure and private communication, socials and office tools.
+

content/page/support/support.md

@@ -0,0 +1,11 @@
+---
+id: support
+productsMain2: faq
+productData2: [tf_faq, farming_faq, token_faq]
+header: forum
+solution_image2: ./forum.png
+header2: forum_button
+header3: telegram
+logos: [tele_1, tele_2, tele_3, tele_4, tele_5]
+contactData: [contact1, contact2, contact3, contact4]
+---

gridsome.config.js

@@ -59,6 +59,22 @@ module.exports = {
             }
         },
 
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'Header',
+                path: './content/page/**/header2/*.md',
+            }
+        },
+
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'Header',
+                path: './content/page/**/header3/*.md',
+            }
+        },
+
         {
             use: '@gridsome/source-filesystem',
             options: {
@@ -81,6 +97,20 @@ module.exports = {
                 path: './content/page/**/productData/**/*.md',
             }
         },
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'Product',
+                path: './content/page/**/productData2/**/*.md',
+            }
+        },
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'ProductTitle',
+                path: './content/page/**/productsMain2/**/*.md',
+            }
+        },
         {
             use: '@gridsome/source-filesystem',
             options: {
@@ -295,11 +325,15 @@ module.exports = {
                     slides: 'Slide',
                     contactData: 'Contact',
                     header: 'Header',
+                    header2: 'Header',
+                    header3: 'Header',
                     headerSolution: 'SolutionsHeader',
                     howItWorks: 'HowItWorks',
                     howItWorksMain: 'HowItWorks',
                     productsMain: 'ProductTitle',
                     productData: 'Product',
+                    productsMain2: 'ProductTitle',
+                    productData2: 'Product',
                     appsMain: 'ProductTitle',
                     appData: 'Product',
                     featuresMain: 'Features',

src/components/custom/Navbar/Getintouch.vue

@@ -4,7 +4,7 @@
       <div class="grid grid-cols-1 gap-16">
         <div class="lg:grid lg:grid-cols-3 lg:gap-8">
           <h2 class="text-4xl mb-6 leading-tight font-semibold font-heading">
-            Get in touch
+            E-MAIL US
           </h2>
           <div
             class="mt-8 grid grid-cols-1 gap-12 sm:grid-cols-2 sm:gap-x-8 sm:gap-y-12 lg:mt-0 lg:col-span-2"

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

@@ -1,6 +1,6 @@
 <template>
   <div class="py-0 mb-5 mx-4">
-    <div class="text-center mx-auto my-4" v-if="id == 'why'">
+    <div class="text-center mx-auto my-4" v-if="id == 'why'"> 
       <h1 class="text-4xl text-gray-900 font-light sm:text-9xl sm:leading-10">
         {{ main.title }} <span class="font-extrabold">{{ main.subtitle }}</span>
       </h1>
@@ -26,7 +26,7 @@
       class="grid grid-cols-1 gap-4 sm:grid-cols-3 text-center"
       v-if="id == 'token'"
     >
-      <a
+      <a 
         v-for="(product, idx) in products"
         target="_blank"
         :key="idx"
@@ -117,7 +117,7 @@
       </div>
     </div>
 
-    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 text-center" v-else>
+    <div class="grid grid-cols-1 gap-4 sm:grid-cols-3 text-center" v-else>
       <a
         v-for="(product, idx) in products"
         target="_blank"
@@ -132,13 +132,14 @@
         </div>
       </a>
     </div>
+    
     <div v-if="main.button" class="my-10 text-center">
-      <!-- <a
+      <a
         v-if="main.button"
         class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full"
         :href="main.link"
         >{{ main.button }}</a
-      > -->
+      >
 
       <a
         v-if="main.link.includes('http')"

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

@@ -14,7 +14,7 @@
 
     <div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
       <a
-        v-for="(product, idx) in products"
+        v-for="(product, idx) in products"  
         target="_blank"
         :key="idx"
         :href="product.url"

src/pages/Index.vue

@@ -16,7 +16,7 @@
 
       <Map
         v-if="$page.markdownPage.stats"
-        :section="$page.markdownPage.stats"
+        :section="$page.markdownPage.stats" 
       />
     </div>
 

src/templates/MarkdownPage.vue

@@ -103,6 +103,47 @@
         v-if="$page.markdownPage.cta2"
         :cta="$page.markdownPage.cta2"
       />
+
+      <ShowcaseProducts
+        v-if="
+          $page.markdownPage.productData2 &&
+          $page.markdownPage.productData2.length > 0
+        "
+        :id="$page.markdownPage.id"
+        :main="$page.markdownPage.productsMain2"
+        :products="$page.markdownPage.productData2"
+      />
+
+      <SolutionsHeader
+        v-if="$page.markdownPage.header"
+        :header="$page.markdownPage.header"
+      />
+
+      <g-image
+        v-if="$page.markdownPage.solution_image2"
+        :src="$page.markdownPage.solution_image2.src"
+      />
+
+      <SolutionsHeader
+        v-if="$page.markdownPage.header2"
+        :header="$page.markdownPage.header2"
+      />
+
+      <SolutionsHeader
+        v-if="$page.markdownPage.header3"
+        :header="$page.markdownPage.header3"
+      />
+
+      <logoShowcase
+        v-if="$page.markdownPage.logos.length > 0"
+        :logos="$page.markdownPage.logos"
+      />
+
+      <GetInTouch
+        :contacts="$page.markdownPage.contactData"
+        v-if="$page.markdownPage.contactData.length > 0"
+      />
+
     </div>
 
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5"></div>
@@ -126,6 +167,34 @@
         button
         link
         solution_image
+        solution_image2
+        header{
+         title
+         subtitle
+         content
+         btn1
+         link1
+         btn2
+         link2
+       }
+        header2{
+         title
+         subtitle
+         content
+         btn1
+         link1
+         btn2
+         link2
+       }
+        header3{
+         title
+         subtitle
+         content
+         btn1
+         link1
+         btn2
+         link2
+       }
        productsMain{
           id
           title
@@ -143,6 +212,23 @@
          button
          link
        }
+       productsMain2{
+          id
+          title
+          subtitle
+          content
+          button
+          link
+       #  image
+        }
+       productData2{
+         id
+         title
+         content
+         image
+         button
+         link
+       }
       appsMain{
           id
           title
@@ -175,6 +261,7 @@
         logos{
           id
           image
+          url
         }
         cta{
           title
@@ -231,6 +318,12 @@
           question
           content
       }
+      contactData{
+         id
+         title
+         mail
+         phone
+      }
     }
   }