update space

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.

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"

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"

src/pages/Index.vue

@@ -18,8 +18,8 @@
         :header="$page.markdownPage.header"
       /> -->
 
-      <g-image
+      <g-image 
-        class="m-auto w-2/4"
+        class="m-auto w-2/4 lg:mt-20"
         v-if="$page.markdownPage.solution_image2"
         :src="$page.markdownPage.solution_image2.src"
       />