{"version":3,"file":"component---src-templates-project-page-jsx-8a91aee86aa79df64fa6.js","mappings":"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","sources":["webpack://bitlight-website/./src/templates/ProjectPage.jsx"],"sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\n\nimport Layout from \"../components/Layout\"\nimport Seo from \"../components/Seo\"\nimport { Fade } from \"react-awesome-reveal\"\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\nimport { BText } from \"../components/chakra/BText\"\n\nfunction ProjectPage(props) {\n  const { data, location } = props\n  const { site, strapiProjects } = data || {}\n  const { siteMetadata } = site || {}\n  const { title, strapiUrl, siteUrl } = siteMetadata || {}\n  const {\n    sections,\n    coverImage,\n    backgroundColor,\n    textColor,\n    logo,\n    seo,\n    shortDescription,\n    coverParagraph,\n    hamburgerBackgroundColor,\n  } = strapiProjects || {}\n  const { localFile } = coverImage || {}\n\n  const footerSection = sections[sections.length - 1]\n\n  const coverGatsbyImage = getImage(localFile)\n  return (\n    <Layout\n      location={location}\n      title={title}\n      backgroundColor={`${backgroundColor.color}`}\n      hamburgerColor={`${hamburgerBackgroundColor.color}`}\n      logo={`${strapiUrl}${logo}`}\n      duration={\"0\"}\n      delay={\"0\"}\n      footerBackgroundColor={`${footerSection.backgroundColor.color}`}\n      footerColor={`${footerSection.textColor.color}`}\n      textColor={`${textColor.color}`}\n      siteUrl={`${siteUrl}`}\n    >\n      <Seo title={seo.metaTitle} description={seo.metaDescription} />\n      <section\n        id={\"contact-hero\"}\n        style={{\n          backgroundColor: `${backgroundColor.color}`,\n          color: `${textColor.color}`,\n        }}\n      >\n        <div id={\"contact-hero-spacer-top\"} />\n        <div className={\"max-width\"}>\n          <Fade duration={1000} delay={200} triggerOnce={true}>\n            <BText\n              as={\"h1\"}\n              id={\"contact-hero-title\"}\n              style={{\n                color: `${textColor.color}`,\n              }}\n            >\n              {strapiProjects.title}\n            </BText>\n            <br />\n            <BText\n              as={\"h1\"}\n              id={\"contact-hero-subtitle\"}\n              style={{\n                color: `${textColor.color}`,\n              }}\n            >\n              {shortDescription}\n            </BText>\n            <br />\n            <BText\n              as={\"h1\"}\n              id={\"contact-hero-subtitle-2\"}\n              style={{\n                color: `${textColor.color}`,\n              }}\n            >\n              {coverParagraph}\n            </BText>\n          </Fade>\n        </div>\n        <div id={\"contact-hero-spacer-bottom\"} />\n      </section>\n      <div className={\"contact-hero-main-image max-width\"}>\n        <GatsbyImage image={coverGatsbyImage} alt={\"Image\"} />\n      </div>\n      <div id={\"content\"}>\n        {sections.map(\n          ({ backgroundColor, textColor, Heading, Paragraph, Image }) => {\n            return (\n              <div\n                style={{\n                  backgroundColor: `${backgroundColor.color}`,\n                  color: `${textColor.color} !important`,\n                }}\n              >\n                <section\n                  className={\"sections\"}\n                  style={{\n                    backgroundColor: `${backgroundColor.color}`,\n                    color: `${textColor.color} !important`,\n                    paddingTop: \"25vh\",\n                    paddingBottom: \"25vh\",\n                  }}\n                >\n                  <div id={\"contact-hero-spacer-top\"} />\n                  <div className={\"max-width\"}>\n                    <Fade duration={1000} delay={500} triggerOnce={true}>\n                      <BText\n                        as={\"h1\"}\n                        id={\"contact-hero-subtitle\"}\n                        style={{\n                          color: `${textColor.color}`,\n                        }}\n                      >\n                        {Heading}\n                      </BText>\n                      <br />\n                      <BText\n                        as={\"h1\"}\n                        id={\"contact-hero-subtitle-2\"}\n                        style={{\n                          color: `${textColor.color}`,\n                        }}\n                      >\n                        {Paragraph}\n                      </BText>\n                    </Fade>\n                  </div>\n                </section>\n                {Image?.localFile && (\n                  <div className={\"contact-hero-image max-width\"}>\n                    <GatsbyImage\n                      style={{ margin: \"auto\" }}\n                      image={getImage(Image.localFile)}\n                      alt={Image.alternativeText}\n                    />\n                  </div>\n                )}\n              </div>\n            )\n          }\n        )}\n      </div>\n    </Layout>\n  )\n}\n\nexport default ProjectPage\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug($slug: String!) {\n    site {\n      siteMetadata {\n        title\n        author\n        strapiUrl\n        siteUrl\n      }\n    }\n    strapiProjects(slug: { eq: $slug }) {\n      id\n      hamburgerBackgroundColor {\n        color\n      }\n      shortDescription\n      coverParagraph\n      coverColor {\n        color\n      }\n      backgroundColor {\n        color\n      }\n      coverImage {\n        url\n        alternativeText\n        localFile {\n          childImageSharp {\n            gatsbyImageData(height: 600, placeholder: BLURRED)\n          }\n        }\n      }\n      coverTextColor {\n        color\n      }\n      title\n      thumbnail {\n        alternativeText\n        url\n      }\n      slug\n      seo {\n        metaDescription\n        metaTitle\n        metaImage {\n          url\n        }\n      }\n      logo\n      textColor {\n        color\n      }\n      sections {\n        Heading\n        Paragraph\n        id\n        textColor {\n          color\n        }\n        backgroundColor {\n          color\n        }\n        Image {\n          url\n          alternativeText\n          localFile {\n            childImageSharp {\n              gatsbyImageData(height: 600, placeholder: BLURRED)\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"names":["props","data","location","site","strapiProjects","siteMetadata","title","strapiUrl","siteUrl","sections","coverImage","backgroundColor","textColor","logo","seo","shortDescription","coverParagraph","hamburgerBackgroundColor","localFile","footerSection","length","coverGatsbyImage","getImage","color","hamburgerColor","duration","delay","footerBackgroundColor","footerColor","metaTitle","description","metaDescription","id","style","className","triggerOnce","as","G","image","alt","map","Heading","Paragraph","Image","paddingTop","paddingBottom","margin","alternativeText"],"sourceRoot":""}