Fix cta

content/page/home/cta3/cta3.md

@@ -4,11 +4,5 @@ title: Our Partners
 image: ./our_partners.jpg
 button: Check All Partners
 link: /partners
-button2: ''
-link2: ''
-button3: ''
-link3: ''
-button4: ''
-link4: ''
 ---
 

src/components/custom/sections/CallToActionbg1.vue

@@ -1,10 +1,7 @@
 <template>
   <section class="px-4 text-center">
-  <div
+    <div class="w-full max-w-7xl mx-auto mt-10 px-2 py-16">
-      class="w-full max-w-7xl mx-auto mt-10 px-2 py-16"
+      <h2
-     
-    >
-     <h2
         v-if="cta.title"
         class="
           lg:text-6xl
@@ -17,32 +14,12 @@
         {{ cta.title }}
       </h2>
       <g-image class="mx-auto w-3/4" :src="cta.image" />
-     
+
       <div
+        v-if="cta.content"
         v-html="cta.content"
         class="mt-6 mb-8 mx-auto text-xl text-gray-800"
       ></div>
-      <div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
-        <a
-          @click="toggleModal"
-          class="
-            inline-block
-            cursor-pointer
-            bg-blue-900
-            text-lg
-            learn-button
-            hover:bg-blue-800
-            text-gray-100
-            px-12
-            py-2
-            mr-5
-            my-2
-            shadow
-            rounded-full
-          "
-          >{{ cta.video_button }}</a
-        >
-      </div>
       <div v-if="cta.button" class="inline-block">
         <a
           class="
@@ -86,141 +63,12 @@
           >{{ cta.button }}</a
         >
       </div>
-      <div v-if="cta.button2" class="inline-block">
-        <a
-          class="
-            inline-block
-            bg-white
-            text-lg
-            learn-button
-            hover:bg-gray-400
-            bo
-            px-12
-            py-1
-            mr-5
-            my-2
-            border-2
-            shadow
-            border-black
-          "
-          target="_blank"
-          v-if="cta.button2 && cta.link2.includes('http')"
-          :href="cta.link2"
-          >{{ cta.button2 }}</a
-        >
-        <a
-          class="
-            inline-block
-            bg-white
-            text-lg
-            learn-button
-            hover:bg-gray-400
-            bo
-            px-12
-            py-1
-            mr-5
-            my-2
-            border-2
-            shadow
-            border-black
-          "
-          v-else
-          :href="cta.link2"
-          >{{ cta.button2 }}</a
-        >
-      </div>
-      <div v-if="cta.button3" class="inline-block">
-        <a
-          class="
-            inline-block
-            bg-white
-            text-lg
-            learn-button
-            hover:bg-gray-400
-            bo
-            px-12
-            py-1
-            mr-5
-            my-2
-            border-2
-            shadow
-            border-black
-          "
-          target="_blank"
-          v-if="cta.button3 && cta.link3.includes('http')"
-          :href="cta.link3"
-          >{{ cta.button3 }}</a
-        >
-        <a
-          class="
-            inline-block
-            bg-white
-            text-lg
-            learn-button
-            hover:bg-gray-400
-            bo
-            px-12
-            py-1
-            mr-5
-            my-2
-            border-2
-            shadow
-            border-black
-          "
-          v-else
-          :href="cta.link3"
-          >{{ cta.button3 }}</a
-        >
-      </div>
-      <div v-if="cta.button4" class="inline-block">
-        <a
-          class="
-            inline-block
-            bg-white
-            text-lg
-            learn-button
-            hover:bg-gray-400
-            bo
-            px-12
-            py-1
-            mr-5
-            my-2
-            border-2
-            shadow
-            border-black
-          "
-          target="_blank"
-          v-if="cta.button4 && cta.link4.includes('http')"
-          :href="cta.link4"
-          >{{ cta.button4 }}</a
-        >
-        <a
-          class="
-            inline-block
-            bg-white
-            text-lg
-            learn-button
-            hover:bg-gray-400
-            bo
-            px-12
-            py-1
-            mr-5
-            my-2
-            border-2
-            shadow
-            border-black
-          "
-          v-else
-          :href="cta.link4"
-          >{{ cta.button4 }}</a
-        >
-      </div>
     </div>
   </section>
 </template>
 
 <script>
 export default {
-  props: ["cta"],
+  props: ["id", "cta"],
 };
 </script>

src/pages/Index.vue

@@ -47,8 +47,6 @@
       />
     </div>
       
-    </div>
-
     <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
       <CallToAction
         v-if="$page.markdownPage.cta"
@@ -194,14 +192,8 @@
           title
           image
           content
-          button
-          button2
-          button3
-          button4
           link
-          link2
+          button
-          link3
-          link4
         }
         cta4{
           id