updated home layout per new mockup

content/page/home/home.md

@@ -1,20 +1,22 @@
 ---
 id: home
-header_altImg: ''
-solution_image: ./home_header.png
-header: home_header
-logos: [logo1, logo2, logo3, logo4, logo5, logo6] 
-productsMain: product
-productData: [product1, product6, product3, product2, product5, product4]
 header_title: Join the P2P Economy
 header_image: ./token.png
+header_altImg: threefold
 header_excerpt: TFT fuels the ThreeFold ecosystem and represents a unit of compute and storage capacity on the ThreeFold Grid. Get your TFT now to start your journey on the new Internet.
 button: More about TFT
-link: /farming/token #link updated 
+link: /farming/token
+productsMain: product
+productData: [product1, product6, product3, product2, product5, product4]
+logos: [logo1, logo2, logo3, logo4, logo5, logo6]
+brandPanel: brand_panel
 comparisonMain: comparison
 comparisonSecs: [section1, section2, section3]
-brandPanel: brand_panel
 inTheNews: in_the_news
-solution_image2: ./cta_image.png
+solution_image: ./cta_image.png
 cta: home_cta
 ---
+
+
+<!-- header: home_header
+solution_image: ./home_header.png -->

src/pages/Index.vue

@@ -1,20 +1,18 @@
 <template>
   <Layout :hideHeader="true" :disableScroll="true">
-    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
-      <g-image
-        v-if="$page.markdownPage.solution_image"
-        :src="$page.markdownPage.solution_image.src"
-      />
-    </div>
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
-      <SolutionsHeader
+      <!-- <SolutionsHeader
         v-if="$page.markdownPage.header"
         :header="$page.markdownPage.header"
-      />
+      /> -->
 
-      <logoShowcase
-        v-if="$page.markdownPage.logos.length > 0"
-        :logos="$page.markdownPage.logos"
+      <Header
+        :title="$page.markdownPage.header_title"
+        :image="$page.markdownPage.header_image"
+        :altImg="$page.markdownPage.header_altImg"
+        :excerpt="$page.markdownPage.header_excerpt"
+        :button="$page.markdownPage.button"
+        :link="$page.markdownPage.link"
       />
 
       <ShowcaseProducts
@@ -26,13 +24,14 @@
         "
       />
 
-      <Header
-        :title="$page.markdownPage.header_title"
-        :image="$page.markdownPage.header_image"
-        :altImg="$page.markdownPage.header_altImg"
-        :excerpt="$page.markdownPage.header_excerpt"
-        :button="$page.markdownPage.button"
-        :link="$page.markdownPage.link"
+      <logoShowcase
+        v-if="$page.markdownPage.logos.length > 0"
+        :logos="$page.markdownPage.logos"
+      />
+
+      <BrandPanel
+        :brand="$page.markdownPage.brandPanel"
+        v-if="$page.markdownPage.brandPanel"
       />
 
       <Comparison
@@ -44,11 +43,6 @@
         :sections="$page.markdownPage.comparisonSecs"
       />
 
-      <BrandPanel
-        :brand="$page.markdownPage.brandPanel"
-        v-if="$page.markdownPage.brandPanel"
-      />
-
       <!-- <NewCard
       v-for="card in $page.markdownPage.cards"
       :key="card.id"
@@ -69,11 +63,10 @@
       v-if="$page.markdownPage.signup"
       :signup="$page.markdownPage.signup"
       /> -->
-    </div>
-    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
+
       <g-image
-        v-if="$page.markdownPage.solution_image2"
-        :src="$page.markdownPage.solution_image2.src"
+        v-if="$page.markdownPage.solution_image"
+        :src="$page.markdownPage.solution_image.src"
       />
 
       <CallToAction
@@ -96,7 +89,6 @@
         button
         link
         solution_image
-        solution_image2
         header{
          title
          subtitle
@@ -228,3 +220,11 @@ export default {
   max-width: 100% !important;
 }
 </style>
+
+
+<!--    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
+      <g-image
+        v-if="$page.markdownPage.solution_image"
+        :src="$page.markdownPage.solution_image.src"
+      />
+    </div> -->