From 619d8d31c2dcdae4208b342d7c867fdc2ea5c112 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 31 Oct 2021 15:36:17 +0200
Subject: [PATCH] update developer page

---
 content/page/developer/cta3/index.md          | 19 +++++++++++++++++++
 content/page/developer/developer.md           |  2 +-
 .../custom/sections/CallToAction.vue          |  6 +++---
 src/templates/MarkdownPage.vue                |  9 +++++++--
 4 files changed, 30 insertions(+), 6 deletions(-)
 create mode 100644 content/page/developer/cta3/index.md

diff --git a/content/page/developer/cta3/index.md b/content/page/developer/cta3/index.md
new file mode 100644
index 000000000..15e8a600a
--- /dev/null
+++ b/content/page/developer/cta3/index.md
@@ -0,0 +1,19 @@
+---
+id: developer_cta3
+title: OUR  
+subtitle : DEVELOPER RESOURCES
+button: Explore Documentation
+link: ''
+---
+ThreeFold is here to build the open-source Internet and Cloud infrastructure. 
+
+<br>
+
+The documentation helps you build on ThreeFold by introducing you to some foundational concepts as well as our  development stacks. We’re also building tutorials to get you up and running.
+
+<br>
+
+Inspired by the open-source movement, everything at ThreeFold is open to be audited, extended and improved. If you have any feedback, please reach out with a GitHub issue or on our [telegram.](https://t.me/threefoldnews)
+
+
+
diff --git a/content/page/developer/developer.md b/content/page/developer/developer.md
index ff0e22d56..abdf83fe1 100644
--- a/content/page/developer/developer.md
+++ b/content/page/developer/developer.md
@@ -13,6 +13,6 @@ header_altImg: threefold
 header_excerpt: A builder’s manual for ThreeFold. Built by visionaries, for visionaries.
 brandPanel3: developer_brandPanel3
 brandPanel2 : developer_brandPanel2
-cta: developer_cta2
+cta3 : developer_cta3
 
 ---
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index fc2b4e920..4893c3ea2 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -334,7 +334,7 @@
     <!-- developer -->
     <div
       class="w-full mx-auto lg:mt-20 lg:p-20"
-      v-else-if="id == 'developer'"
+      v-else-if="id == 'developer' && lastCta"
     >
       <h2
         v-if="cta.title"
@@ -348,10 +348,10 @@
         "
       >
         {{ cta.title }}
-        <span class="font-bold">{{ cta.title2 }}</span>
+        <span class="font-bold">{{ cta.subtitle }}</span>
       </h2>
       <div v-html="cta.content" class="mt-6 mb-8 lg:text-2xl max-w-4xl mx-auto"></div>
-      <g-image :src="cta.image" class="lg:my-20 mx-auto" />
+      
       <a
         class="
           inline-block
diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue
index 6e7bc49ea..0f6cc7c00 100644
--- a/src/templates/MarkdownPage.vue
+++ b/src/templates/MarkdownPage.vue
@@ -201,7 +201,7 @@
 
       <CallToAction
         :id="$page.markdownPage.id"
-        v-if="$page.markdownPage.cta3"
+        v-if="$page.markdownPage.cta3 && $page.markdownPage.id !== 'developer'"
         :cta="$page.markdownPage.cta3"
         :lastCta="true"
       />
@@ -282,7 +282,12 @@
         v-if="$page.markdownPage.brandPanel3 && $page.markdownPage.id == 'developer'"
         :brandPanel3="true"
       />
-
+      <CallToAction
+        :id="$page.markdownPage.id"
+        v-if="$page.markdownPage.cta3 && $page.markdownPage.id == 'developer'"
+        :cta="$page.markdownPage.cta3"
+        :lastCta="true"
+      />
     
       <BrandPanel
         :id="$page.markdownPage.id"