init cta2

content/page/about-us/about-us.md

@@ -15,4 +15,5 @@ brandPanel: about_brandPanel
 brandPanel2: about_brandPanel2
 brandPanel3: about_brandPanel3
 cta: about_cta
+cta2: about_cta2
 ---

content/page/about-us/cta2/index.md

@@ -0,0 +1,15 @@
+---
+id: about_cta2
+title: WE’VE COME A LONG WAY, AND WE’RE JUST GETTING STARTED
+---
+Our founding team has been setting world records for 
+<br />
+building the most powerful digital  infrastructures in the 
+<br />
+world for the past 20+ years. After many successful exits, 
+<br />
+they decided to start from scratch on the Linux kernel and 
+<br />
+built a new operating system to power the decentralized 
+<br />
+Internet and Cloud era

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,

src/templates/MarkdownPage.vue

@@ -57,9 +57,16 @@
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
       <CallToAction
         :id="$page.markdownPage.id"
-        v-if="$page.markdownPage.id == 'about-us'"
+        v-if="$page.markdownPage.cta"
         :cta="$page.markdownPage.cta"
       />
+
+      <CallToAction
+        :id="$page.markdownPage.id"
+        v-if="$page.markdownPage.cta2"
+        :cta="$page.markdownPage.cta2"
+        :textOnly="true"
+      />
       <!-- <SignUp
         v-if="$page.markdownPage.signup"
         :signup="$page.markdownPage.signup"
@@ -214,11 +221,6 @@
         v-if="$page.markdownPage.cta3"
         :cta="$page.markdownPage.cta3"
       />
-      <CallToAction
-        :id="$page.markdownPage.id"
-        v-if="$page.markdownPage.cta2"
-        :cta="$page.markdownPage.cta2"
-      />
 
       <ShowcaseProducts
         class="my-20"
@@ -394,10 +396,7 @@
         }
         cta2{
           title
-          slogan
           content
-          button
-          link
         }
         cta3{
           title