update home & universe css

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>

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>

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

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"
       />