Add solution part

content/page/home/cta3/cta3.md

@@ -1,8 +1,8 @@
 ---
 id: home_cta3
-title1: 'The internet is too'
-title2: 'broken to be fixed'
-button: ''
+title1:
+title2: 
+button: Explore the ThreeFold Universe
 link: ''
 button2: ''
 link2: ''
@@ -11,15 +11,6 @@ link3: ''
 
 ---
 
-The Internet is controlled by large corporations.
-<br>
-
-This centralized approach is highly inefficient, extremely costly, and unsustainable.
-
-<br>
-
-Our data isn't owned by us, and it isn't safe.
-
 <!-- button2: Spread our Message
 link: ''
 button3: Join our Community

content/page/home/home.md

@@ -10,7 +10,7 @@ header_altImg: threefold
 header_excerpt: Welcome to the world’s largest peer-to-peer internet, formed by people who want to make a difference, by people who care, by people just like you.
 button: "We invite you to join in!"
 link: "#home"
-solution_image2: ./video_play.png
+solution_image2: ./header_solution.jpg
 cta2: home_cta2
 productsMain: product
 productData: [tokens_home, nodes_home, storage_home]

src/pages/Index.vue

@@ -11,52 +11,15 @@
         :button="$page.markdownPage.button"
         :link="$page.markdownPage.link"
       />
+
+      <VideoPanel :card="$page.markdownPage.videoPanel" />
+
+      <Map
+        v-if="$page.markdownPage.stats"
+        :section="$page.markdownPage.stats"
+      />
     </div>
-    <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
-      <!-- <g-image
-        class="m-auto w-2/4 lg:mt-20"
-        v-if="$page.markdownPage.solution_image2"
-        :src="$page.markdownPage.solution_image2.src"
-      />  -->
 
-      <!-- <g-image
-        class="m-auto w-2/4 lg:mt-20"
-        v-if="$page.markdownPage.solution_image3"
-        :src="$page.markdownPage.solution_image3.src"
-      /> -->
-
-      <!-- <SolutionsHeader
-        v-if="$page.markdownPage.header"
-        :header="$page.markdownPage.header"
-      /> -->
-
-      <!-- <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"
-        :cta="$page.markdownPage.cta3"
-      /> -->
-
-      <!-- <CallToActionbg2
-        v-if="$page.markdownPage.cta4"
-        :cta="$page.markdownPage.cta4"
-      /> -->
-
-      <!-- <CallToAction
-        v-if="$page.markdownPage.cta5"
-        :cta="$page.markdownPage.cta5"
-      /> -->
-    </div>
-    <VideoPanel :card="$page.markdownPage.videoPanel" />
-
-    <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"
@@ -90,31 +53,17 @@
         :cta="$page.markdownPage.cta2"
         :id="$page.markdownPage.id"
       />
-      <!-- <BrandPanel2
-        :brand="$page.markdownPage.brandPanel2"
-        v-if="$page.markdownPage.brandPanel2"
-      /> -->
 
-      <!-- <Comparison
-        v-if="
-          $page.markdownPage.comparisonSecs &&
-          $page.markdownPage.comparisonSecs.length > 0
-        "
+      <g-image
+        v-if="$page.markdownPage.solution_image2"
+        :src="$page.markdownPage.solution_image2.src"
+      />
+
+      <CallToAction
+        v-if="$page.markdownPage.cta3"
+        :cta="$page.markdownPage.cta3"
         :id="$page.markdownPage.id"
-        :main="$page.markdownPage.comparisonMain"
-        :sections="$page.markdownPage.comparisonSecs"
-      /> -->
-
-      <!-- <NewCard
-      v-for="card in $page.markdownPage.cards"
-      :key="card.id"
-      :card="card"
-      /> -->
-
-      <!-- <SolutionsHeader
-        v-if="$page.markdownPage.headerSolution"
-        :header="$page.markdownPage.headerSolution"
-    /> -->
+      />
 
       <InTheNews
         v-if="$page.markdownPage.inTheNews"