init cta2

src/components/custom/sections/CallToAction.vue

@@ -6,7 +6,10 @@
     }"
   >
     <!-- about-us -->
-    <div class="w-full max-w-2xl mx-auto py-12" v-if="id == 'about-us'">
+    <div
+      class="w-full max-w-2xl mx-auto py-12"
+      v-if="id == 'about-us' && !textOnly"
+    >
       <h2
         v-if="cta.title"
         class="
@@ -88,6 +91,29 @@
       >
     </div>
 
+    <div
+      class="w-full max-w-2xl mx-auto py-12"
+      v-else-if="id == 'about-us' && textOnly"
+    >
+      <h2
+        v-if="cta.title"
+        class="
+          lg:text-5xl
+          text-center
+          uppercase
+          mb-2
+          leading-none
+          font-bold font-heading
+        "
+      >
+        {{ cta.title }}
+      </h2>
+      <div
+        v-html="cta.content"
+        class="mt-6 mb-8 lg:text-2xl text-gray-800"
+      ></div>
+    </div>
+
     <!-- home -->
 
     <div class="w-full mx-auto mt-10 py-16" v-else-if="id == 'home'">
@@ -603,7 +629,7 @@
 import Modal from "~/components/custom/Modal.vue";
 
 export default {
-  props: ["cta", "id"],
+  props: ["cta", "id", "textOnly"],
   data() {
     return {
       showModal: false,