From 6430d2bdc8d7e86a9de6e6578d45e51bb8afbd6e Mon Sep 17 00:00:00 2001
From: Vilnite <vilnitekristine@gmail.com>
Date: Thu, 25 Mar 2021 12:30:20 +0300
Subject: [PATCH] updated home layout per new mockup

---
 content/page/home/home.md | 20 +++++++------
 src/pages/Index.vue       | 62 +++++++++++++++++++--------------------
 2 files changed, 42 insertions(+), 40 deletions(-)

diff --git a/content/page/home/home.md b/content/page/home/home.md
index b48c072b8..08d2fb4df 100644
--- a/content/page/home/home.md
+++ b/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 -->
\ No newline at end of file
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index a917768e2..a229270c0 100644
--- a/src/pages/Index.vue
+++ b/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,16 +43,11 @@
         :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"
       :card="card"
-    /> -->
+      /> -->
 
     <!-- <SolutionsHeader
         v-if="$page.markdownPage.headerSolution"
@@ -68,12 +62,11 @@
       <!-- <SignUp
       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
@@ -227,4 +219,12 @@ export default {
 .container-fluid {
   max-width: 100% !important;
 }
-</style>
\ No newline at end of file
+</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> -->
\ No newline at end of file