init marketInfo sec

src/components/custom/MarketInfo.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="flex flex-wrap -mx-auto">
+    <div class="text-center mx-auto my-4">
+      <h1 class="text-6xl text-gray-900 font-bold sm:text-9xl leading-tight">
+        {{ main.title }}
+      </h1>
+      <div
+        class="my-5 max-w-2xl lg:text-xl mx-auto text-gray-900 sm:mt-4"
+        v-html="main.content"
+      ></div>
+    </div>
+    <div class="flex flex-col my-1 px-1 w-1/2 overflow-hidden">
+      <g-image :src="mainItem.image" class="w-3/4 mx-auto " />
+      <div class="flex-1 bg-white p-6 flex flex-col justify-between">
+        <div class="flex-1">
+          <div
+            class="mt-3 lg:text-2xl leading-tight text-gray-800"
+            v-html="mainItem.content"
+          ></div>
+        </div>
+      </div>
+    </div>
+
+    <div class="my-1 px-1 w-1/2 overflow-hidden">
+      <!-- Column Content -->
+      <div class="flex my-14 mx-5" v-for="info in marketInfo" :key="info">
+        <div class="flex-shrink-0">
+          <div
+            class="
+              flex
+              items-center
+              justify-center
+              h-24
+              w-24
+              rounded-md
+              text-white
+            "
+          >
+            <g-image :src="info.image" class="w-full" />
+          </div>
+        </div>
+        <div class="ml-4">
+          <div
+            class="mt-4 lg:text-2xl max-w-md leading-6 text-gray-900"
+            v-html="info.content"
+          ></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["id", "main", "mainItem", "marketInfo"],
+};
+</script>

src/components/marketing/sections/cta-sections/Header.vue

@@ -4,7 +4,7 @@
     :style="[
       id == 'home'
         ? { background: 'url(' + img + ') center no-repeat' }
-        : { background: transparent },
+        : { background: 'transparent' },
     ]"
   >
     <div