From f770c5c6d2fbc78de9276a64f7aab06b299a4d14 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Tue, 24 Aug 2021 14:46:52 +0200
Subject: [PATCH] update dive into section

---
 content/page/tft/cta4/index.md                |   3 +-
 src/assets/scss/main.scss                     |   4 +-
 .../custom/sections/CallToActionbg1.vue       | 134 +++++++++---------
 3 files changed, 71 insertions(+), 70 deletions(-)

diff --git a/content/page/tft/cta4/index.md b/content/page/tft/cta4/index.md
index a180540ee..cf9ab61c6 100644
--- a/content/page/tft/cta4/index.md
+++ b/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
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index b7cc15189..6b7b9a0be 100644
--- a/src/assets/scss/main.scss
+++ b/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{
diff --git a/src/components/custom/sections/CallToActionbg1.vue b/src/components/custom/sections/CallToActionbg1.vue
index 2acade155..d2ed3d4bf 100644
--- a/src/components/custom/sections/CallToActionbg1.vue
+++ b/src/components/custom/sections/CallToActionbg1.vue
@@ -1,75 +1,77 @@
 <template>
-  <section class="py-4 px-4 text-center tft_section2">
- 
-    <div class="w-full max-w-7xl mx-auto">
-      <h1 class="text-9xl mb-2 mt-20 leading-none font-heading mx-auto">
-        {{ cta.title1 }} 
-        <br>
+  <section class="px-4 bg-cover text-center">
+    <div class="w-full mx-auto tft_section2">
+      <h2 class="text-9xl mb-2 leading-none font-heading mx-auto">
+        {{ cta.title1 }}
+        <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
-          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-wide" 
-          target="_blank"
-          v-if="cta.button"
-          :href="cta.link"
-          >{{ cta.button }}</a
-        >
-        <g-link
-          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-wide"
-          v-if="cta.button2"
-          :to="cta.link2"
-          >{{ cta.button2 }}</g-link
-        >
-         <g-link
-          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-wide"
-          v-if="cta.button3"
-          :to="cta.link3"
-          >{{ cta.button3 }}</g-link
-        >
-      
-      
+      <a
+        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-wide
+        "
+        target="_blank"
+        v-if="cta.button"
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+      <g-link
+        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-wide
+        "
+        v-if="cta.button2"
+        :to="cta.link2"
+        >{{ cta.button2 }}</g-link
+      >
+      <g-link
+        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-wide
+        "
+        v-if="cta.button3"
+        :to="cta.link3"
+        >{{ cta.button3 }}</g-link
+      >
     </div>
   </section>
 </template>