rm container-fluid

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
@@ -22,11 +22,24 @@
         <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"
+            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>
@@ -39,10 +52,7 @@ export default {
 };
 </script>
 <style scoped>
-
 .video_bg {
-
   background-color: #ebfefd;
 }
-
 </style>

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

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"