update developer mobile

content/page/developer/productData/product3/index.md

@@ -2,5 +2,5 @@
 id: developer3
 title: Developer Tooling
 image: ./tooling.png
-link: /tech/zstor
+link: ''
 ---

content/page/developer/productData/product5/index.md

@@ -2,5 +2,5 @@
 id: developer5
 title: ThreeFold Bloackchain
 image: ./blockchain.png
-link: /tech/zflist
+link: ''
 ---

src/components/custom/sections/CallToAction.vue

@@ -333,7 +333,7 @@
 
     <!-- developer -->
     <div
-      class="w-full mx-auto lg:mt-20 lg:p-20"
+      class="w-full mx-auto lg:mt-20 py-10 lg:p-20"
       v-else-if="id == 'developer' && lastCta"
     >
       <h2
@@ -350,7 +350,7 @@
         {{ cta.title }}
         <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>
+      <div v-html="cta.content" class="mt-6 mb-8 lg:text-2xl lg:max-w-4xl mx-auto px-4 "></div>
       
       <a
         class="

src/components/marketing/sections/cta-sections/Header.vue

@@ -173,7 +173,7 @@
         flex flex-wrap
         text-center
         items-center
-        lg:text-left lg:mb-20 lg:mt-24 lg:mx-40
+        lg:text-left lg:mb-20 lg:mt-24 mt-10 lg:mx-40
       "
       v-if="id == 'farm'"
     >
@@ -253,7 +253,7 @@
 
     <!-- developer -->
     <div
-      class="flex flex-wrap text-center items-center lg:mb-20 lg:mt-24 lg:mx-40"
+      class="flex flex-wrap text-center items-center lg:mb-20 lg:mt-24 mt-10 lg:mx-40"
       v-if="id == 'developer'"
     >
       <div class="lg:w-1/2 px-10 lg:mt-10 order-1 lg:order-none lg:max-w-2xl">

src/components/marketing/sections/cta-sections/ShowcaseProducts.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="my-5 lg:my-40 lg:mx-40">
+  <div class="my-5 lg:my-40 lg:mx-40 mx-4">
     <div class="text-center mx-auto my-20" v-if="id == 'farm'">
       <h1 class="text-9xl uppercase leading-none font-heading">
         {{ main.title }}

src/templates/MarkdownPage.vue

@@ -301,12 +301,10 @@
       <BrandPanel
         :id="$page.markdownPage.id"
         :brand="$page.markdownPage.brandPanel2"
-        v-if="
-          $page.markdownPage.brandPanel2 && $page.markdownPage.id == 'developer'
-        "
+        v-if="$page.markdownPage.brandPanel2 && $page.markdownPage.id == 'developer'"
         :brandPanel2="true"
       />
-
+      
       <AppListItem
         v-if="
           $page.markdownPage.appData && $page.markdownPage.appData.length > 0