From 81a21dea569588c6a606666e16f6bab8663811e9 Mon Sep 17 00:00:00 2001
From: Ehab-hassan <hassane@codescalers.com>
Date: Mon, 16 Aug 2021 13:06:00 +0000
Subject: [PATCH] update size

---
 src/assets/scss/main.scss                     |  6 +++++
 src/components/custom/Slider.vue              |  4 ++--
 .../custom/sections/CallToAction.vue          | 10 ++++-----
 .../sections/cta-sections/BrandPanel.vue      |  4 ++--
 .../sections/cta-sections/Header.vue          | 10 ++++-----
 .../sections/cta-sections/NewCard.vue         | 22 +++++++------------
 .../team-sections/with_large_images.vue       |  4 ++--
 7 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 68313866f..b6e4c7a33 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -173,6 +173,12 @@ button:focus {
   font-family: "Roboto", sans-serif !important;
 }
 
+.text-9xl {
+  font-size: 8rem;
+  line-height: 1;
+  
+}
+
 text-6xl {
   font-family: "Roboto", sans-serif !important;
 }
diff --git a/src/components/custom/Slider.vue b/src/components/custom/Slider.vue
index e935dfb98..730f8d559 100644
--- a/src/components/custom/Slider.vue
+++ b/src/components/custom/Slider.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="my-20 tft_section">
     <div v-if="main" class="text-center mx-2">
-      <h2 class="text-6xl uppercase leading-none font-heading my-0">{{ main.title }}</h2>
-      <h2 v-if="main.subtitle" class="text-6xl uppercase leading-none font-heading mt-0">{{ main.subtitle }}</h2>
+      <h2 class="text-8xl uppercase leading-none font-heading my-0">{{ main.title }}</h2>
+      <h2 v-if="main.subtitle" class="text-8xl uppercase leading-none font-heading mt-0">{{ main.subtitle }}</h2>
       <div
         class="my-10 text-2xl mx-auto text-gray-800 sm:mt-4 tft_subtitle"
         v-html="main.content"
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 60934dabd..7c40e2400 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -227,21 +227,21 @@
     </div>
 
     <!-- tft -->
-    <div class="w-full max-w-7xl mx-auto lg:mt-20 lg:px-16 tft_section" v-else-if="id == 'tft'">
+    <div class="w-full lg:max-w-4xl mx-auto lg:mt-20 lg:px-16 lg:py-10 tft_section" v-else-if="id == 'tft'">
       <h2
         v-if="cta.title"
-        class="lg:w-1/2 text-6xl mb-6 mt-20 leading-none font-heading mx-auto"
+        class="lg:max-w-lg text-8xl mb-6 mt-20 leading-none font-heading mx-auto"
       >
         {{ cta.title }}
       </h2>
-      <div v-html="cta.content" class="mt-6 mb-8 text-xl tracking-wide tft_subtitle text-gray-800"></div>
+      <div v-html="cta.content" class="mt-6 mb-8 text-2xl leading-tight tracking-wide tft_subtitle text-gray-800"></div>
       <div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
         <a
           @click="toggleModal"
            class="
               inline-block
               bg-gray-900
-              text-xl
+              text-2xl
               learn-button
               hover:bg-gray-800
               text-gray-100
@@ -260,7 +260,7 @@
         class="
               inline-block
               bg-gray-900
-              text-xl
+              text-2xl
               learn-button
               hover:bg-gray-800
               text-gray-100
diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index 67c920f74..d55742b52 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -263,7 +263,7 @@
           <div class="lg:self-center">
             <h2
               class="
-                text-5xl mb-6 uppercase leading-none font-heading
+                text-6xl mb-6 uppercase leading-none font-heading
               "
             >
               <span class="block">{{ brand.title }}</span>
@@ -271,7 +271,7 @@
                 brand.subtitle
               }}</span>
             </h2>
-            <div class="py-6 mt-4 text-gray-900 text-xl tft_subtitle tracking-wide" v-html="brand.content"></div>
+            <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"
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index 7d65c437e..5dd1e383c 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -162,14 +162,14 @@
     </div>
 
     <div
-      class="flex flex-wrap text-center tft_section 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:py-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 text-center">
-        <h2 class="text-6xl mb-6 mt-20 leading-none font-heading">
+        <h2 class="text-8xl mb-6 mt-20 leading-none font-heading">
           {{ title }}
         </h2>
-        <div class="mb-8 text-gray-800 text-2xl tft_subtitle" v-html="excerpt"></div>
+        <div class="mb-8 text-gray-800 text-3xl tft_subtitle" v-html="excerpt"></div>
         <div v-if="button">
           <a
             v-if="link.includes('http')"
@@ -177,7 +177,7 @@
             class="
               inline-block
               bg-gray-900
-              text-xl
+              text-2xl
               learn-button
               hover:bg-gray-800
               text-gray-100
@@ -197,7 +197,7 @@
             class="
               inline-block
               bg-gray-900
-              text-xl
+              text-2xl
               learn-button
               hover:bg-gray-800
               text-gray-100
diff --git a/src/components/marketing/sections/cta-sections/NewCard.vue b/src/components/marketing/sections/cta-sections/NewCard.vue
index 51795c208..43d243517 100644
--- a/src/components/marketing/sections/cta-sections/NewCard.vue
+++ b/src/components/marketing/sections/cta-sections/NewCard.vue
@@ -2,11 +2,11 @@
   <div class="lg:py-12 lg:flex lg:justify-center flex flex-col">
     <div
       v-if="id == 'tft'"
-      class="bg-white lg:mx-8 lg:flex lg:max-w-5xl lg:rounded-lg tft_section"
+      class="bg-white lg:mx-8 lg:flex lg:rounded-lg tft_section lg:py-20"
     >
-      <div class="py-2 px-6 max-w-xl lg:max-w-5xl lg:w-1/2 text-center">
-        <h2 class="text-6xl mb-6 leading-none font-heading">{{ card.title }}</h2>
-        <div class="mt-4 text-gray-900 text-xl tft_subtitle tracking-wide" v-html="card.content"></div>
+      <div class="py-2 px-6 max-w-xl lg:max-w-5xl lg:w-1/2 text-center ">
+        <h2 class="text-8xl mb-6 leading-none font-heading">{{ card.title }}</h2>
+        <div class="mt-4 text-gray-900 text-2xl tft_subtitle tracking-wide" v-html="card.content"></div>
         <div class="mt-8" v-if="card.button">
           <a
             v-if="card.link.includes('http')"
@@ -15,7 +15,7 @@
             class="
               inline-block
               bg-gray-900
-              text-xl
+              text-2xl
               learn-button
               hover:bg-gray-800
               text-gray-100
@@ -35,7 +35,7 @@
             class="
               inline-block
               bg-gray-900
-              text-xl
+              text-2xl
               learn-button
               hover:bg-gray-800
               text-gray-100
@@ -51,7 +51,7 @@
           >
         </div>
       </div>
-      <div class="lg:w-1/2">
+      <div class="lg:w-3/4">
         <div
           class="h-64 bg-cover lg:rounded-lg lg:h-full"
           :style="{ 'background-image': 'url(' + img(card.img) + ')' }"
@@ -121,10 +121,4 @@ export default {
     },
   },
 };
-</script>
-
-<style scoped>
-  .tft_section {
-    margin: auto;
-  }
-</style>
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/src/components/marketing/sections/team-sections/with_large_images.vue b/src/components/marketing/sections/team-sections/with_large_images.vue
index dba80f893..536c6e835 100644
--- a/src/components/marketing/sections/team-sections/with_large_images.vue
+++ b/src/components/marketing/sections/team-sections/with_large_images.vue
@@ -24,12 +24,12 @@
       >
         <div v-for="(section, index) in sections" :key="index" class="p-5">
           <div class="leading-6">
-            <h2 class="text-8xl font-bold uppercase mt-0" v-if="section.title">
+            <h2 class="text-9xl font-bold uppercase mt-0" v-if="section.title">
               {{ section.title }}
             </h2>
             <div
               v-if="section.content"
-              class="text-2xl tft_subtitle tracking-wide"
+              class="text-2xl tft_subtitle tracking-wide leading-9"
               v-html="section.content"
             ></div>
           </div>