From 99704e995366cc5660ce01f92f2cbed96c232361 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Wed, 7 Apr 2021 12:24:23 +0200
Subject: [PATCH] Fix show product title

---
 content/page/why/productData/main/main.md        |  2 +-
 .../sections/cta-sections/ShowcaseProducts.vue   | 16 +++++++++++-----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/content/page/why/productData/main/main.md b/content/page/why/productData/main/main.md
index a80bdf9b7..9808f1834 100644
--- a/content/page/why/productData/main/main.md
+++ b/content/page/why/productData/main/main.md
@@ -1,7 +1,7 @@
 ---
 id: product_main
 title: "WE TACKLE "
-slogan: "THE ROOT ISSUES"
+subtitle: "THE ROOT ISSUES"
 ---
 
 This is not a fixed internet. It is a new Internet. One that is safer, more private, more accessible and keeps our planet’s well-being in mind.
diff --git a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
index 2a25b4984..79cb35400 100644
--- a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
+++ b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
@@ -1,6 +1,15 @@
 <template>
   <div class="py-0 mb-5">
-    <div class="w-full text-center">
+    <div class="text-center mx-auto my-4" v-if="id == 'why'">
+      <h1 class="text-4xl text-gray-900 font-light sm:text-9xl sm:leading-10">
+        {{ main.title }} <span class="font-extrabold">{{ main.subtitle }}</span>
+      </h1>
+      <div
+        class="mt-3 max-w-2xl mx-auto text-gray-600 sm:mt-4"
+        v-html="main.content"
+      ></div>
+    </div>
+    <div class="w-full text-center" v-else>
       <h2
         v-if="main !== null && main.title"
         class="text-4xl font-semibold leading-tight font-heading"
@@ -89,10 +98,7 @@
           <div class="product font-bold text-2xl pt-5">
             {{ product.title }}
           </div>
-          <div
-            v-html="product.content"
-            class="product p-5 text-gray-600"
-          ></div>
+          <div v-html="product.content" class="product p-5 text-gray-600"></div>
           <div v-if="product.button" class="product mb-3 py-5 text-center">
             <a
               v-if="product.link.includes('http')"