From f7a2a1cf9162a2a2ad8ea0b3babbc83a3568562f Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 4 Oct 2021 16:10:45 +0200
Subject: [PATCH] update css

---
 .../sections/cta-sections/BrandPanel.vue      |  8 ++++----
 .../grid_with_large_round_images.vue          | 20 ++++++++++---------
 src/pages/Index.vue                           | 12 +++++------
 3 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index f5d649fb9..0581406da 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -258,11 +258,11 @@
         <div class="lg:w-1/2 lg:px-6 self-center">
           <g-image class="w-1/2 mx-auto" :src="image" :alt="brand.title" />
         </div>
-        <div class="lg:w-1/2 lg:px-10 order-1 lg:order-none lg:self-center">
+        <div class="lg:w-1/2 lg:px-20 order-1 lg:order-none lg:self-center">
           <div class="text-center">
             <h2
               class="
-                lg:text-5xl
+                lg:text-6xl
                 mb-8
                 font-light
                 uppercase
@@ -329,11 +329,11 @@
         v-else-if="id == 'home' && brandPanel3"
         class="flex flex-wrap lg:text-left text-center lg:pt-16 lg:px-16"
       >
-        <div class="lg:w-1/2 lg:px-10 order-1 lg:order-none lg:self-center">
+        <div class="lg:w-1/2 lg:px-20 order-1 lg:order-none lg:self-center">
           <div class="text-center">
             <h2
               class="
-                lg:text-5xl
+                lg:text-6xl
                 mb-8
                 font-light
                 uppercase
diff --git a/src/components/marketing/sections/team-sections/grid_with_large_round_images.vue b/src/components/marketing/sections/team-sections/grid_with_large_round_images.vue
index d8902081a..e942f885d 100644
--- a/src/components/marketing/sections/team-sections/grid_with_large_round_images.vue
+++ b/src/components/marketing/sections/team-sections/grid_with_large_round_images.vue
@@ -2,14 +2,14 @@
   <div
     v-if="id == 'home'"
     class="
-      max-w-screen-xl
+      max-w-screen-2xl
       mx-auto
       py-12
-      px-4
+      lg:px-4
       text-center
       sm:px-6
       lg:px-8
-      lg:py-0
+      lg:py-20
     "
   >
     <div class="space-y-12">
@@ -30,7 +30,7 @@
           grid-cols-2
           sm:grid sm:grid-cols-1
           lg:grid-cols-2
-          lg:max-w-5xl
+          
         "
       >
         <div
@@ -40,12 +40,12 @@
         >
           <div class="space-y-2">
             <div class="text-lg font-medium space-y-1">
-              <h2 class="font-light leading-none">
+              <h2 class="lg:text-5xl uppercase leading-tight font-light">
                 {{ partnership.title }}
                 <span class="block font-bold"> {{ partnership.subtitle }}</span>
               </h2>
               <div
-                class="text-base px-5 mb-5 text-gray-800"
+                class="mx-auto text-xl px-5 mb-5 "
                 v-html="partnership.content"
               ></div>
             </div>
@@ -56,7 +56,7 @@
                 :href="partnership.link"
                 class="
                   inline-block
-                  text-lg
+                  lg:text-lg
                   learn-button
                   hover:bg-gray-400
                   px-12
@@ -66,6 +66,7 @@
                   border-2
                   shadow
                   border-black
+                  capitalize
                 "
                 >{{ partnership.button }}</a
               >
@@ -74,7 +75,7 @@
                 :href="partnership.link"
                 class="
                   inline-block
-                  text-lg
+                  lg:text-lg
                   learn-button
                   hover:bg-gray-400
                   px-12
@@ -84,13 +85,14 @@
                   border-2
                   shadow
                   border-black
+                  capitalize
                 "
                 >{{ partnership.button }}</a
               >
             </div>
           </div>
           <g-image
-            class="mx-auto"
+            class="mx-auto w-full "
             :src="partnership.img.src"
             :alt="partnership.id"
           />
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 8ca7da46e..b783b3e50 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -40,7 +40,7 @@
       />
 
       <Map v-if="$page.markdownPage.map" :section="$page.markdownPage.map" />
-      <ShowcaseProducts
+      <!-- <ShowcaseProducts
         v-if="
           $page.markdownPage.productData &&
           $page.markdownPage.productData.length > 0
@@ -48,12 +48,12 @@
         :id="$page.markdownPage.id"
         :main="$page.markdownPage.productsMain"
         :products="$page.markdownPage.productData"
-      />
-      <CallToAction
+      /> -->
+      <!-- <CallToAction
         v-if="$page.markdownPage.cta"
         :id="$page.markdownPage.id"
         :cta="$page.markdownPage.cta"
-      />
+      /> -->
 
       <LogoShowcase
         v-if="$page.markdownPage.logos.length > 0"
@@ -62,12 +62,12 @@
         :main="$page.markdownPage.logosMain"
       />
 
-      <BrandPanel
+      <!-- <BrandPanel
         class="my-20"
         :brand="$page.markdownPage.brandPanel"
         :id="$page.markdownPage.id"
         v-if="$page.markdownPage.brandPanel"
-      />
+      /> -->
 
       <HorizontalScroll
         :team="$page.markdownPage.team"