update home with solution block

content/page/home/productData/main/main.md

@@ -1,5 +1,5 @@
 ---
 id: product
-title: TAKE PART
-subtitle: Start your P2P journey and help expand the network.
+title: TECHNOLOGY FOR HUMANITY TO THRIVE AND HEAL OUR PLANET
+subtitle: 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.
 ---

content/page/home/productData/product1/nodes.md

@@ -1,9 +1,11 @@
 ---
 id: nodes_home
-title: SET UP A NODE
-image: ./nodes.png
-button: Let's Do This!
-url: https://threefold.io/farming/3node
+title:  Kubernetes Cloud
+image: ./kubernetes_cloud.png
+button: Learn More
+url: https://threefold.io/info/cloud#/cloud__evdc
 ---
 
-Plug in a 3Node and earn income by selling decentralized storage to people looking for a more secure hosting space.
+First Peer-to-Peer Kubernetes compatible cloud solution on the market. Comes with Docker and other developer favorites.
+
+<br>

content/page/home/productData/product2/tokens.md

@@ -1,9 +1,11 @@
 ---
 id: tokens_home
-title: GET TOKEN
-image: ./tokens.png
-button: Yes Please!
-url: /token
+title: Quantum-Safe Storage
+image: ./quantum_safe_storage.png
+button: Learn More
+url: https://threefold.io/info/cloud#/cloud__threefold_filesystem
 ---
 
-Get your hands on the ThreeFold Token (TFT), the only digital currency backed by the world’s fastest growing P2P network.
+An unbreakable Filestystem compatible with all storage protocols and tools for app data, videos, public datasets, security archives and more.
+
+

content/page/home/productData/product3/storage.md

@@ -1,9 +1,11 @@
 ---
 id: storage_home
-title: GET STORAGE
-image: ./storage.png
-button: Make Me Safer!
-url: https://threefold.io/cloud
+title: Digital Twin
+image: ./digita_twin.png
+button: Learn More
+url: https://threefold.io/info/cloud#/cloud__threefold_filesystem
 ---
 
-Say goodbye to security concerns and move all your workloads easily to a more secure and private decentralized cloud.
+Your digital avatar that gives you access to secure and private communication, socials and office tools.
+
+<br>

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

@@ -1,13 +1,13 @@
 <template>
-  <div class="py-12 mb-5" id="home">
-    <div class="w-full text-center">
+  <div class="py-10 mb-5" id="home">
+    <div class="w-full max-w-7xl mx-auto mt-10 px-16 text-center">
       <h2
         v-if="main !== null"
         class="text-4xl font-semibold leading-tight font-heading"
       >
         {{ main.title }}
       </h2>
-      <p v-if="main !== null" class="mb-6 text-gray-600">
+      <p v-if="main !== null" class="mb-6 text-gray-700">
         {{ main.subtitle }}
       </p>
     </div>
@@ -23,20 +23,20 @@
         <div class="take_apart text-center pb-8 my-5">
           <g-image :src="img(product.image)" />
           <h3 class="font-bold text-2xl">{{ product.title }}</h3>
-          <div v-html="product.content" class="pb-8 px-5 text-gray-600"></div>
+          <div v-html="product.content" class="pb-4 px-5 text-gray-600"></div>
 
           <div v-if="product.button">
             <a
               v-if="product.url.includes('http')"
               target="_blank"
               :href="product.url"
-              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
+              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mb-5 shadow rounded-full"
               >{{ product.button }}</a
             >
             <a
               v-else
               :href="product.url"
-              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
+              class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mb-5 shadow rounded-full"
               >{{ product.button }}</a
             >
           </div>

src/pages/Index.vue

@@ -27,7 +27,7 @@
         :features="$page.markdownPage.features2"
       />
 
-      <Partenerships
+      <Partenerships class="lg:mt-20"
         v-if="
           $page.markdownPage.partnerships &&
           $page.markdownPage.partnerships.length > 0
@@ -48,23 +48,33 @@
         v-if="$page.markdownPage.brandPanel"
       />
 
-      <CallToAction
+      <!-- <CallToAction
         v-if="$page.markdownPage.cta2"
         :cta="$page.markdownPage.cta2"
         :id="$page.markdownPage.id"
+      /> -->
+
+       <ShowcaseProducts
+        v-if="
+          $page.markdownPage.productData &&
+          $page.markdownPage.productData.length > 0
+        "
+        :id="$page.markdownPage.id"
+        :main="$page.markdownPage.productsMain"
+        :products="$page.markdownPage.productData"
       />
     </div>
-    <g-image
+    <!-- <g-image
       class="mx-auto"
       v-if="$page.markdownPage.solution_image2"
       :src="$page.markdownPage.solution_image2.src"
-    />
+    /> -->
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
-      <CallToAction
+      <!-- <CallToAction
         v-if="$page.markdownPage.cta3"
         :cta="$page.markdownPage.cta3"
         :id="$page.markdownPage.id"
-      />
+      /> -->
 
       <Blogs
         v-if="$page.markdownPage.blogs || $page.markdownPage.BlogsMain"