token cta

content/page/token/cta/cta.md

@@ -0,0 +1,10 @@
+---
+id: token_cta
+title: THE POTENTIAL IS ENDLESS
+image: ./potental.png
+button:  How ThreeFold compares with the industry
+link: '#'
+button2: 
+link2: 
+---
+Many projects created bits and pieces of what a decentralized cloud would look like, each with their own protocol and tools, making the industry more complicated than ever. With TFT, people can access the most comprehensive digital network ever created. 

content/page/token/token.md

@@ -14,4 +14,5 @@ link:
 marketInfoMain: marketMain
 mainItem: sec1
 marketInfo: [sec2, sec3, sec4]
+cta: token_cta
 ---

src/components/custom/sections/CallToAction.vue

@@ -764,6 +764,70 @@
         >{{ cta.button2 }}</a
       >
     </div>
+
+    <!-- token -->
+    <div class="w-full max-w-6xl mx-auto py-12" v-else-if="id == 'token'">
+      <h2
+        v-if="cta.title"
+        class="
+          lg:text-5xl
+          max-w-3xl
+          mx-auto
+          text-center
+          uppercase
+          my-2
+          leading-none
+          font-bold font-heading
+        "
+      >
+        {{ cta.title }}
+      </h2>
+      <div
+        v-html="cta.content"
+        class="mt-6 mb-8 max-w-3xl mx-auto lg:text-2xl text-gray-800"
+      ></div>
+      <g-image :src="cta.image" class="mx-auto w-full my-10" />
+      <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          mr-5
+          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
+          mr-5
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+    </div>
+
     <!-- tft -->
     <div
       class="w-full lg:max-w-4xl mx-auto lg:mt-20 lg:px-16 lg:py-10 tft_section"

src/templates/MarkdownPage.vue

@@ -38,7 +38,11 @@
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
       <CallToAction
         :id="$page.markdownPage.id"
-        v-if="$page.markdownPage.cta && $page.markdownPage.id !== 'grid'"
+        v-if="
+          $page.markdownPage.cta &&
+          $page.markdownPage.id !== 'grid' &&
+          $page.markdownPage.id !== 'token'
+        "
         :cta="$page.markdownPage.cta"
       />
 
@@ -83,7 +87,10 @@
     <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
       <CallToAction
         :id="$page.markdownPage.id"
-        v-if="$page.markdownPage.cta && $page.markdownPage.id == 'grid'"
+        v-if="
+          ($page.markdownPage.cta && $page.markdownPage.id == 'grid') ||
+          $page.markdownPage.id == 'token'
+        "
         :cta="$page.markdownPage.cta"
       />
       <RoadMap