update cta

content/page/home/cta2/cta2.md

@@ -1,16 +1,15 @@
 ---
 id: home_cta2
-title: ""
-video_button: Watch Our Video
-video_link: https://player.vimeo.com/video/438190961
+title: Technology for humanity to thrive and heal our planet
+video_button: ""
+video_link: ""
 button: ""
 link: ""
 button2: ""
 link2: ""
 ---
 
-Get to know the ThreeFold vision better.
-
+The ThreeFold Movement is building a new peer-to-peer digital world – starting with compute and storage developer solutions and communication tools to empower humans with ultra-secure, scalable, and affordable technologies.
 <!-- button2: Spread our Message
 link: ''
 button3: Join our Community

src/components/custom/sections/CallToAction.vue

@@ -1,5 +1,6 @@
 <template>
   <section class="pb-10 px-4 bg-cover text-center">
+    <!-- why -->
     <div class="w-full max-w-2xl mx-auto" v-if="id == 'why'">
       <h2
         v-if="cta.title"
@@ -41,6 +42,46 @@
       >
     </div>
 
+    <!-- home -->
+    <div
+      class="w-full max-w-7xl mx-auto bg-gray-900 mt-10 p-16"
+      v-else-if="id == 'home'"
+    >
+      <h2
+        v-if="cta.title"
+        class="text-3xl mb-2 uppercase text-white leading-tight font-semibold font-heading"
+      >
+        {{ cta.title }}
+      </h2>
+      <div v-html="cta.content" class="mt-6 mb-8 text-gray-400"></div>
+      <div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
+        <a
+          @click="toggleModal"
+          class="inline-block cursor-pointer bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+          >{{ cta.video_button }}</a
+        >
+      </div>
+      <a
+        class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+        target="_blank"
+        v-if="cta.button"
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+      <g-link
+        class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+        v-if="cta.button2"
+        :to="cta.link2"
+        >{{ cta.button2 }}</g-link
+      >
+      <g-link
+        class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+        v-if="cta.button3"
+        :to="cta.link3"
+        >{{ cta.button3 }}</g-link
+      >
+    </div>
+
     <div class="w-full max-w-7xl mx-auto" v-else>
       <h2
         v-if="cta.title"

src/pages/Index.vue

@@ -17,12 +17,8 @@
         class="m-auto w-2/4 lg:mt-20"
         v-if="$page.markdownPage.solution_image2"
         :src="$page.markdownPage.solution_image2.src"
-      />
-
-      <CallToAction
-        v-if="$page.markdownPage.cta2"
-        :cta="$page.markdownPage.cta2"
       />  -->
+
       <VideoPanel :card="$page.markdownPage.videoPanel" />
 
       <!-- <g-image
@@ -62,7 +58,6 @@
     </div>
     <Map v-if="$page.markdownPage.stats" :section="$page.markdownPage.stats" />
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
-
       <Features
         :id="$page.markdownPage.id"
         :main="$page.markdownPage.featuresMain2"
@@ -90,6 +85,11 @@
         v-if="$page.markdownPage.brandPanel"
       />
 
+      <CallToAction
+        v-if="$page.markdownPage.cta2"
+        :cta="$page.markdownPage.cta2"
+        :id="$page.markdownPage.id"
+      />
       <!-- <BrandPanel2
         :brand="$page.markdownPage.brandPanel2"
         v-if="$page.markdownPage.brandPanel2"