update cjages at developer page

content/page/developer/brandPanel3/index.md

@@ -3,9 +3,8 @@ id: developer_brandPanel3
 title: APPLY FOR
 subtitle : TESTING GRANTS
 image: developer_testing.png # src/assets/brandPanel/..
-btnTxt : Start Testing
+btnTxt : Sign Up
 sourceUrl : https://088nfpf6v5s.typeform.com/to/DS8hUAdV
 ---
 We have different use cases for you to take ThreeFold’s technology on a test drive. 
-<br>
 From zero to hero –- are you ready for the challenge?

content/page/developer/cta3/index.md

@@ -6,10 +6,7 @@ button: Explore Documentation
 link: https://library.threefold.me/info/threefold/#/
 ---
 ThreeFold is here to build the open-source Internet and Cloud infrastructure. 
-
+The documentation helps you build on ThreeFold by introducing you to some foundational concepts as well as our  development stacks.
-<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>
 

content/page/developer/developer.md

@@ -17,5 +17,6 @@ cta3 : developer_cta3
 productsMain: developer_page
 productData: [developer1, developer2, developer3, developer4, developer5, developer6]
 footers : footers
+footersMain : footers_header
 
 ---

content/page/developer/footers/footers.md

@@ -23,7 +23,7 @@ items:
       link: https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy 
     - name: How billing works
       link: https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__grid3_billing
-    - name: Getting Started
+    - name: Deploy workloads
       link: https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__manual3_getstarted_home 
     - name: Infrastructure as Code
       link: https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__manual3_iac_home 

content/page/developer/footers/main/main.md

@@ -0,0 +1,5 @@
+---
+id: footers_header
+title1: Explore The
+title2: Documentation
+---

content/page/developer/productData/main/main.md

@@ -3,4 +3,4 @@ id: developer_page
 title: WHERE WOULD YOU LIKE TO START?
 subtitle: 
 ---
-ThreeFold's open source infrastructure has been built from the ground-up on the Linux Kernel to create a fully decentralized Internet and Cloud. From a stateless operating system to new compute, storage and networking primitives, this is the most powerful Internet infrastructure ever created.
+ThreeFold's open-source infrastructure has been built from the ground up on the Linux Kernel to create a fully decentralized Internet and Cloud. From a stateless operating system to new compute, storage and networking primitives, the next-generation internet is here.

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

@@ -1,6 +1,6 @@
 ---
 id: developer6
-title: Software Development Kits
+title: Planetary Network
-image: ./sdk.png
+image: ./planetary_network.jpg
 link: https://github.com/threefoldtech/js-sdk
 ---

content/page/newcommunity/brandPanel3/index.md

@@ -4,6 +4,6 @@ title: JOIN THE THREEFOLD
 subtitle : DEVELOPER COMMUNITY
 image: join_developer.png # src/assets/brandPanel/..
 btnTxt : Developer Resources
-sourceUrl : ''
+sourceUrl : /developer
 ---
 From testing our latest releases, to joining our development teams, to applying for a ThreeFold Foundation grant – there are many ways to engage with ThreeFold’s technology.

gridsome.config.js

@@ -162,6 +162,13 @@ module.exports = {
             }
         },
     
+        {
+            use: '@gridsome/source-filesystem',
+            options: {
+                typeName: 'footersMain',
+                path: './content/page/**/footers/main/*.md',
+            }
+        },
 
         {
             use: '@gridsome/source-filesystem',
@@ -482,6 +489,7 @@ module.exports = {
                     cta4: 'Cta4',
                     cta5: 'Cta5',
                     footers : 'footers',
+                    footersMain: 'footersMain',
                     comparisonMain: 'ComparisonMain',
                     comparisonSecs: 'Comparison',
                     jobsMain: 'JobsMain',

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

@@ -791,7 +791,6 @@
             ></div>
             <a
               v-if="brand.btnTxt"
-              target="_blank"
               :href="brand.sourceUrl"
               class="
                 inline-block

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

@@ -1,7 +1,33 @@
 
 <template>
-  <section class="bg-white">
+  <section>
-    <div class="max-w-screen-2xl mx-auto py-12 px-4 text-center  sm:px-6 lg:py-16 lg:px-8">
+    <div
+      class="
+        max-w-screen-2xl
+        mx-auto
+        py-12
+        px-4
+        text-center
+        sm:px-6
+        lg:py-16 lg:px-8
+      "
+    >
+      <div v-if="main">
+        <h2
+          class="
+            lg:text-6xl
+            text-center
+            uppercase
+            mb-8
+            leading-none
+            font-normal font-heading
+          "
+        >
+          {{ main.title1 }}
+          <br />
+          <span class="font-bold">{{ main.title2 }}</span>
+        </h2>
+      </div>
       <div class="xl:grid xl:grid-cols-3 mx-auto xl:gap-2">
         <div
           class="mt-12 grid md:grid-cols-3 sm:grid-cols-2 xl:mt-0 xl:col-span-3"
@@ -17,6 +43,7 @@
                   text-4xl
                   leading-5
                   py-6
+                  ml-5
                   font-extrabold
                   tracking-wider
                   capitalize
@@ -30,23 +57,14 @@
                     v-if="item.link.includes('http')"
                     :href="item.link"
                     target="_blank"
-                    class="
+                    class="text-2xl mb-4 leading-5 hover:text-gray-900"
-                      text-xl
-                      mb-4
-                      leading-5
-                      hover:text-gray-900
-                    "
                   >
                     {{ item.name }}
                   </a>
                   <a
                     v-else
                     :href="item.link"
-                    class="
+                    class="text-2xl leading-5 hover:text-gray-900"
-                      text-2xl
-                      leading-5
-                      hover:text-gray-900
-                    "
                   >
                     {{ item.name }}
                   </a>
@@ -62,7 +80,7 @@
 
 <script>
 export default {
-  props: ["record"],
+  props: ["id", "record", "main"],
 };
 </script>
 

src/templates/MarkdownPage.vue

@@ -330,9 +330,10 @@
       />
 
       <LinkTable
-        :id="$page.markdownPage.id"
         v-if="$page.markdownPage.footers"
+        :id="$page.markdownPage.id"
         :record="$page.markdownPage.footers"
+        :main="$page.markdownPage.footersMain"
       />
 
       <AppListItem
@@ -571,6 +572,12 @@
           image
           url
         }
+
+        footersMain {
+          id
+          title1
+          title2
+        }
         footers{
           id
       items{