From 6c6586879100b9698a48bac1a308f5a39eba2e31 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 4 Apr 2021 18:59:06 +0200
Subject: [PATCH] update space

---
 content/page/why/cta2/cta2.md                     | 15 +++++++++++++++
 src/components/custom/sections/CallToAction.vue   |  2 +-
 .../marketing/sections/cta-sections/Header.vue    |  2 +-
 src/pages/Index.vue                               |  4 ++--
 4 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 content/page/why/cta2/cta2.md

diff --git a/content/page/why/cta2/cta2.md b/content/page/why/cta2/cta2.md
new file mode 100644
index 000000000..71301c927
--- /dev/null
+++ b/content/page/why/cta2/cta2.md
@@ -0,0 +1,15 @@
+---
+id: why_cta2
+title: THE INTERNET CHANGES LIVES.
+slogan: A BETTER INTERNET CHANGES THE WORLD.
+button: "Take Part"
+link: "#home"
+button2: ""
+link2: ""
+button3: ""
+link3: ""
+---
+
+Help us expand the decentralized P2P grid and join the 
+<br>
+journey to a better internet.
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 3149b6e85..2f90ef735 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -24,7 +24,7 @@
         >
       </div>
       <a
-        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"
+        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"
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index 59b796de6..734ed86d1 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -40,7 +40,7 @@
       </div>
     </div>
 
-    <div class="flex flex-wrap text-center lg:text-left -mx-2" v-else>
+    <div class="flex flex-wrap text-center lg:text-left lg:mt-10 lg:pt-10 -mx-2" v-else>
       <div class="lg:w-1/2 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none">
         <h2
           class="text-8xl mb-6 mt-20 leading-none font-extrabold font-heading"
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 949bed291..5db902d3e 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -18,8 +18,8 @@
         :header="$page.markdownPage.header"
       /> -->
 
-      <g-image
-        class="m-auto w-2/4"
+      <g-image 
+        class="m-auto w-2/4 lg:mt-20"
         v-if="$page.markdownPage.solution_image2"
         :src="$page.markdownPage.solution_image2.src"
       />