From d9c1784bad88d684bbee4c2f38d5e574d95f4138 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 4 Apr 2021 23:21:51 +0200
Subject: [PATCH] update css

---
 content/page/why/cta2/cta2.md                          |  2 +-
 content/page/why/why.md                                |  4 ++--
 src/components/custom/sections/CallToAction.vue        |  8 ++++----
 .../marketing/sections/cta-sections/Header.vue         | 10 +++++-----
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/content/page/why/cta2/cta2.md b/content/page/why/cta2/cta2.md
index 71301c927..3ea7562d4 100644
--- a/content/page/why/cta2/cta2.md
+++ b/content/page/why/cta2/cta2.md
@@ -1,7 +1,7 @@
 ---
 id: why_cta2
 title: THE INTERNET CHANGES LIVES.
-slogan: A BETTER INTERNET CHANGES THE WORLD.
+slogan: A BETTER INTERNET CHANGES THE WORLD
 button: "Take Part"
 link: "#home"
 button2: ""
diff --git a/content/page/why/why.md b/content/page/why/why.md
index acecaf5b7..87974f4fa 100644
--- a/content/page/why/why.md
+++ b/content/page/why/why.md
@@ -1,7 +1,7 @@
 ---
 id: why
-header_slogan: We need a way of archiving it.
-header_title: We do not need a reason to want a better future.
+header_slogan: We need a way of archiving it
+header_title: We do not need a reason to want a better future
 header_image: ./why-home.jpg
 header_altImg: threefold
 header_excerpt: Our mission is accelerate the transition of the data economy to a decentralized P2P model and make it possible for every person to learn, partake and succeed.
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 2f90ef735..5090d4e10 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -3,7 +3,7 @@
     <div class="w-full max-w-2xl mx-auto" v-if="id == 'why'">
       <h2
         v-if="cta.title"
-        class="text-6xl text-center uppercase mb-2 leading-none font-light font-heading"
+        class="text-5xl text-center uppercase mb-2 leading-none font-light font-heading"
       >
         {{ cta.title }}
       </h2>
@@ -23,12 +23,12 @@
           >{{ cta.video_button }}</a
         >
       </div>
-      <a
+      <g-link
         class="inline-block bg-gray-900 text-md learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
         target="_blank"
         v-if="cta.button"
-        :href="cta.link"
-        >{{ cta.button }}</a
+        :to="cta.link"
+        >{{ cta.button }}</g-link
       >
       <g-link
         class="inline-block bg-gray-900 text-sm learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index 734ed86d1..2fcd2e836 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -1,18 +1,18 @@
 <template>
   <section class="py-15 mb-10 px-4 lg:mx-40">
     <div
-      class="flex flex-wrap text-center lg:text-left -mx-2"
+      class="flex flex-wrap text-center lg:mt-10 lg:text-left -mx-2"
       v-if="id == 'why'"
     >
-      <div class="lg:w-3/5 px-2"><g-image :src="img" :alt="altImg" /></div>
-      <div class="lg:w-2/5 px-2 py-20 lg:pr-20 lg:mt-10 order-1 lg:order-none">
+      <div class="lg:w-1/2 px-2"><g-image :src="img" :alt="altImg" /></div>
+      <div class="lg:w-1/2 px-2 py-20 lg:pr-20 px-10 lg:mt-10 order-1 lg:order-none">
         <h1
-          class="flex text-center uppercase mb-6 mt-20 leading-none text-5xl font-light font-heading"
+          class="flex text-center uppercase mb-6 mt-10 leading-none text-5xl font-light font-heading"
         >
           {{ title }}
         </h1>
         <span
-          class="flex text-center uppercase mb-6 leading-none text-5xl font-black font-heading"
+          class="flex text-center uppercase mb-6 leading-none text-6xl font-black font-heading"
         >
           {{ slogan }}
         </span>