From cf9d31473c1a080cfc7241de1533df936c23bfe6 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 12 Apr 2021 11:05:21 +0200
Subject: [PATCH] update home & universe css

---
 .../page/universe/productData/product2/cloud.md    |  3 +++
 .../sections/cta-sections/ShowcaseProducts.vue     | 14 +++++++-------
 .../sections/cta-sections/logoShowcase.vue         |  2 +-
 src/pages/Index.vue                                |  2 +-
 4 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/content/page/universe/productData/product2/cloud.md b/content/page/universe/productData/product2/cloud.md
index 7be27218c..116650151 100644
--- a/content/page/universe/productData/product2/cloud.md
+++ b/content/page/universe/productData/product2/cloud.md
@@ -6,4 +6,7 @@ button: Tell Me More!
 link: /token
 ---
 
+
 Build secure software, applications and open Internet services.
+
+<br>
diff --git a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
index 067a546c5..7cd448eee 100644
--- a/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
+++ b/src/components/marketing/sections/cta-sections/ShowcaseProducts.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="py-0 mb-5">
+  <div class="py-0 mb-5 mx-4">
     <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>
@@ -51,29 +51,29 @@
         target="_blank"
         :key="idx"
         :href="product.link"
-        class="m-auto rounded overflow-hidden transition duration-500"
+        class="m-auto rounded overflow-hidden transition duration-500 bg-gray-100"
       >
         <div>
           <g-image :src="img(product.image)" />
-          <div class="bg-gray-100 font-bold text-xl pt-5">
+          <div class="font-bold text-xl pt-5 mx-4">
             {{ product.title }}
           </div>
           <div
             v-html="product.content"
-            class="bg-gray-100 py-2 text-gray-600"
+            class="py-2 text-gray-600 mx-4"
           ></div>
-          <div v-if="product.button" class="bg-gray-100 mb-2 py-5 text-center">
+          <div v-if="product.button" class="mb-2 py-5 text-center">
             <a
               v-if="product.link.includes('http')"
               target="_blank"
               :href="product.link"
-              class="bg-transparent text-sm learn-button border-gray-900 text-gray-900 px-12 py-2 mr-5 shadow rounded-full"
+              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
               >{{ product.button }}</a
             >
             <a
               v-else
               :href="product.link"
-              class="bg-transparent text-sm learn-button border-gray-900 text-gray-900 px-12 py-2 mr-5 shadow rounded-full"
+              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
               >{{ product.button }}</a
             >
           </div>
diff --git a/src/components/marketing/sections/cta-sections/logoShowcase.vue b/src/components/marketing/sections/cta-sections/logoShowcase.vue
index eb96ee363..a83b50954 100644
--- a/src/components/marketing/sections/cta-sections/logoShowcase.vue
+++ b/src/components/marketing/sections/cta-sections/logoShowcase.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="py-24 pb-8 px-4 text-center">
+  <section class="py-10 pb-8 px-4 text-center">
     <div class="max-w-2xl mx-auto mb-8">
       <h2 class="text-4xl leading-tight mb-6 font-bold font-heading">
         WORK WITH AWESOME PARTNERS
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index e656d37c5..d13fc7fc7 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -105,7 +105,7 @@
       /> -->
 
       <g-image
-        class="m-auto w-3/4"
+        class="m-auto w-3/4 mt-8"
         v-if="$page.markdownPage.solution_image"
         :src="$page.markdownPage.solution_image.src"
       />