{"size": 2412, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "rajeevbelani/woodsoftsite", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/index.js", "max_issues_repo_name": "rajeevbelani/woodsoftsite", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "rajeevbelani/woodsoftsite", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 26.8, "max_line_length": 93, "alphanum_fraction": 0.4170812604}
import React from 'react';
import { graphql } from 'gatsby';
import HomePageTemplate from '../templates/home-template'
import Layout from 'components/common/layout'
import Gallery from '../components/base/gallery/gallery';

const HomePage = ({ data }) => {
    const { frontmatter } = data.markdownRemark;
    const { hero, whatWeDo, howWeWork, clients, process, coverImage } = frontmatter;
    console.log(`Whats we Do :: ${JSON.stringify(coverImage)}  ::  ${JSON.stringify(hero)}`);
    return (
      <Layout>
        {/* <Gallery /> */}
        <HomePageTemplate
          hero={hero}
          coverImage={coverImage}
          whatWeDo={whatWeDo}
          howWeWork={howWeWork}
          clients={clients}
          process={process}
        />
      </Layout>
    )
  }
  
export default HomePage
  
export const pageQuery = graphql`
  query IndexQuery {
    markdownRemark(frontmatter : {templateKey: {eq:"home-template"}}) {
        id
        frontmatter {
            hero {
                heroDescription
                heroTitle
                heroImage {
                  childImageSharp {
                    fluid(maxHeight: 500, quality: 90) {
                      ...GatsbyImageSharpFluid_withWebp_noBase64
                    }
                  }
                }              
              }
              coverImage {
                childImageSharp {
                  fluid(maxHeight: 500, quality: 90) {
                    ...GatsbyImageSharpFluid_withWebp_noBase64
                  }
                }
              }              
              whatWeDo {
                heading
                subHeading
                descHeading
                description
                blurbs {
                  heading
                  text
                  iconName
                }
              }
              howWeWork {
                heading
                subHeading
                blurbs {
                  heading
                  text
                } 
              }
              clients {
                heading
                subHeading
                blurbs {
                  heading
                  text
                } 
              }
              process {
                description
                heading
                blurbs {
                  text
                  heading
                }
              }
        }
    }
  }
`;
