update dive into section

content/page/tft/cta4/index.md

@@ -3,9 +3,8 @@ id: tft_cta4
 title1: GET
 title2: TFT
 button: Get TFT
-link: /
+link: ''
 ---
-
 Visit Binance Smart
 <br>
 Chain to get your TFT

src/assets/scss/main.scss

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

src/components/custom/sections/CallToActionbg1.vue

@@ -1,75 +1,77 @@
 <template>
-  <section class="py-4 px-4 text-center tft_section2">
+  <section class="px-4 bg-cover text-center">
- 
+    <div class="w-full mx-auto tft_section2">
-    <div class="w-full max-w-7xl mx-auto">
+      <h2 class="text-9xl mb-2 leading-none font-heading mx-auto">
-      <h1 class="text-9xl mb-2 mt-20 leading-none font-heading mx-auto">
         {{ cta.title1 }}
-        <br>
+        <br />
         {{ cta.title2 }}
-      </h1>
+      </h2>
       <div
         v-html="cta.content"
-        class="mb-8 text-gray-800 text-2xl tft_subtitle"
+        class="text-gray-800 mb-4 text-2xl tft_subtitle"
       ></div>
 
-
+      <a
-       <a
+        class="
-          class="inline-block
+          inline-block
-              bg-gray-900
+          bg-gray-900
-              text-2xl
+          text-2xl
-              learn-button
+          learn-button
-              hover:bg-gray-800
+          hover:bg-gray-800
-              text-gray-100
+          text-gray-100
-              px-16
+          px-16
-              py-1
+          py-1
-              mb-4
+          mb-4
-              shadow
+          shadow
-              rounded-full
+          rounded-full
-              tft_subtitle
+          tft_subtitle
-              tracking-wide" 
+          tracking-wide
-          target="_blank"
+        "
-          v-if="cta.button"
+        target="_blank"
-          :href="cta.link"
+        v-if="cta.button"
-          >{{ cta.button }}</a
+        :href="cta.link"
-        >
+        >{{ cta.button }}</a
-        <g-link
+      >
-          class="inline-block
+      <g-link
-              bg-gray-900
+        class="
-              text-2xl
+          inline-block
-              learn-button
+          bg-gray-900
-              hover:bg-gray-800
+          text-2xl
-              text-gray-100
+          learn-button
-              px-16
+          hover:bg-gray-800
-              py-1
+          text-gray-100
-              mb-4
+          px-16
-              shadow
+          py-1
-              rounded-full
+          mb-4
-              tft_subtitle
+          shadow
-              tracking-wide"
+          rounded-full
-          v-if="cta.button2"
+          tft_subtitle
-          :to="cta.link2"
+          tracking-wide
-          >{{ cta.button2 }}</g-link
+        "
-        >
+        v-if="cta.button2"
-         <g-link
+        :to="cta.link2"
-          class="inline-block
+        >{{ cta.button2 }}</g-link
-              bg-gray-900
+      >
-              text-2xl
+      <g-link
-              learn-button
+        class="
-              hover:bg-gray-800
+          inline-block
-              text-gray-100
+          bg-gray-900
-              px-16
+          text-2xl
-              py-1
+          learn-button
-              mb-4
+          hover:bg-gray-800
-              shadow
+          text-gray-100
-              rounded-full
+          px-16
-              tft_subtitle
+          py-1
-              tracking-wide"
+          mb-4
-          v-if="cta.button3"
+          shadow
-          :to="cta.link3"
+          rounded-full
-          >{{ cta.button3 }}</g-link
+          tft_subtitle
-        >
+          tracking-wide
-      
+        "
-      
+        v-if="cta.button3"
+        :to="cta.link3"
+        >{{ cta.button3 }}</g-link
+      >
     </div>
   </section>
 </template>