From 6f1d4a4828d9b0073ae2fbf9ba49da446a552419 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Mon, 12 Jul 2021 13:23:31 +0000
Subject: [PATCH] rm container-fluid

---
 src/components/custom/VideoPanel.vue          | 40 ++++++++++++-------
 .../sections/cta-sections/Header.vue          |  2 +-
 src/pages/Index.vue                           |  6 +--
 3 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/src/components/custom/VideoPanel.vue b/src/components/custom/VideoPanel.vue
index 1227adec9..31b324dbf 100644
--- a/src/components/custom/VideoPanel.vue
+++ b/src/components/custom/VideoPanel.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="lg:py-20 lg:flex lg:justify-center flex flex-col">
-    <div class="lg:flex lg:rounded-lg lg:px-40">
+  <div class="lg:flex lg:justify-center flex flex-col">
+    <div class="lg:flex lg:rounded-lg">
       <div class="lg:w-1/2">
         <div class="aspect-w-16 aspect-h-9">
           <iframe
@@ -20,14 +20,27 @@
           {{ card.title }}
         </h2>
         <div class="mt-4 text-gray-700" v-html="card.content"></div>
-         <div class="mx-auto mt-6 mb-6" v-if="card.btn">
-      <g-link
-        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"
-        :to="card.link"
-        >{{ card.btn }}
-      </g-link>
-     
-    </div>
+        <div class="mx-auto mt-6 mb-6" v-if="card.btn">
+          <g-link
+            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
+            "
+            :to="card.link"
+            >{{ card.btn }}
+          </g-link>
+        </div>
       </div>
     </div>
   </div>
@@ -39,10 +52,7 @@ export default {
 };
 </script>
 <style scoped>
-
-.video_bg{
-
-background-color: #ebfefd;
+.video_bg {
+  background-color: #ebfefd;
 }
-
 </style>
\ No newline at end of file
diff --git a/src/components/marketing/sections/cta-sections/Header.vue b/src/components/marketing/sections/cta-sections/Header.vue
index c8e073c56..1f61f3e8c 100644
--- a/src/components/marketing/sections/cta-sections/Header.vue
+++ b/src/components/marketing/sections/cta-sections/Header.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="py-15 mb-10 px-4 lg:mx-40">
+  <section class="py-15 mb-10 px-4">
     <div
       class="flex flex-wrap text-center items-center lg:mt-20 pb-20 lg:text-left -mx-2"
       v-if="id == 'why'"
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index cdcde08f7..7dc3c25ce 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -1,6 +1,6 @@
 <template>
   <Layout :hideHeader="true" :disableScroll="true">
-    <div class="container-fluid mx-20 sm:pxi-0 overflow-x-hidden">
+    <div class="container mx-auto sm:pxi-0 overflow-x-hidden">
       <Header
         :id="$page.markdownPage.id"
         :title="$page.markdownPage.header_title"
@@ -13,9 +13,7 @@
       />
 
       <VideoPanel :card="$page.markdownPage.videoPanel" />
-    </div>
 
-    <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
       <Map
         v-if="$page.markdownPage.stats"
         :section="$page.markdownPage.stats"
@@ -63,13 +61,11 @@
         :main="$page.markdownPage.productsMain"
         :products="$page.markdownPage.productData"
       />
-    </div>
     <!-- <g-image
       class="mx-auto"
       v-if="$page.markdownPage.solution_image2"
       :src="$page.markdownPage.solution_image2.src"
     /> -->
-    <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
       <!-- <CallToAction
         v-if="$page.markdownPage.cta3"
         :cta="$page.markdownPage.cta3"