created page structure

content/page/home/brandPanel/brandPanel.md

@@ -0,0 +1,10 @@
+---
+id: brand_panel
+title: Title
+subtitle: Subtitle
+sourceUrl: '' #link for button
+btnTxt: Button
+image: image_name.png # Please add image in src/assets/brandPanel/
+---
+
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

content/page/home/comparison/main/main.md

@@ -0,0 +1,7 @@
+---
+id: comparison
+title: Title
+description: Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+button: Button
+link: '' #add button link here
+---

content/page/home/comparison/section1/section1.md

@@ -0,0 +1,7 @@
+---
+id: section1
+svg: ./image_name.png
+title: Title
+---
+
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

content/page/home/comparison/section2/section2.md

@@ -0,0 +1,7 @@
+---
+id: section2
+svg: ./image_name.png
+title: Title
+---
+
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

content/page/home/comparison/section3/section3.md

@@ -0,0 +1,7 @@
+---
+id: section3
+svg: ./image_name.png
+title: Title
+---
+
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

content/page/home/home.md

@@ -1,15 +1,13 @@
 ---
 id: home
-header_title: BIG TITLE
-header_image: ./image_name.png
-header_altImg: BIG TITLE
-header_excerpt: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
-button: Button
-link: '' #link for button
+header_altImg: ''
+solution_image: ./image_name.png
 header: home_header
-cards: [card1, card2, card3] #you can continue adding cards as needed
-cta: home_cta
+productsMain: product
+productData: [product1, product2, product3]
+comparisonMain: comparison
+comparisonSecs: [section1, section2, section3]
+brandPanel: brand_panel
 logos: [logo1, logo2, logo3, logo4, logo5, logo6] #you can continue adding logos as needed
-inTheNews: in_the_news
-signup: home_signup
+cta: home_cta
 ---

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

@@ -0,0 +1,5 @@
+---
+id: product
+title: product
+subtitle: Subtitle
+---

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

@@ -0,0 +1,6 @@
+---
+id: product1
+title: Title
+image : ./image_name.png
+---
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

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

@@ -0,0 +1,6 @@
+---
+id: product2
+title: Title
+image : ./image_name.png
+---
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

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

@@ -0,0 +1,6 @@
+---
+id: product3
+title: Title
+image : ./image_name.png
+---
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

src/pages/Index.vue

@@ -1,6 +1,6 @@
 <template>
   <Layout :hideHeader="true" :disableScroll="true">
-    <Header
+   <Header
       :title="$page.markdownPage.header_title"
       :image="$page.markdownPage.header_image"
       :altImg="$page.markdownPage.header_altImg"
@@ -9,33 +9,64 @@
       :link="$page.markdownPage.link"
     /> 
 
+    <g-image class="m-auto my-4" 
+      v-if="$page.markdownPage.solution_image"
+      :src="$page.markdownPage.solution_image.src"
+    />
+
     <SolutionsHeader
       v-if="$page.markdownPage.header"
       :header="$page.markdownPage.header"
     />
     
-    <NewCard
+    <ShowcaseProducts
+        :main="$page.markdownPage.productsMain"
+        :products="$page.markdownPage.productData"
+        v-if="
+          $page.markdownPage.productData &&
+          $page.markdownPage.productData.length > 0
+        "
+    />
+    
+    <Comparison
+        v-if="
+          $page.markdownPage.comparisonSecs &&
+          $page.markdownPage.comparisonSecs.length > 0
+        "
+        :main="$page.markdownPage.comparisonMain"
+        :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"
-    />
+    /> -->
 
-    <CallToAction v-if="$page.markdownPage.cta" :cta="$page.markdownPage.cta" />
+    <CallToAction 
+      v-if="$page.markdownPage.cta" 
+      :cta="$page.markdownPage.cta" 
+    />
 
     <logoShowcase
       v-if="$page.markdownPage.logos.length > 0"
       :logos="$page.markdownPage.logos"
     />
 
-    <InTheNews
+    <!-- <InTheNews
       v-if="$page.markdownPage.inTheNews"
       :news="$page.markdownPage.inTheNews"
-    />
+    /> -->
 
-    <SignUp
+    <!-- <SignUp
       v-if="$page.markdownPage.signup"
       :signup="$page.markdownPage.signup"
-    />
+    /> -->
   </Layout>
 </template>
 
@@ -50,6 +81,7 @@
         header_altImg
         button
         link
+        solution_image
         header{
          title
          subtitle
@@ -59,6 +91,18 @@
          btn2
          link2
         }
+        productsMain{
+          id
+          title
+          subtitle
+       #  image
+        }
+       productData{
+         id
+         title
+         content
+         image
+       }
         cards{
           id
           title
@@ -75,6 +119,28 @@
           button
           link
         }
+        comparisonMain{
+          id
+          title
+          description
+          button
+          link
+        }
+        comparisonSecs{
+          id
+          svg
+          title
+          content
+        }
+        brandPanel{
+         id
+         title
+         subtitle
+         excerpt(length: 2000)
+         sourceUrl
+         btnTxt
+         image
+       }
         logos{
           id
           image
@@ -104,7 +170,10 @@
 <script>
 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/ShowcaseProducts.vue";
+import Comparison from "~/components/custom/sections/Comparison.vue";
 import NewCard from "~/components/marketing/sections/cta-sections/NewCard.vue";
+import BrandPanel from "~/components/marketing/sections/cta-sections/BrandPanel.vue";
 import CallToAction from "~/components/custom/sections/CallToAction.vue";
 import logoShowcase from "~/components/marketing/sections/cta-sections/logoShowcase.vue";
 import InTheNews from "~/components/marketing/sections/logo-clouds/off_white_grid.vue";
@@ -114,9 +183,12 @@ export default {
   components: {
     Header,
     SolutionsHeader,
+    ShowcaseProducts,
+    Comparison,
     NewCard,
-    CallToAction,
+    BrandPanel,
     logoShowcase,
+    CallToAction,
     InTheNews,
     SignUp,
   },