{"version":3,"file":"component---src-pages-index-tsx-0afa4d1f1aa0818c2b2d.js","mappings":"iPAAA,EAAe,IAA0B,wD,kDCI5BA,EAAUC,EAAAA,GAAAA,IAAH,6CAIPC,EAAQD,EAAAA,GAAAA,GAAH,8KACH,qBAAGE,MAAkBC,SAASC,eAQlC,qBAAGF,MAAkBG,QAAQC,SACvB,qBAAGJ,MAAkBC,SAASI,gBAIlCC,GAAaR,EAAAA,EAAAA,IAAOS,EAAAA,EAAPT,CAAH,6CCWvB,EA1BiB,WACf,IAAQU,GAAWC,EAAAA,EAAAA,gBAAe,cAA1BD,OAWR,OACE,gBAACX,EAAD,KACE,gBAACE,EAAD,KACE,8BAASW,EAAAA,GAAT,KACA,4BAAOF,EAAOG,SAASC,YAEzB,uBAAKC,wBAAyB,CAAEC,OAAQN,EAAOO,WAC/C,gBAACT,EAAD,CAAYU,GAAIC,EAAAA,KAAMC,GAAIC,EAAAA,GAAAA,SAA1B,eCdAtB,EAAUC,EAAAA,GAAAA,IAAH,y+BAGTsB,EAAAA,GAE0BC,GAcf,qBAAGrB,MAAkBG,QAAQmB,SAcdD,GAaf,qBAAGrB,MAAkBG,QAAQmB,UAOtCC,EAAezB,EAAAA,GAAAA,IAAH,gFACH,qBAAGE,MAAkBwB,WAAWC,yBA2B/C,EAtBc,WACZ,IAAQjB,GAAWC,EAAAA,EAAAA,gBAAe,cAA1BD,OASR,OAFAA,EAAOkB,IAAIC,aAAe,GAGxB,gBAAC,EAAD,KACE,gBAACC,EAAA,EAAD,CAAQC,gBAAiB7B,EAAAA,GAAAA,QAAAA,KAAoB8B,gBAAiBC,EAAAA,GAC5D,gBAACC,EAAA,EAAD,CAAKC,SAAUzB,GAAU,KACzB,gBAACe,EAAD,KACE,gBAAC,EAAD,W,qBCtFV,IAAe,IAA0B","sources":["webpack://gatsby-starter-default/./src/images/background/home-page.png","webpack://gatsby-starter-default/./src/components/HomePage/styled.tsx","webpack://gatsby-starter-default/./src/components/HomePage/HomePage.tsx","webpack://gatsby-starter-default/./src/pages/index.tsx","webpack://gatsby-starter-default/./src/images/background/home-bg.jpg"],"sourcesContent":["export default __webpack_public_path__ + \"static/home-page-9c9c0107ca65901ac67f31cd7b3e459b.png\";","import styled from 'styles/styled';\n\nimport { Button } from 'components/UI/Button';\n\nexport const Wrapper = styled.div`\n  max-width: 510px;\n`;\n\nexport const Title = styled.h1`\n  font-size: ${({ theme }) => theme.fontSize.titleMobile};\n  font-weight: 300;\n  margin-bottom: 20px;\n\n  strong {\n    font-weight: 700;\n  }\n\n  @media ${({ theme }) => theme.devices.large} {\n    font-size: ${({ theme }) => theme.fontSize.titleDesktop};\n  }\n`;\n\nexport const StyledLink = styled(Button)`\n  margin: 30px 0 0;\n`;\n","import React from 'react';\nimport { useStaticQuery, graphql, Link } from 'gatsby';\n\nimport { NAME, ROUTES } from 'constants/common';\n\nimport { StyledLink, Title, Wrapper } from './styled';\n\nconst HomePage = () => {\n  const { wpPage } = useStaticQuery(graphql`\n    query {\n      wpPage(slug: { eq: \"home\" }) {\n        content\n        homePage {\n          titleCopy\n        }\n      }\n    }\n  `);\n\n  return (\n    <Wrapper>\n      <Title>\n        <strong>{NAME}&nbsp;</strong>\n        <span>{wpPage.homePage.titleCopy}</span>\n      </Title>\n      <div dangerouslySetInnerHTML={{ __html: wpPage.content }} />\n      <StyledLink as={Link} to={ROUTES.aboutUs}>\n        READ MORE\n      </StyledLink>\n    </Wrapper>\n  );\n};\n\nexport default HomePage;\n","import React from 'react';\nimport { useStaticQuery, graphql } from 'gatsby';\n\nimport styled, { theme } from 'styles/styled';\nimport homeBg from 'images/background/home-bg.jpg';\nimport homeImg from 'images/background/home-page.png';\n\nimport SEO from 'components/SEO';\nimport Layout from 'components/Layout';\nimport { OuterWrapper } from 'components/Layout/styled';\nimport HomePage from 'components/HomePage';\n\nconst Wrapper = styled.div`\n  position: relative;\n\n  ${OuterWrapper} {\n    &::after {\n      background-image: url(${homeImg});\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: center;\n      bottom: 0;\n      content: '';\n      display: none;\n      left: 0;\n      pointer-events: none;\n      position: absolute;\n      right: 0;\n      top: 0;\n      z-index: 0;\n\n      @media ${({ theme }) => theme.devices.medium} {\n        display: block;\n      }\n    }\n  }\n\n  main {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 80px 20px 200px;\n    position: relative;\n\n    &::after {\n      background-image: url(${homeImg});\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: auto 100%;\n      bottom: 0;\n      content: '';\n      left: 0;\n      pointer-events: none;\n      position: absolute;\n      right: 0;\n      top: 0;\n      z-index: 0;\n\n      @media ${({ theme }) => theme.devices.medium} {\n        display: none;\n      }\n    }\n  }\n`;\n\nconst InnerWrapper = styled.div`\n  max-width: ${({ theme }) => theme.dimensions.contentMaxWidthMedium}px;\n  margin: 0 auto;\n  width: 100%;\n`;\n\nconst Index = () => {\n  const { wpPage } = useStaticQuery(graphql`\n    query {\n      wpPage(slug: { eq: \"home\" }) {\n        ...MetaData\n      }\n    }\n  `);\n  wpPage.seo.opengraphUrl = '';\n\n  return (\n    <Wrapper>\n      <Layout backgroundColor={theme.palette.dark} backgroundImage={homeBg}>\n        <SEO metadata={wpPage || {}} />\n        <InnerWrapper>\n          <HomePage />\n        </InnerWrapper>\n      </Layout>\n    </Wrapper>\n  );\n};\n\nexport default Index;\n","export default __webpack_public_path__ + \"static/home-bg-daa5b751b0c5683d6b03847793fc8be6.jpg\";"],"names":["Wrapper","styled","Title","theme","fontSize","titleMobile","devices","large","titleDesktop","StyledLink","Button","wpPage","useStaticQuery","NAME","homePage","titleCopy","dangerouslySetInnerHTML","__html","content","as","Link","to","ROUTES","OuterWrapper","homeImg","medium","InnerWrapper","dimensions","contentMaxWidthMedium","seo","opengraphUrl","Layout","backgroundColor","backgroundImage","homeBg","SEO","metadata"],"sourceRoot":""}