Merge branch 'development' of github.com:threefoldfoundation/www_threefold_io into development

src/pages/Index.vue

@@ -36,14 +36,14 @@
         :header="$page.markdownPage.header"
       /> -->
 
-      <ShowcaseProducts
+      <!-- <ShowcaseProducts
         :main="$page.markdownPage.productsMain"
         :products="$page.markdownPage.productData"
         v-if="
           $page.markdownPage.productData &&
           $page.markdownPage.productData.length > 0
         "
-      />
+      /> -->
 
       <!-- <CallToActionbg1
         v-if="$page.markdownPage.cta3"
@@ -60,6 +60,12 @@
         :cta="$page.markdownPage.cta5"
       /> -->
 
+      <Features
+        :id="$page.markdownPage.id"
+        :main="$page.markdownPage.featuresMain2"
+        :features="$page.markdownPage.features2"
+      />
+
       <BrandPanel
         :brand="$page.markdownPage.brandPanel"
         v-if="$page.markdownPage.brandPanel"
@@ -233,6 +239,20 @@
           link2
           link3
         }
+        featuresMain2{
+          id
+          title 
+          subtitle
+          btn 
+          link
+          content
+        }
+        features2{
+          id
+          title 
+          svg
+          content
+        }
         comparisonMain{
           id
           title
@@ -315,6 +335,7 @@ import Header from "~/components/marketing/sections/cta-sections/Header.vue";
 import SolutionsHeader from "~/components/custom/sections/header/HeaderSection.vue";
 import ShowcaseProducts from "~/components/marketing/sections/cta-sections/ShowcaseProductsHome.vue";
 import Comparison from "~/components/custom/sections/Comparison.vue";
+import Features from "~/components/custom/sections/Features.vue";
 import NewCard from "~/components/marketing/sections/cta-sections/NewCard.vue";
 import BrandPanel from "~/components/marketing/sections/cta-sections/BrandPanel.vue";
 import BrandPanel2 from "~/components/marketing/sections/cta-sections/BrandPanel2.vue";
@@ -329,6 +350,7 @@ import VideoPanel from "~/components/custom/VideoPanel.vue";
 export default {
   components: {
     Header,
+    Features,
     SolutionsHeader,
     ShowcaseProducts,
     Comparison,