update dive into section

content/page/tft/brandPanel2/index.md

@@ -0,0 +1,11 @@
+---
+id: tft_brandPanel2
+title: dive into threefold tokenmics
+subtitle: ''
+sourceUrl: ''
+btnTxt: Know More
+image: dive_into2.jpg # src/assets/brandPanel/..
+---
+learn about the development plan, scaecity,
+<br>
+burn equilibrium and more.

content/page/tft/tft.md

@@ -14,6 +14,7 @@ link: /
 cta: tft_cta
 cta4: tft_cta4
 brandPanel: tft_brandPanel
+brandPanel2 : tft_brandPanel2
 card: tft_card
 carousel: [slide1, slide2, slide3, slide4, slide5, slide6 , slide7 , slide8 , slide9 , slide10]
 sliderMain: slider_main

src/assets/scss/main.scss

@@ -42,7 +42,7 @@ h1, h2 {
   font-size: 4rem;
 }
 
-tft_section2{
+.tft_section2{
   font-family: 'Oswald', sans-serif !important;
   font-size: 5rem;
 }

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

@@ -244,7 +244,7 @@
 
       <!-- tft -->
       <div
-        v-else-if="id == 'tft'"
+        v-else-if="id == 'tft' && !diveInto"
         class="flex flex-wrap text-center tft_section lg:text-left "
         
       >
@@ -294,6 +294,60 @@
         </div>
       </div>
 
+        <div
+        v-else-if="id == 'tft' && diveInto"
+        class="flex flex-wrap text-center tft_section lg:text-left lg:pt-16 "
+        
+      >
+        <div class="lg:w-1/2 px-2 self-center">
+          <g-image
+            
+            :src="image"
+            :alt="brand.title"
+          />
+        </div>
+        <div
+          class="
+            lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-center
+          "
+        >
+          <div class="lg:self-center">
+            <h2
+              class="
+                text-6xl mb-6 lg:px-10 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 text-gray-900 text-2xl leading-tight tft_subtitle tracking-wide" v-html="brand.content"></div>
+            <a
+              v-if="brand.btnTxt"
+              target="_blank"
+              :href="brand.sourceUrl"
+              class="
+                inline-block
+              bg-gray-900
+              text-2xl
+              learn-button
+              hover:bg-gray-800
+              text-gray-100
+              px-16
+              py-1
+              mb-4
+              shadow
+              rounded-full
+              tft_subtitle
+              tracking-widev
+              "
+              >{{ brand.btnTxt }}</a
+            >
+          </div>
+        </div>
+      </div>
+
       <div
         v-else
         class="
@@ -362,7 +416,7 @@
 
 <script>
 export default {
-  props: ["brand", "id"],
+  props: ["brand", "id" , "diveInto"],
   computed: {
     image() {
       return this.brand.image.src

src/templates/MarkdownPage.vue

@@ -104,6 +104,7 @@
         :id="$page.markdownPage.id"
         :brand="$page.markdownPage.brandPanel"
         v-if="$page.markdownPage.brandPanel"
+        :diveInto="false"
       />
 
       <NewCard
@@ -147,6 +148,13 @@
         :src="$page.markdownPage.solution_image"
       />
 
+       <BrandPanel
+        :id="$page.markdownPage.id"
+        :brand="$page.markdownPage.brandPanel2"
+        v-if="$page.markdownPage.brandPanel2"
+        :diveInto="true"
+      />
+
        <CallToActionbg1
         v-if="$page.markdownPage.cta4"
         :cta="$page.markdownPage.cta4"
@@ -456,6 +464,15 @@
          sourceUrl
          btnTxt
          image
+       }
+         brandPanel2{
+         id
+         title
+         subtitle
+         content
+         sourceUrl
+         btnTxt
+         image
        }
        partenershipsMain{
          id