update css for header

src/assets/scss/main.scss

@@ -7,6 +7,8 @@
 }
 
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;600&display=swap');
 
 blockquote {
   // @apply border-l;
@@ -28,6 +30,16 @@ h1, h2 {
   font-family: "Roboto", sans-serif !important;
 }
 
+.tft_section h2{
+  font-family: 'Oswald', sans-serif !important;
+}
+
+.tft_subtitle{
+  font-family: 'Oswald', sans-serif;
+  font-weight: 400 !important;
+  
+}
+
 .post-card-excerpt,
 .post-content-text {
   font-family: "Poppins", sans-serif !important;

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

@@ -162,30 +162,31 @@
     </div>
 
     <div
-      class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10 -mx-2"
+      class="flex flex-wrap text-center tft_section lg:text-left lg:mt-10 lg:pt-10 -mx-2"
       v-else-if="id == 'tft'"
     >
-      <div class="lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none">
+      <div class="lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none text-center">
         <h2 class="text-6xl mb-6 mt-20 leading-none font-heading">
           {{ title }}
         </h2>
-        <div class="mb-8 text-gray-700 leading-relaxed" v-html="excerpt"></div>
+        <div class="mb-8 text-gray-800 text-2xl tft_subtitle" v-html="excerpt"></div>
         <div v-if="button">
           <a
             v-if="link.includes('http')"
             target="_blank"
             class="
               inline-block
-              bg-blue-900
-              text-sm
+              bg-gray-900
+              text-xl
               learn-button
-              hover:bg-blue-800
+              hover:bg-gray-800
               text-gray-100
-              px-12
+              px-16
               py-2
               mb-4
               shadow
               rounded-full
+              tft_subtitle
             "
             :href="link"
             >{{ button }}</a
@@ -194,16 +195,17 @@
             v-else
             class="
               inline-block
-              bg-blue-900
-              text-sm
+              bg-gray-900
+              text-xl
               learn-button
-              hover:bg-blue-800
+              hover:bg-gray-800
               text-gray-100
-              px-12
+              px-16
               py-2
               mb-4
               shadow
               rounded-full
+              tft_subtitle
             "
             :href="link"
             >{{ button }}</a

src/index.html

@@ -6,6 +6,10 @@
     
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css2?family=Lato&family=Nunito:wght@700&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap" rel="stylesheet">
+
 
     <!-- <script type="text/javascript">
         window.$crisp = [];