Update custom cta

content/page/careers/careers.md

@@ -7,7 +7,7 @@ solution_image: ./threefold_people.png
 header: join_us
 jobsMain: positions
 jobs: [plan1, plan2, plan3, plan4, plan5, plan6]
-customCTA: customCTA
+customCTA: careers
 ---
 
 <!-- signup: carreers_signup -->

content/page/careers/customCTA/cta.md

@@ -1,5 +1,5 @@
 ---
-id: customCTA
+id: careers
 link: /community
 title: Join our Community
 img: ./threefold_people.png

content/page/community/community.md

@@ -7,5 +7,5 @@ solution_image: ./community.png
 header: join_community
 logosMain: logosMain
 logos: [tele_1, tele_4, tele_3, tele_2]
-customCTA_2: customCTA_2
+customCTA: community
 ---

content/page/community/customCTA/cta_2.md

@@ -1,5 +1,5 @@
 ---
-id: customCTA_2
+id: community
 link: /careers
 title: Join our Team
 img: ./threefold_people.png

src/templates/Job.vue

@@ -43,7 +43,12 @@
       </section>
     </div>
     <div class="container-fluid mx-auto pt-24">
-      <CustomCTA link="/" title="Join our community" />
+      <CustomCTA
+        v-for="edge in $page.allCustomCta.edges"
+        :key="edge.node.id"
+        :title="edge.node.title"
+        :link="edge.node.link"
+      />
     </div>
   </Layout>
 </template>
@@ -57,6 +62,15 @@
         button
         link
       }
+    allCustomCta {
+        edges {
+          node {
+            id
+            title
+            link
+          }
+        }
+      }
 }
 </page-query>
 

src/templates/MarkdownPage.vue

@@ -49,14 +49,13 @@
         :sections="$page.markdownPage.comparisonSecs"
       />
     </div>
-      <g-image
-        v-if="
-          $page.markdownPage.id !== 'careers' &&
-          $page.markdownPage.solution_image
-        "
-        class="mx-auto mt-10"
-        :src="$page.markdownPage.solution_image.src"
-      />
+    <g-image
+      v-if="
+        $page.markdownPage.id !== 'careers' && $page.markdownPage.solution_image
+      "
+      class="mx-auto mt-10"
+      :src="$page.markdownPage.solution_image.src"
+    />
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
       <CallToAction
         :id="$page.markdownPage.id"
@@ -171,6 +170,17 @@
         :signup="$page.markdownPage.signup"
       />
     </div>
+    <div
+      class="container-fluid mx-auto"
+      v-for="edge in $page.allCustomCta.edges"
+      :key="edge.node.id"
+    >
+      <CustomCTA
+        v-if="edge.node.id == $page.markdownPage.id"
+        :title="edge.node.title"
+        :link="edge.node.link"
+      />
+    </div>
   </Layout>
 </template>
 
@@ -379,6 +389,15 @@
           link2
       }
     }
+    allCustomCta {
+      edges {
+        node {
+          id
+          title
+          link
+        }
+      }
+    }
   }
 
 </page-query>
@@ -404,6 +423,7 @@ import BrandPanel from "~/components/marketing/sections/cta-sections/BrandPanel.
 import AppListItem from "~/components/AppListItem.vue";
 import Partenerships from "~/components/marketing/sections/team-sections/grid_with_large_round_images.vue";
 import CenteredAccordion from "~/components/marketing/sections/faq-sections/CenteredAccordion.vue";
+import CustomCTA from "~/components/custom/sections/CustomCTA.vue";
 
 export default {
   components: {
@@ -427,6 +447,7 @@ export default {
     AppListItem,
     Partenerships,
     CenteredAccordion,
+    CustomCTA,
   },
   computed: {
     getImg() {