From 5bb551b482e0d2ac78c587e0f5b88696fa0a4bcc Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Thu, 4 Nov 2021 16:57:03 +0200
Subject: [PATCH] update new support page2

---
 .../page/newcommunity/brandPanel2/index.md    |   2 +-
 .../page/newsupport/InTheNews/inTheNews.md    |   6 +-
 .../custom/sections/CallToAction.vue          | 251 +++++++++---------
 .../sections/logo-clouds/off_white_grid.vue   |   4 +-
 4 files changed, 133 insertions(+), 130 deletions(-)

diff --git a/content/page/newcommunity/brandPanel2/index.md b/content/page/newcommunity/brandPanel2/index.md
index f68a8a68e..b63ba2ac0 100644
--- a/content/page/newcommunity/brandPanel2/index.md
+++ b/content/page/newcommunity/brandPanel2/index.md
@@ -4,7 +4,7 @@ title: BECOME A THREEFOLD
 subtitle : PATHFINDER 
 image: pathfinder.jpg # src/assets/brandPanel/..
 btnTxt : Apply 
-sourceUrl : ''
+sourceUrl : https://honf2dpejik.typeform.com/to/Hubtbirs
 btnTxt2 : ''
 sourceUrl2 : ''
 ---
diff --git a/content/page/newsupport/InTheNews/inTheNews.md b/content/page/newsupport/InTheNews/inTheNews.md
index dc62c2bb7..3b173aae5 100644
--- a/content/page/newsupport/InTheNews/inTheNews.md
+++ b/content/page/newsupport/InTheNews/inTheNews.md
@@ -1,13 +1,13 @@
 ---
 id: support_faq
 partners:
-  - path: ''
+  - path: https://t.me/threefold
     logo: ./logos/for_caht.png
 
-  - path: ''
+  - path: 'mailto:press@threefold.io'
     logo: ./logos/for_press.png
 
-  - path: ''
+  - path: "mailto:info@threefold.io"
     logo: ./logos/for_all.png
 
   
diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index 1735d2d72..5552526eb 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -4,7 +4,7 @@
     :class="{
       pink: id == 'home' && !lastCta,
       green: id == 'mission' && lastCta,
-      gry: id == 'developer',
+      gray: id == 'developer',
     }"
   >
     <!-- mission -->
@@ -575,79 +575,79 @@
       >
     </div>
 
-<!-- newsupport -->
+    <!-- newsupport -->
     <div
-      class="w-full mx-auto lg:mt-20 py-10 lg:p-20 bg-gray-100"
+      class="w-full mx-auto lg:mt-20 py-10"
       v-else-if="id == 'newsupport' && textOnly"
     >
-      <h2
-        v-if="cta.title"
-        class="
-          lg:text-6xl
-          text-center
-          uppercase
-          mb-2
-          leading-none
-          font-normal font-heading
-        "
-      >
-        {{ cta.title }}
-        <br />
-        <span class="font-bold">{{ cta.subtitle }}</span>
-      </h2>
-      <div
-        v-html="cta.content"
-        class="mt-6 mb-8 text-xl lg:max-w-4xl mx-auto px-4"
-      ></div>
-      <div>
-        <a
+      <div class="gray py-10 lg:py-20">
+        <h2
+          v-if="cta.title"
           class="
-            inline-block
-            bg-gray-200
-            text-lg
-            hover:bg-gray-400
-            px-12
-            py-1
-            mx-3
-            my-4
+            lg:text-6xl
+            text-center
+            uppercase
+            mb-2
+            leading-none
+            font-normal font-heading
           "
-          
-          :href="cta.faqlink"
-          >{{ cta.faqbutton }}</a
         >
-        <a
-          class="
-            inline-block
-            bg-gray-200
-            text-lg
-            hover:bg-gray-400
-            px-12
-            py-1
-            mx-3
-            my-4
-          "
-          target="_blank"
-          :href="cta.faqlink2"
-          >{{ cta.faqbutton2 }}</a
-        >
-        <a
-          class="
-            inline-block
-            bg-gray-200
-            text-lg
-            hover:bg-gray-400
-            px-12
-            py-1
-            mx-3
-            my-4
-          "
-          target="_blank"
-          :href="cta.faqlink3"
-          >{{ cta.faqbutton3 }}</a
-        >
-      </div>
+          {{ cta.title }}
+          <br />
+          <span class="font-bold">{{ cta.subtitle }}</span>
+        </h2>
+        <div
+          v-html="cta.content"
+          class="mt-6 mb-8 text-xl lg:max-w-4xl mx-auto px-4"
+        ></div>
+        <div class="mb-32">
+          <a
+            class="
+              inline-block
+              bg-gray-300
+              text-lg
+              hover:bg-gray-400
+              px-12
+              py-1
+              mx-3
+              my-4
+            "
+            :href="cta.faqlink"
+            >{{ cta.faqbutton }}</a
+          >
+          <a
+            class="
+              inline-block
+              bg-gray-300
+              text-lg
+              hover:bg-gray-400
+              px-12
+              py-1
+              mx-3
+              my-4
+            "
+            target="_blank"
+            :href="cta.faqlink2"
+            >{{ cta.faqbutton2 }}</a
+          >
+          <a
+            class="
+              inline-block
+              bg-gray-300
+              text-lg
+              hover:bg-gray-400
+              px-12
+              py-1
+              mx-3
+              my-4
+            "
+            target="_blank"
+            :href="cta.faqlink3"
+            >{{ cta.faqbutton3 }}</a
+          >
+        </div>
 
-      <!-- <a
+        <!-- <a
         class="
           inline-block
           bg-white
@@ -685,65 +685,68 @@
         :href="cta.link"
         >{{ cta.button }}</a
       > -->
-
-      <div>
-
-        <g-image :src="cta.image" class="lg:my-16 mx-auto" />
-
+      </div>
+      <div class="relative lg:mt-48 mt-28">
+        <g-image
+          :src="cta.image"
+          class="lg:my-16 mx-auto absolute inset-x-0 bottom-0 h-60 w-60 "
+        />
+      </div>
+      <div class="mt-40">
         <h2
-        v-if="cta.smalltitle"
-        class="
-          lg:text-5xl
-          text-center
-          uppercase
-          mb-8
-          leading-none
-          font-normal font-heading
-        "
-      >
-        {{ cta.smalltitle }}
-        <br />
-        <span class="font-bold">{{ cta.smalltitle2 }}</span>
-      </h2>
+          v-if="cta.smalltitle"
+          class="
+            lg:text-5xl
+            text-center
+            uppercase
+            mb-8
+            leading-none
+            font-normal font-heading
+          "
+        >
+          {{ cta.smalltitle }}
+          <br />
+          <span class="font-bold">{{ cta.smalltitle2 }}</span>
+        </h2>
 
-       <a
-        class="
-          inline-block
-          bg-white
-          text-lg
-          learn-button
-          hover:bg-gray-400
-          px-12
-          py-1
-          my-4
-          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
+            px-12
+            py-1
+            my-4
+            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
-          px-12
-          py-1
-          my-4
-          border-2
-          shadow
-          border-black
-        "
-        v-else
-        :href="cta.link2"
-        >{{ cta.button2 }}</a
-      >
+        <a
+          class="
+            inline-block
+            bg-white
+            text-lg
+            learn-button
+            hover:bg-gray-400
+            px-12
+            py-1
+            my-4
+            border-2
+            shadow
+            border-black
+          "
+          v-else
+          :href="cta.link2"
+          >{{ cta.button2 }}</a
+        >
       </div>
     </div>
 
@@ -1781,7 +1784,7 @@ export default {
   background-color: #70dfc9;
 }
 
-.gry {
+.gray {
   background: #f2f2f2;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/marketing/sections/logo-clouds/off_white_grid.vue b/src/components/marketing/sections/logo-clouds/off_white_grid.vue
index 99b9608af..bd7b26cb1 100644
--- a/src/components/marketing/sections/logo-clouds/off_white_grid.vue
+++ b/src/components/marketing/sections/logo-clouds/off_white_grid.vue
@@ -23,9 +23,9 @@
     class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-24 lg:px-2">
       <div
         v-html="news.content"
-        class="text-center text-6xl font-semibold leading-tight font-heading"
+        class="text-center lg:text-6xl text-4xl font-semibold leading-tight font-heading"
       ></div>
-      <div class="mt-6 grid grid-cols-2 gap-3 md:grid-cols-3 lg:mt-10 ">
+      <div class="mt-6 grid grid-cols-1 gap-3 md:grid-cols-3 lg:mt-10 ">
         <g-link
           v-for="partner in news.partners"
           :key="partner.id"