{"version":3,"sources":["webpack:///./src/templates/animated_simple.js","webpack:///./src/images/social_default.jpg","webpack:///./src/components/latest.js","webpack:///./src/components/fullWidthStrip.js","webpack:///./src/components/section.js","webpack:///./src/components/seo.js"],"names":["Index","props","state","Minimised","handleShow","bind","setContactState","layoutContents","React","createRef","componentDidMount","window","Smoothscroll","polyfill","undefined","this","data","allStrapiSections","edges","section","node","podcasts","length","pods","pod","getPodcasts","podcastid","podcasturl","WLID","withoutlimits","WL","push","WL_ID","getWL","onpopstate","e","location","Scroll","setState","index","setTimeout","yCoordinate","refs","getBoundingClientRect","top","pageYOffset","scrollTo","behavior","componentDidUpdate","prevProps","i","returnImage","image","reverse","childImageSharp","fluid","min","render","Sections","strapiMicrosites","Content","setSections","allStrapiMicrosites","slug","title","site_name","OG","OG_image","publicURL","id","role","metaImage","description","site_intro","Tag","Header_background","class","logo","imageInfo","style","color","textColor","source","linkTarget","escapeHtml","map","document","key","sectNum","MainColour","MainColor","secondColor","download","subSite","Component","connect","articles","micrositeID","getArticle","pageQuery","module","exports","SEO","lang","meta","site","metaDescription","siteMetadata","DefaultImg","htmlAttributes","titleTemplate","name","content","property","author","concat","defaultProps"],"mappings":"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","file":"component---src-templates-animated-simple-js-3fe241721f874bba2cad.js","sourcesContent":["import React, { Component } from 'react'\nimport { Link, graphql } from \"gatsby\"\nimport { StickyContainer, Sticky } from 'react-sticky';\nimport Smoothscroll from 'smoothscroll-polyfill';\nimport ReactMarkdown from \"react-markdown\"\nimport { connect } from 'react-redux';\nimport BackgroundImage from 'gatsby-background-image'\nimport SEO from \"../components/seo\"\n\n\n// import Grid from \"../components/grid\"\nimport FullWidthStrip from \"../components/fullWidthStrip\"\nimport Latest from \"../components/latest\"\nimport MarketingLinks from \"../components/marketinglinks\"\nimport { getArticle, getPodcasts, getWL, setSections  } from '../actions';\nimport StrapiImage from \"../components/StrapiImage.js\"\nimport Layout from '../components/layout'\nimport Nav from '../components/nav'\nimport Section from '../components/section'\nimport NewSection from '../components/sectionnew'\nimport Contact from \"../components/contact_article\"\n\n\n\n\n\n\nclass Index extends Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      Minimised:false\n    }\n    // this.verticalAnimation = this.verticalAnimation.bind(this)\n    this.handleShow = this.handleShow.bind(this)\n    this.setContactState = this.setContactState.bind(this)\n    this.layoutContents = React.createRef()\n    // this.transitionCover = React.createRef()\n  }\n\n\n\n  componentDidMount(){\n\n    typeof window !== \"undefined\" && Smoothscroll.polyfill();\n\n        if(this.props.data.allStrapiSections !== undefined){\n    for(let section of this.props.data.allStrapiSections.edges){\n\n      ///getPodcasts\n      // console.log(section.node.podcasts.length , this.props.pods.length)\n      if(section.node.podcasts.length > 0 && this.props.pods.length === 0){\n        if(section.node.podcasts.length !== this.props.pods.length){\n        for(let pod of section.node.podcasts){\n          this.props.getPodcasts(pod.podcastid,pod.podcasturl)\n        }\n      }\n      }\n      //gtWL\n      let WLID=[]\n      if(section.node.withoutlimits.length > 0 && this.props.WL.length === 0){\n        if(section.node.withoutlimits.length !== this.props.WL.length){\n        for(let WL of section.node.withoutlimits){\n\n          WLID.push(WL.WL_ID)\n        }\n        this.props.getWL(WLID)\n      }\n      }\n\n    }\n\n\n\n    }\nif (typeof window !== 'undefined') {\n    window.onpopstate  = (e) => {\n\n       this.props.location.state.Scroll = undefined\n    }\n  }\n\n    if(this.props.location.state !== null){\n         if(this.props.location.state.Scroll !== undefined){\n\n           this.setState({index: this.props.location.state.Scroll});\n\nif (typeof window !== 'undefined') {\n          const timer = setTimeout(() => {\n\n            const yourElement = this.refs[this.props.location.state.Scroll]\n            const yCoordinate = yourElement.getBoundingClientRect().top + window.pageYOffset;\n            const yOffset = -30;\n\n            window.scrollTo({\n                top: yCoordinate + yOffset,\n                behavior: 'smooth'\n            });\n\n\n          }, 500);\n\n          const timer2 = setTimeout(() => {\n           this.props.location.state.Scroll = undefined\n\n          }, 2000);\n\n        }\n\n\n\n         }\n       }\n    //\n    // this.props.getArticle()\n  }\n\n\ncomponentDidUpdate(prevProps){\n  // console.log(\"HERLLO\")\n  //       console.log(this.props.data.allStrapiSections.edges, this.props.pods.length)\n\n}\n\n  handleShow(i) {\n    if(typeof window !== \"undefined\"){\n      const yourElement = this.refs[i]\n      const yCoordinate = yourElement.getBoundingClientRect().top + window.pageYOffset;\n      const yOffset = -30;\n\n      window.scrollTo({\n          top: yCoordinate + yOffset,\n          behavior: 'smooth'\n      });\n    }\n\n    }\n\n    returnImage(image){\nif(image === null){\n  return ([\n`linear-gradient(94deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6012780112044818) 30%, rgba(0,0,0,0.604079131652661) 70%, rgba(0,0,0,0) 100%)`\n].reverse()\n)\n}else{\n  return ([\nimage.childImageSharp.fluid,\n  `linear-gradient(94deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6012780112044818) 30%, rgba(0,0,0,0.604079131652661) 70%, rgba(0,0,0,0) 100%)`\n].reverse()\n)\n}\n\n};\n\n\n\nsetContactState(min){\n\nthis.setState({Minimised:min})\n}\n\n  render() {\n\n    let Sections = []\n\n          for(let section of this.props.data.strapiMicrosites.Content){\n            Sections.push(section)\n          }\n\n\n        this.props.setSections(Sections,this.props.data.allStrapiMicrosites.edges[0].node,{slug:this.props.data.strapiMicrosites.slug,title:this.props.data.strapiMicrosites.site_name})\n\n\nlet OG = \"\"\nif(this.props.data.strapiMicrosites.OG_image !== null){\n  OG = this.props.data.strapiMicrosites.OG_image.childImageSharp.publicURL\n}\n    return (\n\n\n      <main id=\"main\" role=\"main\">\n\n  <SEO title={this.props.data.strapiMicrosites.site_name} metaImage={OG} description={this.props.data.strapiMicrosites.site_intro} />\n\n      <BackgroundImage Tag=\"div\" fluid={this.returnImage(this.props.data.strapiMicrosites.Header_background)}>\n        <div class=\"page-header\" >\n        <div class=\"containerScroll\">\n            <div class=\"page-header__content\">\n            {this.props.data.strapiMicrosites.logo !== null ?\n              <div class=\"page-header__logo\">\n            <StrapiImage imageInfo={this.props.data.strapiMicrosites.logo}/>\n            </div>\n            :\n            <div class=\"page-header__heading\">\n                <h1 class=\"page-header__title\" style={{color:this.props.data.strapiMicrosites.textColor}}>{this.props.data.strapiMicrosites.site_name}</h1>\n            </div>\n            }\n\n                <div class=\"page-header__description\">\n                <ReactMarkdown source={this.props.data.strapiMicrosites.site_intro} linkTarget='_blank' escapeHtml={false}/>\n                </div>\n            </div>\n        </div>\n          </div>\n        </BackgroundImage>\n\n\n        <div class=\"page-section has-flex\">\n            <div class=\"containerScroll\">\n\n{this.props.data.strapiMicrosites.Content.map((document, index) => (\n\n<NewSection key={index} sectNum={index} data={document} MainColour={this.props.data.strapiMicrosites.MainColor} secondColor={this.props.data.strapiMicrosites.secondColor} textColor={this.props.data.strapiMicrosites.textColor} style={this.props.data.strapiMicrosites.style}/>\n\n))}\n\n</div>\n</div>\n\n\n\n\n  {this.props.data.strapiMicrosites.download !== null ?\n  <Contact data={this.props.data.strapiMicrosites} setContactState={this.setContactState} subSite={true}/>\n:<></>\n}\n\n      </main>\n\n    )\n  }\n}\n\nfunction mapStateToProps(state) {\n  return {\n    articles: state.articles,\n    pods:state.pods,\n    WL:state.WL,\n    micrositeID:state.micrositeID\n  };\n}\n\nexport default connect(mapStateToProps,{ getArticle, getPodcasts, getWL,setSections })(Index);\nexport const pageQuery = graphql`\n  query animatedSimpleSiteQuery($slug: String!,$MicrositeIDFull: String!,$MicrositeID:String!) {\n      strapiMicrosites(slug: {eq:$slug}) {\n        id\n        slug\n        style\n        MainColor\n        textColor\n        secondColor\n        secondTextColour\n        pardot_form\n        site_description\n        site_intro\n        site_name\n        sub_message\n        Linkedin_conversion_id\n        Linkedin_pixel_id\n        sections {\n           Section_name\n         }\n         Content {\n           hide_from_menu\n           BackgroundColour\n           TextColour\n           Title\n           TitleColour\n           text\n           Text\n           DisplayType\n           TileBackgroundColour\n           TileTextColour\n           TileborderColour\n           Tile_text_pacement\n           Type\n           AccordianTextColour\n           AccordianTitleColour\n           buttontext\n           background {\n             childImageSharp {\n               fluid {\n                 base64\n                 tracedSVG\n                 srcWebp\n                 srcSetWebp\n                 originalImg\n                 originalName\n               }\n             }\n           }\n           link\n                 accordian_item {\n                   Title\n                   microsites {\n                     site_name\n                     slug\n                   }\n                   events {\n                     Event_name\n                     slug\n                   }\n                   contacts {\n                     name\n                     email\n                   }\n                   podcasts {\n                     title\n                     id\n                   }\n                   projects {\n                     slug\n                     Project_name\n                     Project_location\n                   }\n                   services {\n                     slug\n                     service_name\n                   }\n                   videos {\n                     title\n                     Player_colour\n                     wisita_id\n                   }\n                   withoutlimits {\n                     slug\n                     title\n                   }\n                   articles {\n                     slug\n                     type\n                     title\n                   }\n           }\n           microsites {\n                   Header_background {\n                     childImageSharp {\n                       fluid {\n                         base64\n                         tracedSVG\n                         srcWebp\n                         srcSetWebp\n                         originalImg\n                         originalName\n                       }\n                     }\n                   }\n                   site_name\n                   site_intro\n                   createdAt\n                   slug\n                 }\n\n           podcasts {\n             id\n              podcastid\n              podcasturl\n              title\n            }\n            events {\n              Event_name\n              date(formatString: \"MMMM D, YYYY\")\n              event_image {\n                childImageSharp {\n                  fluid {\n                    base64\n                    tracedSVG\n                    aspectRatio\n                    src\n                    srcSet\n                    srcWebp\n                    srcSetWebp\n                    sizes\n                    originalImg\n                    originalName\n                    presentationWidth\n                    presentationHeight\n                  }\n                }\n              }\n              slug\n              location\n              time\n            }\n            videos {\n              cover_image {\n                childImageSharp {\n                  fluid {\n                    base64\n                    tracedSVG\n                    aspectRatio\n                    src\n                    srcSet\n                    srcWebp\n                    srcSetWebp\n                    sizes\n                    originalImg\n                    originalName\n                    presentationWidth\n                    presentationHeight\n                  }\n                }\n              }\n              Player_colour\n              createdAt\n              id\n              slug\n              title\n              wisita_id\n            }\n            contacts {\n              email\n              name\n              position\n              Social\n              image {\n                childImageSharp {\n                  fluid {\n                    base64\n                    tracedSVG\n                    aspectRatio\n                    src\n                    srcSet\n                    srcWebp\n                    srcSetWebp\n                    sizes\n                    originalImg\n                    originalName\n                    presentationWidth\n                    presentationHeight\n                  }\n                }\n              }\n            }\n\n           services {\n             service_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n             service_name\n             slug\n           }\n           projects {\n             Project_name\n             slug\n             Project_location\n             Project_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n           }\n           withoutlimits {\n             WL_ID\n             authors\n             title\n             OG_image {\n               childImageSharp {\n                 fluid {\n                   base64\n                   tracedSVG\n                   aspectRatio\n                   src\n                   srcSet\n                   srcWebp\n                   srcSetWebp\n                   sizes\n                   originalImg\n                   originalName\n                   presentationWidth\n                   presentationHeight\n                 }\n               }\n             }\n             slug\n           }\n           articles {\n               createdAt\n               Author\n               title\n               type\n               Header_image {\n                 childImageSharp {\n                   fluid {\n                     base64\n                     tracedSVG\n                     aspectRatio\n                     src\n                     srcSet\n                     srcWebp\n                     srcSetWebp\n                     sizes\n                     originalImg\n                     originalName\n                     presentationWidth\n                     presentationHeight\n                   }\n                 }\n               }\n               slug\n               createdAt\n             }\n\n\n\n          }\n        FeaturedArticles {\n           Author\n           id\n           type\n           title\n           slug\n\n           Header_image {\n             childImageSharp {\n               fluid (maxWidth: 6000, quality: 100){\n                 base64\n                 tracedSVG\n                 aspectRatio\n                 src\n                 srcSet\n                 srcWebp\n                 srcSetWebp\n                 sizes\n                 originalImg\n                 originalName\n                 presentationWidth\n                 presentationHeight\n               }\n             }\n           }\n           Sub_message\n         }\n         fullpageBanner {\n           Author\n           type\n           title\n           slug\n           Sub_message\n         }\n        download {\n          absolutePath\n          publicURL\n        }\n        download_targeted {\n          absolutePath\n          publicURL\n        }\n        download_preview {\n          childImageSharp {\n            fluid {\n              base64\n              tracedSVG\n              aspectRatio\n              src\n              srcSet\n              srcWebp\n              srcSetWebp\n              sizes\n              originalImg\n              originalName\n              presentationWidth\n              presentationHeight\n            }\n          }\n        }\n        Header_background{\n          childImageSharp {\n            fluid (maxWidth: 6000, quality: 100){\n              base64\n              tracedSVG\n              aspectRatio\n              src\n              srcSet\n              srcWebp\n              srcSetWebp\n              sizes\n              originalImg\n              originalName\n              presentationWidth\n              presentationHeight\n            }\n          }\n        }\n        OG_image {\n           publicURL\n           childImageSharp {\n             fluid (maxWidth: 6000, quality: 100){\n               base64\n               tracedSVG\n               aspectRatio\n               src\n               srcSet\n               srcWebp\n               srcSetWebp\n               sizes\n               originalImg\n               originalName\n               presentationWidth\n               presentationHeight\n             }\n           }\n         }\n        links {\n                  image {\n                    childImageSharp {\n                      fluid (maxWidth: 6000, quality: 100){\n                        base64\n                        tracedSVG\n                        aspectRatio\n                        src\n                        srcSet\n                        srcWebp\n                        srcSetWebp\n                        sizes\n                        originalImg\n                        originalName\n                        presentationWidth\n                        presentationHeight\n                      }\n                    }\n                  }\n                  id\n                  subtitle\n                  title\n                  url\n                }\n        logo {\n              publicURL\n              extension\n              childImageSharp {\n                fluid {\n                  base64\n                  tracedSVG\n                  aspectRatio\n                  src\n                  srcSet\n                  srcWebp\n                  srcSetWebp\n                  sizes\n                  originalImg\n                  originalName\n                  presentationWidth\n                  presentationHeight\n                }\n              }\n            }\n      }\n\n      allStrapiMicrosites(filter: {id: {eq: $MicrositeIDFull}}) {\n           edges {\n             node {\n                site_name\n                slug\n             }\n\n\n\n       }\n\n      }\n      allStrapiSections(filter: {id: {}, microsites: {elemMatch: {id: {eq: $MicrositeID }}}}) {\n        edges {\n          node {\n             withoutlimits {\n               OG_description\n               WL_ID\n               authors\n               id\n               title\n               createdAt\n               slug\n             }\n                 projects {\n                   Project_content\n                   Project_location\n                   Project_name\n                   createdAt\n                   id\n                   services\n                   slug\n\n                 }\n                 services {\n                   createdAt\n                   id\n\n                   service_intro\n                   service_name\n                   slug\n                 }\n                 articles {\n               createdAt\n               Author\n               title\n               type\n               slug\n               createdAt\n             }\n            podcasts {\n              createdAt\n               podcastid\n               podcasturl\n               id\n               title\n             }\n             events {\n               Event_name\n               OG_description\n\n               createdAt\n               date(formatString: \"MMMM D, YYYY\")\n               event_intro\n               slug\n               location\n               time\n             }\n             videos {\n               Player_colour\n               createdAt\n               id\n               slug\n               title\n               wisita_id\n             }\n             contacts {\n               email\n               name\n               position\n               Social\n               createdAt\n             }\n          }\n        }\n      }\n\n\n}\n\n`\n","module.exports = __webpack_public_path__ + \"static/social_default-1b70e8a6c6d5b7152803d9f4368b969b.jpg\";","import React, { Component } from 'react'\nimport { Link } from 'gatsby'\nimport CardGrid from \"./cardgrid.js\"\nimport StrapiImage from \"./StrapiImage.js\"\nimport BackgroundImage from 'gatsby-background-image'\n\n\nexport default class Latest extends Component {\n  constructor(props) {\n    super(props)\n  }\n\n  returnImage(image){\n\n    return ([\n  image,\n  `linear-gradient(60deg, rgba(0,0,0,1) 7%, rgba(0,0,0,0.06486344537815125) 52%, rgba(0,0,0,1) 95%)`\n  ].reverse()\n\n\n  )\n\n  }\nrender(){\n\n\nreturn(\n\n  <section id=\"latest\" className=\"container\">\n      <div className=\"container__inner\">\n      <div className=\"container__body\">\n                          <div className=\"slice-wrapper\">\n\n                              <ul className=\"row row--cols-1 slice\">\n                                  <li className=\"slice__item row__item row__item--span-1\">\n\n                                      <div className=\"item\">\n                                        <BackgroundImage Tag=\"div\" className=\"latest-article\" fluid={this.returnImage(this.props.data[0].Header_image.childImageSharp.fluid)}>\n\n                                  <div className=\"latest-article__overlay\">\n                                                  <div className=\"item__header latest-article__header\">\n                                                      <h3 className=\"item__title\">\n                                                          {this.props.data[0].title}\n                                                      </h3>\n                                                  </div>\n                                                  <div className=\"item__teaser latest-article__teaser\">\n                                                      {this.props.data[0].Sub_message}\n                                                  </div>\n                                              </div>\n                                              <Link className=\"block-link-overlay\"\n                                                to={`${this.props.data[0].type}/${this.props.data[0].slug}`}\n                                              />\n\n                                          </BackgroundImage>\n\n                                      </div>\n\n                                  </li>\n                              </ul>\n\n                          </div>\n\n                          <div className=\"slice-wrapper\">\n\n                              <ul className=\"row row--cols-3 slice\">\n\n                                  <li className=\"slice__item row__item row__item--span-2\">\n                                      <div className=\"item\">\n                                        <BackgroundImage Tag=\"div\" className=\"latest-article\" fluid={this.returnImage(this.props.data[1].Header_image.childImageSharp.fluid)}>\n\n                                              <div className=\"latest-article__overlay\">\n                                                  <div className=\"item__header latest-article__header\">\n                                                      <h3 className=\"item__title\">\n                                                          {this.props.data[1].title}\n                                                      </h3>\n                                                  </div>\n                                                  <div className=\"item__teaser latest-article__teaser\">\n                                                      {this.props.data[1].Sub_message}\n                                                  </div>\n                                              </div>\n                                              <Link className=\"block-link-overlay\"\n                                                to={`${this.props.data[1].type}/${this.props.data[1].slug}`}\n                                              />\n\n                                          </BackgroundImage>\n                                      </div>\n                                  </li>\n\n\n                                  <li className=\"slice__item row__item row__item--span-1\">\n\n                                      <div className=\"item\">\n                                          <BackgroundImage Tag=\"div\" className=\"latest-article\" fluid={this.returnImage(this.props.data[2].Header_image.childImageSharp.fluid)}>\n\n                                              <div className=\"latest-article__overlay\">\n                                                  <div className=\"item__header latest-article__header\">\n                                                      <h3 className=\"item__title\">\n                                                        {this.props.data[2].title}\n                                                      </h3>\n                                                  </div>\n                                                  <div className=\"item__teaser latest-article__teaser\">\n                                                      {this.props.data[2].Sub_message}\n                                                  </div>\n                                              </div>\n                                              <Link className=\"block-link-overlay\"\n                                                to={`${this.props.data[2].type}/${this.props.data[2].slug}`}\n                                              />\n                                          </BackgroundImage>\n                                      </div>\n\n                                  </li>\n\n                              </ul>\n                          </div>\n                      </div>\n                  </div>\n  </section>\n\n\n      )\n\n\n    }\n  }\n","import React, { Component } from 'react'\nimport { Link} from 'gatsby'\nimport CardGrid from \"./cardgrid.js\"\nimport StrapiImage from \"./StrapiImage.js\"\nimport BackgroundImage from 'gatsby-background-image'\n\n\nexport default class FullWidthStrip extends Component {\n  constructor(props) {\n    super(props)\n  }\n\n\n\nrender(){\n\n\n\nreturn(\n  <section class=\"container container--strip\">\n              <div class=\"container__inner\">\n                  <div class=\"container__body\">\n                      <div class=\"slice-wrapper\">\n                          <ul class=\"row row--cols-1 slice\">\n                              <li class=\"slice__item row__item row__item--span-1\">\n                                  <div class=\"item\">\n                                      <div class=\"strip\">\n                                      <Link\n                                        to={`${this.props.data[0].type}/${this.props.data[0].slug}`}\n                                      >\n                                          <div class=\"strip__container\">\n                                              <div class=\"strip__header\">\n                                                  {this.props.data[0].title}\n                                              </div>\n                                              <div class=\"strip__teaser\">\n                                                {this.props.data[0].Sub_message}\n                                              <div class=\"strip__action\">\n                                                View our latest comparisons\n                                              </div>\n                                          </div>\n\n                                      </div>\n                                        </Link>\n                                  </div>\n                                    </div>\n                              </li>\n                          </ul>\n                      </div>\n                  </div>\n              </div>\n          </section>\n\n      )\n\n}\n    }\n","import React from 'react';\nimport SectionGrid from \"./sectiongrid.js\"\nimport StrapiImage from \"./StrapiImage.js\"\nimport BackgroundImage from 'gatsby-background-image'\n\n\nconst Section = props => {\n\n\n  let divStyle = {\n  color: props.data.highlightcolor\n  }\n\nif(props.data.color === \"#ffffff\"){\n  divStyle = {\n  color: \"black\"\n}\n}\nif(props.data.color ===  \"#333\"){\n  divStyle = {\n  color: \"white\"\n}\n}\n\n\n  if(props.data.section_image === null){\n\n\n  return(\n      <section className=\"homesection\" style={{backgroundColor:props.data.color}}>\n\n<div className=\"ink-grid\">\n                        <div className=\"column-group gutters\">\n\n                        {props.data.logo === null &&\n                        <div className=\"all-100 push-left top-space\">\n                          <h2 style={divStyle}>{props.data.Section_name}</h2>\n                        </div>\n                        }\n                        {props.data.section_intro !== undefined &&\n                            <div className=\"xlarge-20 large-20 medium-100 small-100 tiny-100 push-left top-space\">\n                            <div className=\"column-group gutters\">\n                              {props.data.logo !== null &&\n                            <div className=\"xlarge-100 large-100 medium-20 small-20 tiny-20 push-left\">\n                              <StrapiImage imageInfo={props.data.logo}/>\n                              </div>\n                            }\n\n                            <div className=\"all-100 push-left\" style={divStyle}>\n                            <p style={divStyle}>\n                              {props.data.section_intro}\n                            </p>\n                              </div>\n                            </div>\n                            </div>\n                          }\n\n                          <div className={props.data.section_intro !== undefined ? \"xlarge-80 large-80 medium-100 small-100 tiny-100 push-left top-space\":\"xlarge-60 large-60 medium-100 small-100 tiny-100 push-left\" }>\n\n                            <SectionGrid data={props.data}/>\n\n            </div>\n            </div>\n              </div>\n\n            </section>\n          )\n    }else{\n\n\n      let backgroundFluidImageStack = [\n  props.data.section_image.childImageSharp.fluid,\n  `linear-gradient(${props.data.color}, rgba(0, 0, 0, 0.5))`\n].reverse()\n\n      return(\n<section className=\"homesection\">\n        <BackgroundImage fluid={backgroundFluidImageStack} backgroundColor={props.data.color}>\n\n<div className=\"ink-grid\">\n                  <div className=\"column-group gutters\">\n\n                  {props.data.logo === null &&\n                  <div className=\"all-100 push-left top-space\">\n                    <h2 style={divStyle}>{props.data.Section_name}</h2>\n                  </div>\n                  }\n                  {props.data.section_intro !== undefined &&\n                      <div className=\"xlarge-20 large-20 medium-100 small-100 tiny-100 push-left top-space\">\n                      <div className=\"column-group gutters\">\n                        {props.data.logo !== null &&\n                      <div className=\"xlarge-100 large-100 medium-20 small-20 tiny-20 push-left\">\n                        <StrapiImage imageInfo={props.data.logo}/>\n                        </div>\n                      }\n\n                      <div className=\"all-100 push-left\" style={divStyle}>\n                      <p>\n                        {props.data.section_intro}\n                      </p>\n                        </div>\n                      </div>\n                      </div>\n                    }\n\n                    <div className={props.data.section_intro !== undefined ? \"xlarge-80 large-80 medium-100 small-100 tiny-100 push-left top-space\":\"xlarge-60 large-60 medium-100 small-100 tiny-100 push-left\" }>\n\n                      <SectionGrid data={props.data} MainColour={props.MainColour} secondColor={props.secondColor} textColor={props.textColor}/>\n\n      </div>\n\n        </div>\n          </div>\n\n\n      </BackgroundImage>\n      </section>\n\n\n\n\n\n      )\n\n\n    }\n\n  }\n\n\n\n\n\n\n\nexport default Section;\n","/**\n * SEO component that queries for data with\n *  Gatsby's useStaticQuery React hook\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { Helmet } from \"react-helmet\"\nimport DefaultImg from \"../images/social_default.jpg\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nfunction SEO({ description, lang, meta, title, metaImage }) {\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            title\n            description\n            author\n          }\n        }\n      }\n    `\n  )\n\n  const metaDescription = description || site.siteMetadata.description\n  const image = metaImage || DefaultImg\n\n  return (\n    <Helmet\n      htmlAttributes={{\n        lang,\n      }}\n      title={title}\n      titleTemplate={`${site.siteMetadata.title} |  %s`}\n      meta={[\n        {\n          name: `description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:title`,\n          content: `${site.siteMetadata.title} | ${title}`,\n        },\n        {\n          property: `og:description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:image`,\n          content: image,\n        },\n        {\n          property: `og:type`,\n          content: `website`,\n        },\n        {\n          name: `twitter:card`,\n          content: `summary_large_image`,\n        },\n        {\n          name: `twitter:creator`,\n          content: site.siteMetadata.author,\n        },\n        {\n          name: `twitter:title`,\n          content:  `${site.siteMetadata.title} | ${title}`,\n        },\n        {\n          name: `twitter:description`,\n          content: metaDescription,\n        },\n      ].concat(meta)}\n    />\n  )\n}\n\nSEO.defaultProps = {\n  lang: `en`,\n  meta: [],\n  description: ``,\n}\n\nSEO.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  meta: PropTypes.arrayOf(PropTypes.object),\n  title: PropTypes.string.isRequired,\n}\n\nexport default SEO\n"],"sourceRoot":""}