{"version":3,"file":"component---src-pages-get-in-touch-tsx-4a991874bf26d8e095c0.js","mappings":"mJA6BA,IAlBmB,SAAH,GAA+B,IAAzBA,EAAI,EAAJA,KACpB,OACE,gBAACC,EAAS,KACPD,GACCA,EAAKE,KAAI,SAACC,EAAMC,GACd,OACE,gBAAC,WAAc,CAACA,IAAKA,GACnB,gBAACC,EAAc,CAACC,GAAIH,EAAKI,IAAKH,IAAKA,GAChCD,EAAKK,OAER,4BAAM,KAGZ,IAGR,EAIA,IAAMP,EAAYQ,EAAAA,QAAAA,IAAAA,WAAU,gEAAVA,CAAU,4jBAQL,SAAAC,GAAK,OAAIA,EAAMC,MAAMC,YAAYC,EAAE,IAOjC,SAAAH,GAAK,OAAIA,EAAMC,MAAMC,YAAYE,EAAE,IAC7C,SAAAJ,GAAK,OAAKA,EAAMK,MAAQL,EAAMK,MAAQ,SAAS,IAOrC,SAAAL,GAAK,OAAIA,EAAMC,MAAMC,YAAYE,EAAE,IAgBnC,SAAAJ,GAAK,OAAIA,EAAMC,MAAMC,YAAYE,EAAE,IAQrC,SAAAJ,GAAK,OAAIA,EAAMC,MAAMC,YAAYE,EAAE,IAGnC,SAAAJ,GAAK,OAAIA,EAAMC,MAAMC,YAAYC,EAAE,IAMpDR,GAAiBI,EAAAA,EAAAA,SAAOO,EAAAA,MAAK,gFAAZP,CAAY,0QASV,SAAAC,GAAK,OAAIA,EAAMC,MAAMC,YAAYE,EAAE,IAE7C,SAAAJ,GAAK,OAAKA,EAAMK,MAAQL,EAAMK,MAAQ,SAAS,IAMjD,SAAAL,GAAK,OAAIA,EAAMC,MAAMM,OAAOC,SAAS,G,mECvElD,IAjB4C,SAAH,GAAuC,IAAjCC,EAAc,EAAdA,eAAgBC,EAAS,EAATA,UAC7D,OACE,gCACE,gBAACC,EAAS,KACR,gBAACC,EAAmB,KAClB,gBAAC,IAAU,CAACtB,KAAMmB,KAEpB,gBAACI,EAAgB,KACf,gBAACC,EAAkB,KACjB,0BAAKJ,MAMjB,EAIA,IAAMC,EAAYZ,EAAAA,QAAAA,IAAAA,WAAU,iEAAVA,CAAU,mIAUtBa,GAAsBb,EAAAA,EAAAA,SAAOR,EAAAA,GAAU,sFAAjBQ,CAAiB,uEAMvCc,EAAmBd,EAAAA,QAAAA,IAAAA,WAAU,wEAAVA,CAAU,mRAM7Be,GAAqBf,EAAAA,EAAAA,SAAOR,EAAAA,GAAU,qFAAjBQ,CAAiB,6F,8FC/CtCU,EAAiB,CACrB,CACEX,MAAO,OACPD,IAAK,KAEP,CACEC,MAAO,gBACPD,IAAK,kBAgBT,UAZ4B,SAAH,GAAkB,IAAZP,EAAI,EAAJA,KACvByB,GAASC,EAAAA,EAAAA,GAAiB1B,EAAK2B,OAAOC,UAAW5B,EAAK2B,OAAOnB,OAEnE,OACE,gBAAC,IAAM,CAACA,MAAO,wCACb,gBAAC,IAAW,CAACW,eAAgBA,EAAgBC,UAAU,iBACvD,gBAAC,IAAS,CAACS,SAAU,MAAOJ,EAAOvB,KAAI,SAAA4B,GAAC,OAAIA,CAAC,KAC7C,gBAACC,EAAmB,MAG1B,EAIO,IAUDA,EAAsBtB,EAAAA,QAAAA,IAAAA,WAAU,4EAAVA,CAAU,uF","sources":["webpack://gfw-brochure/./src/components/Breadcrumb.tsx","webpack://gfw-brochure/./src/components/PageHeading/PageHeading.tsx","webpack://gfw-brochure/./src/pages/get-in-touch.tsx"],"sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\nimport styled from \"styled-components\"\n\ninterface Item {\n  title: string\n  url: string\n}\ninterface IBreadcrumb {\n  data: Array<Item>\n}\nconst Breadcrumb = ({ data }: IBreadcrumb) => {\n  return (\n    <Container>\n      {data &&\n        data.map((item, key: number) => {\n          return (\n            <React.Fragment key={key}>\n              <LinkBreadcrumb to={item.url} key={key}>\n                {item.title}\n              </LinkBreadcrumb>\n              <span>/</span>\n            </React.Fragment>\n          )\n        })}\n    </Container>\n  )\n}\n\nexport default Breadcrumb\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  /* padding: 10px 0px; */\n  /* margin: 0 20px; */\n  margin-bottom: 50px;\n  position: relative;\n\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    display: none;\n  }\n  & span {\n    margin: 0 8px;\n    font-size: 9px;\n    line-height: 11px;\n    @media (min-width: ${props => props.theme.breakpoints.md}) {\n      color: ${props => (props.color ? props.color : \"#000000\")};\n    }\n\n    &:last-of-type {\n      display: none;\n    }\n\n    @media (min-width: ${props => props.theme.breakpoints.md}) {\n      font-size: 12px;\n      line-height: 15px;\n    }\n  }\n\n  &::after {\n    content: \"\";\n    display: none;\n    height: 1px;\n    border-top: 2px solid #000000;\n    position: absolute;\n    bottom: 0;\n    left: 20px;\n    margin: 0 auto;\n\n    @media (min-width: ${props => props.theme.breakpoints.md}) {\n      width: 30%;\n      max-width: 263px;\n      margin: 0;\n      left: 0;\n      display: block;\n    }\n  }\n  @media (min-width: ${props => props.theme.breakpoints.md}) {\n    margin: 0 3%;\n  }\n  @media (min-width: ${props => props.theme.breakpoints.sm}) {\n    padding: 20px 0;\n    margin: 0;\n  }\n`\n\nconst LinkBreadcrumb = styled(Link)`\n  &,\n  &:link,\n  &:visited {\n    color: #4a4a4a;\n    font-size: 16px;\n    line-height: 11px;\n    display: inline;\n\n    @media (min-width: ${props => props.theme.breakpoints.md}) {\n      line-height: 15px;\n      color: ${props => (props.color ? props.color : \"#4A4A4A\")};\n    }\n  }\n\n  &:hover,\n  &:active {\n    color: ${props => props.theme.colors.turquoise};\n  }\n  &:last-of-type {\n    color: #000000;\n    font-weight: 600;\n    &:hover,\n    &:active {\n      text-decoration: none;\n\n      cursor: default;\n    }\n  }\n`\n","import React from \"react\"\nimport Breadcrumb from \"../Breadcrumb\"\nimport styled from \"styled-components\"\nimport { Container } from \"@material-ui/core\"\n\ninterface Item {\n  title: string\n  url: string\n}\ntype IBreadcrumb = Array<Item>\n\ninterface IPageHeading {\n  breadcrumbData: IBreadcrumb\n  pageTitle: string\n}\n\nconst PageHeading: React.FC<IPageHeading> = ({ breadcrumbData, pageTitle }) => {\n  return (\n    <>\n      <FullWidth>\n        <BreadCrumbContainer>\n          <Breadcrumb data={breadcrumbData} />\n        </BreadCrumbContainer>\n        <PageTitlePattern>\n          <PageTitleContainer>\n            <h1>{pageTitle}</h1>\n          </PageTitleContainer>\n        </PageTitlePattern>\n      </FullWidth>\n    </>\n  )\n}\n\nexport default PageHeading\n\nconst FullWidth = styled.div`\n  width: 100vw;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 10;\n  background-color: #fafafa;\n`\n\nconst BreadCrumbContainer = styled(Container)`\n  width: 100vw;\n  justify-content: center;\n  align-items: center;\n  z-index: 10;\n`\nconst PageTitlePattern = styled.div`\n  width: 100vw;\n  background-color: #fafafa;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAgMAAADw5/WeAAAACVBMVEX6+vr4+Pjv7++npPQmAAAAKElEQVQI12NgCGBgZWBgEGBgZACzYWTo0tCoUAiJIs7gwMCCi02CXgD5agzBt66q6wAAAABJRU5ErkJggg==\");\n  background-repeat: repeat;\n`\nconst PageTitleContainer = styled(Container)`\n  justify-content: center;\n  align-items: center;\n  z-index: 10;\n  margin-bottom: 50px;\n  margin-top: 50px;\n`\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nimport { Layout } from \"../components/layout\"\n\nimport PageHeading from \"../components/PageHeading/PageHeading\"\nimport { graphql } from \"gatsby\"\nimport { LazyBlockFactory } from \"../util/LazyBlockFactory\"\nimport { Container } from \"@material-ui/core\"\n\nconst breadcrumbData = [\n  {\n    title: \"Home\",\n    url: \"/\",\n  },\n  {\n    title: \"Get in Touch \",\n    url: \"/get-in-touch\",\n  },\n]\n\nconst ContactUs: React.FC = ({ data }) => {\n  const blocks = LazyBlockFactory(data.wpPage.lazy_data, data.wpPage.title)\n\n  return (\n    <Layout title={\"Graduate Fashion Week - Get in Touch\"}>\n      <PageHeading breadcrumbData={breadcrumbData} pageTitle=\"Get in Touch\" />\n      <Container maxWidth={\"lg\"}>{blocks.map(v => v)}</Container>\n      <PortfoliosContainer></PortfoliosContainer>\n    </Layout>\n  )\n}\n\nexport default ContactUs\n\nexport const pageQuery = graphql`\n  query contactUs {\n    wpPage(title: { eq: \"Get in Touch\" }) {\n      id\n      lazy_data\n      title\n    }\n  }\n`\n\nconst PortfoliosContainer = styled.div`\n  width: 100vw;\n  max-width: 1200px;\n  justify-content: center;\n  z-index: 10;\n  margin-bottom: 80px;\n`\n"],"names":["data","Container","map","item","key","LinkBreadcrumb","to","url","title","styled","props","theme","breakpoints","sm","md","color","Link","colors","turquoise","breadcrumbData","pageTitle","FullWidth","BreadCrumbContainer","PageTitlePattern","PageTitleContainer","blocks","LazyBlockFactory","wpPage","lazy_data","maxWidth","v","PortfoliosContainer"],"sourceRoot":""}