update newsupport

content/page/newsupport/InTheNews/inTheNews.md

@@ -0,0 +1,20 @@
+---
+id: support_faq
+partners:
+  - path: ''
+    logo: ./logos/for_caht.png
+
+  - path: ''
+    logo: ./logos/for_press.png
+
+  - path: ''
+    logo: ./logos/for_all.png
+
+  
+
+  
+---
+
+GET IN TOUCH
+<br>
+WITH THREEFOLD

content/page/newsupport/cta3/index.md

@@ -0,0 +1,25 @@
+---
+id: newsupport_cta3
+title: FREQUENTLY ASKED  
+subtitle : QUESTIONS
+button: Ask a Question
+link: ''
+faqbutton : ThreeFold FAQs
+faqlink : /faq
+faqbutton2 : Grid FAQs
+faqlink2 : https://farming.threefold.io/faq/
+faqbutton3 : Token FAQs
+faqlink3 : https://forum.threefold.io/c/threefold-token/tft-faq/57
+image: ./question_mark.png
+smalltitle: HAVE A QUESTION ABOUT
+smalltitle2: BUILDING ON THREEFOLD?
+button2: Create Forum Post
+link2: https://forum.threefold.io/
+
+
+
+---
+Check out the Thre FAQs .
+
+
+

content/page/newsupport/newsupport.md

@@ -0,0 +1,19 @@
+---
+id: newsupport
+metaTitle: ThreeFold | newsupport
+metaDesc: A 100% open-source and community-driven project that is building the critical infrastructure for a decentralized world. Anyone can contribute to ThreeFold. And there are many ways to get involved.
+metaImg: ''
+header_slogan: ''
+header_title: '' 
+header_title2: ''
+header_image: ''
+header_altImg: ''
+header_excerpt: ''
+button: ''
+link: ''
+inTheNews: support_faq
+cta3: newsupport_cta3
+---
+<!-- cta2: newcommunity_cta2
+cta3: newsupport_cta3 -->
+

src/components/custom/sections/CallToAction.vue

@@ -575,6 +575,178 @@
       >
     </div>
 
+<!-- newsupport -->
+    <div
+      class="w-full mx-auto lg:mt-20 py-10 lg:p-20 bg-gray-100"
+      v-else-if="id == 'newsupport' && textOnly"
+    >
+      <h2
+        v-if="cta.title"
+        class="
+          lg:text-6xl
+          text-center
+          uppercase
+          mb-2
+          leading-none
+          font-normal font-heading
+        "
+      >
+        {{ cta.title }}
+        <br />
+        <span class="font-bold">{{ cta.subtitle }}</span>
+      </h2>
+      <div
+        v-html="cta.content"
+        class="mt-6 mb-8 text-xl lg:max-w-4xl mx-auto px-4"
+      ></div>
+      <div>
+        <a
+          class="
+            inline-block
+            bg-gray-200
+            text-lg
+            hover:bg-gray-400
+            px-12
+            py-1
+            mx-3
+            my-4
+          "
+          
+          :href="cta.faqlink"
+          >{{ cta.faqbutton }}</a
+        >
+        <a
+          class="
+            inline-block
+            bg-gray-200
+            text-lg
+            hover:bg-gray-400
+            px-12
+            py-1
+            mx-3
+            my-4
+          "
+          target="_blank"
+          :href="cta.faqlink2"
+          >{{ cta.faqbutton2 }}</a
+        >
+        <a
+          class="
+            inline-block
+            bg-gray-200
+            text-lg
+            hover:bg-gray-400
+            px-12
+            py-1
+            mx-3
+            my-4
+          "
+          target="_blank"
+          :href="cta.faqlink3"
+          >{{ cta.faqbutton3 }}</a
+        >
+      </div>
+
+      <!-- <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button && cta.link.includes('http')"
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+
+      <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link"
+        >{{ cta.button }}</a
+      > -->
+
+      <div>
+
+        <g-image :src="cta.image" class="lg:my-16 mx-auto" />
+
+        <h2
+        v-if="cta.smalltitle"
+        class="
+          lg:text-5xl
+          text-center
+          uppercase
+          mb-8
+          leading-none
+          font-normal font-heading
+        "
+      >
+        {{ cta.smalltitle }}
+        <br />
+        <span class="font-bold">{{ cta.smalltitle2 }}</span>
+      </h2>
+
+       <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button2 && cta.link2.includes('http')"
+        :href="cta.link2"
+        >{{ cta.button2 }}</a
+      >
+
+      <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link2"
+        >{{ cta.button2 }}</a
+      >
+      </div>
+    </div>
+
     <!-- home -->
 
     <div

src/templates/MarkdownPage.vue

@@ -205,7 +205,8 @@
         v-if="
           $page.markdownPage.cta3 &&
           $page.markdownPage.id !== 'developer' &&
-          $page.markdownPage.id !== 'newcommunity'
+          $page.markdownPage.id !== 'newcommunity' &&
+          $page.markdownPage.id !== 'newsupport'
         "
         :cta="$page.markdownPage.cta3"
         :lastCta="true"
@@ -351,6 +352,15 @@
         :news="$page.markdownPage.inTheNews"
       />
 
+      <CallToAction
+        :id="$page.markdownPage.id"
+        v-if="
+          $page.markdownPage.cta3 && $page.markdownPage.id == 'newsupport'
+        "
+        :cta="$page.markdownPage.cta3"
+        :textOnly="true"
+      />
+
       <CallToAction
         :id="$page.markdownPage.id"
         v-if="
@@ -620,12 +630,17 @@
           content
           button
           link
+          image
           faqbutton 
           faqlink
           faqbutton2
           faqlink2 
           faqbutton3 
           faqlink3
+          smalltitle
+          smalltitle2
+          button2
+          link2 
         }
          cta4{
           title1