#40 quote section query

src/components/homepage/index-styles.js

@@ -202,3 +202,11 @@ a {
   color: ${colors.orange900};
 }
 `
+export const QuoteSection = styled.div`
+
+
+`
+
+export const QuoteOverlay = styled.div`
+
+`

src/components/homepage/index.js

@@ -19,6 +19,8 @@ import {
   SolutionsCard,
   SolutionsCards,
   SolutionsCTA,
+  QuoteSection,
+  QuoteOverlay
 } from "./index-styles"
 
 import TreeIcon from "../../vectors/renewable-tree-icon.svg"
@@ -102,6 +104,15 @@ export default function HomePage({ data }) {
             </a>{" "}
           </SolutionsCTA>
         </SolutionsSection>
+
+        <QuoteSection>
+          <QuoteOverlay>
+           <h1>{data.quotes[0].quote}</h1> 
+          </QuoteOverlay>
+
+        </QuoteSection>
+
+
       </HomePageContainer>
     </>
   )

src/pages/about.js

@@ -1,52 +1,52 @@
-import { graphql } from "gatsby"
+// import { graphql } from "gatsby"
 
-import React from "react"
-import Layout from "../components/layout"
+// import React from "react"
+// import Layout from "../components/layout"
 
-export default function About({ data }) {
-    const aboutData = data.prismicAboutPage.data
+// export default function About({ data }) {
+//     const aboutData = data.prismicAboutPage.data
 
-    return (
-        <Layout>
-            <h1>{aboutData.company_background_section_heading}</h1>
-        </Layout>
-    )
-}
+//     return (
+//         <Layout>
+//             <h1>{aboutData.company_background_section_heading}</h1>
+//         </Layout>
+//     )
+// }
 
-export const query = graphql`
-  query AboutQuery {
-    prismicAboutPage {
-      data {
-        company {
-          company_name
-        }
-        company_background_description
-        company_background_section_heading
-        company_comparison_section_heading
-        company_team_heading
-        cta_button_destination
-        cta_button_text
-        industry_context_explanation {
-          explanation_description
-        }
-        industry_context_heading
-        mission_description
-        mission_heading
-        product_benefit {
-          product_benefit_title
-        }
-        product_feature {
-          product_feature_name
-        }
-        products_navigation_button_destination
-        products_navigation_button_text
-        team_member_information {
-          contact_button_destination
-          contact_button_text
-          team_member_description
-          team_member_title
-        }
-      }
-    }
-  }
-`
+// export const query = graphql`
+//   query AboutQuery {
+//     prismicAboutPage {
+//       data {
+//         company {
+//           company_name
+//         }
+//         company_background_description
+//         company_background_section_heading
+//         company_comparison_section_heading
+//         company_team_heading
+//         cta_button_destination
+//         cta_button_text
+//         industry_context_explanation {
+//           explanation_description
+//         }
+//         industry_context_heading
+//         mission_description
+//         mission_heading
+//         product_benefit {
+//           product_benefit_title
+//         }
+//         product_feature {
+//           product_feature_name
+//         }
+//         products_navigation_button_destination
+//         products_navigation_button_text
+//         team_member_information {
+//           contact_button_destination
+//           contact_button_text
+//           team_member_description
+//           team_member_title
+//         }
+//       }
+//     }
+//   }
+// `

src/pages/index.js

@@ -70,6 +70,12 @@ export const query = graphql`
         sign_up_button_destination {
           target
         }
+
+        quotes {
+          name
+          quote
+          title
+        }
         sign_up_button_text
         solutions_header
         use_cases {