From 3a0e88dabab61ce29880d3a6438717d630811290 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Mon, 5 Apr 2021 15:09:48 +0200
Subject: [PATCH] Add header btns

---
 .../marketing/sections/cta-sections/Header.vue         | 10 +++++-----
 src/templates/MarkdownPage.vue                         |  4 ++++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index 26cd1efdc..f82376e34 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -56,17 +56,17 @@
           class="mb-8 text-center text-gray-700 leading-relaxed"
           v-html="excerpt"
         ></div>
-        <div v-if="button">
+        <div v-if="button" class="block text-center">
           <a
             v-if="link.includes('http')"
             target="_blank"
-            class="nline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+            class="bg-gray-900 text-md learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mb-4 shadow rounded-full"
             :href="link"
             >{{ button }}</a
           >
           <a
             v-else
-            class="nline-block bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+            class="bg-gray-900 text-md learn-button hover:bg-gray-800 text-gray-100 px-12 py-2 mb-4 shadow rounded-full"
             :href="link"
             >{{ button }}</a
           >
@@ -91,13 +91,13 @@
           <a
             v-if="link.includes('http')"
             target="_blank"
-            class="nline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+            class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
             :href="link"
             >{{ button }}</a
           >
           <a
             v-else
-            class="nline-block bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+            class="inline-block bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
             :href="link"
             >{{ button }}</a
           >
diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue
index c595db72e..4cb1d3dc6 100644
--- a/src/templates/MarkdownPage.vue
+++ b/src/templates/MarkdownPage.vue
@@ -13,6 +13,8 @@
         :image="$page.markdownPage.header_image"
         :altImg="$page.markdownPage.header_altImg"
         :excerpt="$page.markdownPage.header_excerpt"
+        :button="$page.markdownPage.button"
+        :link="$page.markdownPage.link"
       />
     </div>
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
@@ -91,6 +93,8 @@
         header_title
         header_image
         header_slogan
+        button
+        link
         solution_image
        productsMain{
           id