update bottom

content/page/home/cta/cta.md

@@ -3,6 +3,11 @@ id: home_cta
 title: Join the Movement!
 button: Support us by purchasing Tokens
 link: '' #Add button link here
+button2: Spread Our Message
+link2: '' #Add button link here
+button3: Joine Our Community
+link3: '' #Add button link here
+image: ./bottom_cta.png
 ---
 
 Be part of a better tomorrow, today.

src/components/custom/sections/CallToAction.vue

@@ -1,6 +1,9 @@
 <template>
-  <section class="py-12 px-4 text-center">
-    <div class="w-full max-w-2xl mx-auto">
+  <section class="pb-20 px-4 bg-cover text-center" :style="img">
+    <br>
+    <br>
+    <br>
+    <div class="w-full max-w-7xl mx-auto">
       <h2 class="text-4xl leading-tight font-semibold font-heading">
         {{ cta.title }}
       </h2>
@@ -8,18 +11,41 @@
         v-html="cta.content"
         class="mt-6 mb-8 text-gray-700 leading-relaxed"
       ></div>
-      <g-link
-        v-if="cta.button"
-        class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full" 
-        :to="cta.link"
-        >{{ cta.button }}</g-link
-      >
+
+
+       <g-link
+          class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full" 
+          v-if="cta.button"
+          :to="cta.link1"
+          >{{ cta.button }}</g-link
+        >
+        <g-link
+          class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full"
+          v-if="cta.button2"
+          :to="cta.link2"
+          >{{ cta.button2 }}</g-link
+        >
+         <g-link
+          class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 rounded shadow rounded-full"
+          v-if="cta.button3"
+          :to="cta.link3"
+          >{{ cta.button3 }}</g-link
+        >
+      
+      
     </div>
   </section>
 </template>
 
 <script>
 export default {
+  computed: {
+    img: function () {
+      if (this.cta.image.src)
+        return "background-image:url(" + this.cta.image.src + ")";
+      return this.cta.image;
+    },
+  },
   props: ["cta"],
 };
 </script>

src/pages/Index.vue

@@ -55,15 +55,8 @@
       :logos="$page.markdownPage.logos"
     />
     
-    <g-image
-      v-if="$page.markdownPage.solution_image2"
-      :src="$page.markdownPage.solution_image2.src"
-    />
+  
 
-    <CallToAction 
-      v-if="$page.markdownPage.cta" 
-      :cta="$page.markdownPage.cta" 
-    />
 
     <!-- <InTheNews
       v-if="$page.markdownPage.inTheNews"
@@ -75,6 +68,14 @@
       :signup="$page.markdownPage.signup"
     /> -->
     </div>
+      <g-image
+      v-if="$page.markdownPage.solution_image2"
+      :src="$page.markdownPage.solution_image2.src"
+    />
+     <CallToAction 
+      v-if="$page.markdownPage.cta" 
+      :cta="$page.markdownPage.cta" 
+    />
   </Layout>
 </template>
 
@@ -126,7 +127,12 @@
           title
           content
           button
+          button2
+          button3
           link
+          link2
+          link3
+          image
         }
         comparisonMain{
           id