get old cta back

content/page/home/cta2/cta2.md

@@ -1,16 +1,15 @@
 ---
 id: home_cta2
-title: Technology for humanity to thrive and heal our planet
+title: Join the ThreeFold Movement
-video_button: ""
+image: ./cta_image.png
-video_link: ""
+button: ThreeFold Connect
-button: ""
+link: https://library.threefold.me/info/tfgrid/#/threefold__threefold_connect
-link: ""
+button2: Buy the Token
-button2: ""
+link2: https://library.threefold.me/info/tfgrid/#/tokens/how_to_buy
-link2: ""
+button3: Grow the Grid
+link3: https://threefold.io/farming
+button4: Stay Updated
+link4: https://t.me/threefoldnews
 ---
 
-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.
+We are not a company, but more like humans helping other humans. Our mission is bold and motivates every step we take
-<!-- button2: Spread our Message
-link: ''
-button3: Join our Community
-link: '' -->

content/page/home/home.md

@@ -7,7 +7,6 @@ header_slogan: from zero
 header_title: to one
 header_image: ./home_bg.jpg
 
-
 header_altImg: threefold
 header_excerpt: The digital infrastructure for an interconnected world.
 button: Expand the network

src/components/custom/Navbar/Navbar.vue

@@ -17,7 +17,7 @@
         'opacity-0': !disableScroll && scrollPosition < headerHeight,
       }"
     >
-      <div class="flex items-center justify-between px-4 py-2 lg:py-3 sm:p-0">
+      <div class="flex items-center justify-between px-4 lg:py-3 sm:p-0">
         <div class="inline-flex items-center flex-shrink-0">
           <a href="/">
             <g-image

src/components/custom/sections/CallToAction.vue

@@ -2,7 +2,7 @@
   <section
     class="pb-10 px-4 bg-cover text-center"
     :class="{
-      pink: id == 'home',
+      pink: id == 'home' && !lastCta,
       green: id == 'about-us' && lastCta,
     }"
   >
@@ -193,7 +193,10 @@
 
     <!-- home -->
 
-    <div class="w-full mx-auto mt-10 py-16" v-else-if="id == 'home'">
+    <div
+      class="w-full mx-auto mt-10 py-16"
+      v-else-if="id == 'home' && !lastCta"
+    >
       <h2
         v-if="cta.title"
         class="text-3xl uppercase leading-tight font-semibold font-heading"
@@ -470,6 +473,197 @@
       </div>
     </div>
 
+    <div
+      class="w-full max-w-7xl mx-auto mt-10 px-16"
+      v-else-if="id == 'home' && lastCta"
+    >
+      <g-image :src="cta.image" />
+      <h2
+        v-if="cta.title"
+        class="text-3xl mb-2 uppercase leading-tight font-semibold font-heading"
+      >
+        {{ cta.title }}
+      </h2>
+      <div v-html="cta.content" class="mt-6 mb-8 text-gray-800"></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
+            shadow
+            rounded-full
+          "
+          >{{ cta.video_button }}</a
+        >
+      </div>
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          bo
+          px-12
+          py-1
+          mr-5
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button && cta.link.includes('http')"
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          bo
+          px-12
+          py-1
+          mr-5
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          bo
+          px-12
+          py-1
+          mr-5
+          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-sm
+          learn-button
+          hover:bg-gray-400
+          bo
+          px-12
+          py-1
+          mr-5
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link2"
+        >{{ cta.button2 }}</a
+      >
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          bo
+          px-12
+          py-1
+          mr-5
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button3 && cta.link3.includes('http')"
+        :href="cta.link3"
+        >{{ cta.button3 }}</a
+      >
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          bo
+          px-12
+          py-1
+          mr-5
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link3"
+        >{{ cta.button3 }}</a
+      >
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          bo
+          px-12
+          py-1
+          mr-5
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button4 && cta.link4.includes('http')"
+        :href="cta.link4"
+        >{{ cta.button4 }}</a
+      >
+      <a
+        class="
+          inline-block
+          bg-white
+          text-sm
+          learn-button
+          hover:bg-gray-400
+          bo
+          px-12
+          py-1
+          mr-5
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link4"
+        >{{ cta.button4 }}</a
+      >
+    </div>
+
     <!-- grid -->
     <div class="w-full max-w-3xl mx-auto py-12" v-else-if="id == 'grid'">
       <g-image :src="cta.image" class="mx-auto w-1/2 my-5" />

src/pages/Index.vue

@@ -109,11 +109,12 @@
         :src="$page.markdownPage.solution_image.src"
       /> -->
 
-      <!-- <CallToAction
+      <CallToAction
-        v-if="$page.markdownPage.cta"
+        v-if="$page.markdownPage.cta2"
         :id="$page.markdownPage.id"
-        :cta="$page.markdownPage.cta"
+        :cta="$page.markdownPage.cta2"
-      /> -->
+        :lastCta="true"
+      />
     </div>
   </Layout>
 </template>
@@ -193,17 +194,18 @@
           content
         }
         cta2{
-          id
+         id
           title
+          image
           content
-          video_button
-          video_link
           button
           button2
           button3
+          button4
           link
           link2
           link3
+          link4
         }
         cta3{
           id