init brandpanels, cta & partners sec

content/page/oldtoken/cta2/cta2.md

@@ -1,5 +1,5 @@
 ---
-id: token_cta2
+id: oldtoken_cta2
 title: Why does TFT have value?
 slogan:
 button: Get Tokens

content/page/oldtoken/oldtoken.md

@@ -19,5 +19,5 @@ partnerships:
   [be_ur_bank, secure, transact_p2p, backed, decentralized, lives_stellar]
 brandPanel: dive_TFT
 cta3: token_cta3
-cta2: token_cta2
+cta2: oldtoken_cta2
 ---

content/page/token/brandPanel/index.md

@@ -0,0 +1,6 @@
+---
+id: token_brandPanel
+title: STAKE TOKENS,GET DISCOUNTS 
+image: stake_token.png # src/assets/brandPanel/..
+---
+Earn discounts according to the number of months you commit to use the ThreeFold a. By staking TFT, you ayour loyalty to the ecosystem, and by buying TFT upfront become a co-investor in the growth of the ThreeFold Grid.

content/page/token/brandPanel2/index.md

@@ -0,0 +1,6 @@
+---
+id: token_brandPanel2
+title: A SCARCE TOKEN TO REPRESENT A SCARCE RESOURCE
+image: scarce_token.png # src/assets/brandPanel/..
+---
+TFTs are created only  when active Internet capacity is added to the ThreeFold Grid, and a limited supply of 4B TFT has been set to keep the currency scarce, ensuring its value holds steady for the years to come and to reward early adopters for their commitment.

content/page/token/brandPanel3/index.md

@@ -0,0 +1,6 @@
+---
+id: token_brandPanel3
+title: BURN AND FARM EQUILIBRIUM 
+image: burn_token.png # src/assets/brandPanel/..
+---
+Having a burning mechanism always ensures there is always room for the ThreeFold Grid to grow further and to continuously reward current and future cloud capacity providers.

content/page/token/cta2/cta2.md

@@ -0,0 +1,9 @@
+---
+id: token_cta2
+title: JOIN THE PEER-TO-PEER DIGITAL ECONOMY
+image: ./join_peer.png
+slogan:
+button: Get TFT
+link: '#'
+---
+Visit Binance Smart Chain to buy TFT

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

@@ -0,0 +1,5 @@
+---
+id: partner1
+image: ./solidaridad.png
+url: /partners/hpe
+---

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

@@ -0,0 +1,5 @@
+---
+id: partner2
+image: ./hpe.png
+url: /partners/harmony
+---

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

@@ -0,0 +1,5 @@
+---
+id: partner3
+image: ./digitalbyte.png
+url: /partners/casperlabs
+---

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

@@ -0,0 +1,5 @@
+---
+id: partner4
+image: ./dash.png
+url: /partners/skale_labs
+---

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

@@ -0,0 +1,5 @@
+---
+id: partner5
+image: ./saspelabs.png
+url: /partners/dash
+---

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

@@ -0,0 +1,5 @@
+---
+id: partner6
+image: ./matic.png
+url: /partners/presearch
+---

content/page/token/logos/main/main.md

@@ -0,0 +1,5 @@
+---
+id: partnersMain
+title: Our Partners
+---
+

content/page/token/token.md

@@ -18,4 +18,10 @@ cta: token_cta
 tft: decentralized_cloud
 networkMain: open_network
 network: [nw1, nw2, nw3]
+brandPanel: token_brandPanel
+brandPanel2: token_brandPanel2
+brandPanel3: token_brandPanel3
+cta2: token_cta2
+logos: [partner1, partner2, partner3, partner4, partner5, partner6]
+logosMain : partnersMain
 ---

src/components/custom/sections/CallToAction.vue

@@ -1,6 +1,6 @@
 <template>
   <section
-    class="px-4 bg-cover text-center"
+    class="bg-cover text-center"
     :class="{
       pink: id == 'home' && !lastCta,
       green: id == 'about-us' && lastCta,
@@ -766,7 +766,10 @@
     </div>
 
     <!-- token -->
-    <div class="w-full max-w-6xl mx-auto py-12" v-else-if="id == 'token'">
+    <div
+      class="w-full max-w-6xl mx-auto py-12"
+      v-else-if="id == 'token' && !lastCta"
+    >
       <h2
         v-if="cta.title"
         class="
@@ -828,6 +831,70 @@
       >
     </div>
 
+    <div class="w-full mx-auto lg:py-20" v-else-if="id == 'token' && lastCta">
+      <h2
+        v-if="cta.title"
+        class="
+          max-w-2xl
+          mx-auto
+          lg:text-5xl
+          text-center
+          uppercase
+          mb-2
+          leading-none
+          font-bold font-heading
+        "
+      >
+        {{ cta.title }}
+      </h2>
+      <div
+        v-html="cta.content"
+        class="mt-6 mb-8 lg:text-xl text-gray-800"
+      ></div>
+
+      <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
+      >
+      <g-image :src="cta.image" class="w-full my-10" />
+    </div>
+
     <!-- tft -->
     <div
       class="w-full lg:max-w-4xl mx-auto lg:mt-20 lg:px-16 lg:py-10 tft_section"

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

@@ -1,9 +1,9 @@
 <template>
   <div :class="{ 'bg-about': id == 'about-us' && brandPanel3 }">
     <div class="max-w-screen-xl mx-auto py-10">
-      <!-- token -->
+      <!-- oldtoken -->
       <div
-        v-if="id == 'token'"
+        v-if="id == 'oldtoken'"
         class="
           brandpanel
           rounded-lg
@@ -268,13 +268,7 @@
               }}</span>
             </h2>
             <div
-              class="
-                py-6
-                mt-4
-                text-xl
-                leading-tight
-                tracking-wide
-              "
+              class="py-6 mt-4 text-xl leading-tight tracking-wide"
               v-html="brand.content"
             ></div>
             <a
@@ -513,7 +507,118 @@
           </div>
         </div>
         <div class="lg:w-1/2 px-2 self-center">
-          <g-image class=" mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
+          <g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
+        </div>
+      </div>
+
+      <!-- token -->
+      <div
+        v-else-if="id == 'token' && !brandPanel2 && !brandPanel3"
+        class="flex flex-wrap text-left mt-24"
+      >
+        <div class="lg:w-1/2 px-2 lg:mt-5 order-1 lg:order-none text-left">
+          <div class="px-2 lg:self-center">
+            <h2 class="lg:text-5xl mb-6 uppercase leading-none font-heading">
+              <span class="block">{{ brand.title }}</span>
+              <span class="block" v-if="brand.subtitle">{{
+                brand.subtitle
+              }}</span>
+            </h2>
+            <div
+              class="
+                py-6
+                mt-4
+                max-w-md
+                text-gray-900 text-xl
+                leading-tight
+                tracking-wide
+              "
+              v-html="brand.content"
+            ></div>
+          </div>
+        </div>
+        <div class="lg:w-1/2 px-2">
+          <g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
+        </div>
+      </div>
+
+      <div
+        v-else-if="id == 'token' && brandPanel2"
+        class="flex flex-wrap lg:text-left lg:pt-16 px-4"
+      >
+        <div class="lg:w-1/2 px-2 self-center">
+          <g-image class="lg:w-3/4" :src="image" :alt="brand.title" />
+        </div>
+        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
+          <div class="px-2 lg:self-center">
+            <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
+              {{ brand.title }}
+            </h2>
+            <div
+              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
+              v-html="brand.content"
+            ></div>
+            <a
+              v-if="brand.btnTxt"
+              target="_blank"
+              :href="brand.sourceUrl"
+              class="
+                inline-block
+                bg-white
+                lg:text-lg
+                learn-button
+                hover:bg-gray-400
+                px-12
+                py-1
+                mr-5
+                mb-4
+                border-2
+                shadow
+                border-black
+              "
+              >{{ brand.btnTxt }}</a
+            >
+          </div>
+        </div>
+      </div>
+
+      <div
+        v-else-if="id == 'token' && brandPanel3"
+        class="flex flex-wrap lg:text-left lg:pt-16 px-4"
+      >
+        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
+          <div class="lg:self-center">
+            <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
+              {{ brand.title }}
+            </h2>
+            <div
+              class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
+              v-html="brand.content"
+            ></div>
+            <a
+              v-if="brand.btnTxt"
+              target="_blank"
+              :href="brand.sourceUrl"
+              class="
+                inline-block
+                bg-white
+                text-lg
+                learn-button
+                hover:bg-gray-400
+                px-12
+                py-1
+                mr-5
+                mb-4
+                border-2
+                shadow
+                border-black
+              "
+              >{{ brand.btnTxt }}</a
+            >
+          </div>
+        </div>
+        <div class="lg:w-1/2 px-2 self-center">
+          <g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
         </div>
       </div>
 

src/templates/MarkdownPage.vue

@@ -18,20 +18,26 @@
 
       <BrandPanel
         :id="$page.markdownPage.id"
+        v-if="
+          $page.markdownPage.brandPanel && $page.markdownPage.id !== 'token'
+        "
         :brand="$page.markdownPage.brandPanel"
-        v-if="$page.markdownPage.brandPanel"
       />
 
       <BrandPanel
         :id="$page.markdownPage.id"
         :brand="$page.markdownPage.brandPanel2"
-        v-if="$page.markdownPage.brandPanel2"
+        v-if="
+          $page.markdownPage.brandPanel2 && $page.markdownPage.id !== 'token'
+        "
         :brandPanel2="true"
       />
       <BrandPanel
         :id="$page.markdownPage.id"
         :brand="$page.markdownPage.brandPanel3"
-        v-if="$page.markdownPage.brandPanel3"
+        v-if="
+          $page.markdownPage.brandPanel3 && $page.markdownPage.id !== 'token'
+        "
         :brandPanel3="true"
       />
     </div>
@@ -47,7 +53,7 @@
       />
       <CallToAction
         :id="$page.markdownPage.id"
-        v-if="$page.markdownPage.cta2"
+        v-if="$page.markdownPage.cta2 && $page.markdownPage.id !== 'token'"
         :cta="$page.markdownPage.cta2"
         :textOnly="true"
       />
@@ -103,6 +109,37 @@
         :main="$page.markdownPage.networkMain"
         :features="$page.markdownPage.network"
       />
+
+      <BrandPanel
+        :id="$page.markdownPage.id"
+        :brand="$page.markdownPage.brandPanel"
+        v-if="$page.markdownPage.brandPanel && $page.markdownPage.id == 'token'"
+      />
+
+      <BrandPanel
+        :id="$page.markdownPage.id"
+        :brand="$page.markdownPage.brandPanel2"
+        v-if="
+          $page.markdownPage.brandPanel2 && $page.markdownPage.id == 'token'
+        "
+        :brandPanel2="true"
+      />
+      <BrandPanel
+        :id="$page.markdownPage.id"
+        :brand="$page.markdownPage.brandPanel3"
+        v-if="
+          $page.markdownPage.brandPanel3 && $page.markdownPage.id == 'token'
+        "
+        :brandPanel3="true"
+      />
+
+      <CallToAction
+        :id="$page.markdownPage.id"
+        v-if="$page.markdownPage.cta2 && $page.markdownPage.id == 'token'"
+        :cta="$page.markdownPage.cta2"
+        :lastCta="true"
+      />
+
       <RoadMap
         :id="$page.markdownPage.id"
         v-if="$page.markdownPage.roadmap"
@@ -124,6 +161,12 @@
     /> -->
 
     <div class="container sm:pxi-0 mx-auto py-5 overflow-visible">
+      <logoShowcase
+        v-if="$page.markdownPage.logos.length > 0"
+        :id="$page.markdownPage.id"
+        :logos="$page.markdownPage.logos"
+        :main="$page.markdownPage.logosMain"
+      />
       <!-- <AppListItem
         v-if="
           $page.markdownPage.appData && $page.markdownPage.appData.length > 0
@@ -321,6 +364,9 @@
         }
         cta2{
           title
+          image
+          button
+          link
           content
         }
         cta3{