{"version":3,"file":"component---src-pages-about-us-tsx-5998e452777265c296c4.js","mappings":"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","sources":["webpack://gfw-brochure/./src/components/Breadcrumb.tsx","webpack://gfw-brochure/./src/components/InstagramFeed.tsx","webpack://gfw-brochure/./src/components/PageHeading/PageHeading.tsx","webpack://gfw-brochure/./src/pages/about-us.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 { Container } from \"@material-ui/core\"\nimport React, { useEffect } from \"react\"\nimport styled from \"styled-components\"\n\nexport const InstagramFeed = () => {\n\n  useEffect(()=>{\n\n    const curator = `\n    /* curator-feed-default-feed-layout */\n    (function(){\n    var i, e, d = document, s = \"script\";i = d.createElement(\"script\");i.async = 1;\n    i.src = \"https://cdn.curator.io/published/380ab0b3-23a4-470e-83be-b68bb1dfab49.js\";\n    e = d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e);\n    })();\n    `\nconst s = document.createElement('script');\ns.type = 'text/javascript';\ns.async = true;\ns.innerHTML = curator;\ndocument.body.appendChild(s);\n},[])\n  \n  return (\n    <Container >\n      <Subtitle>The word on the street</Subtitle>\n      <Title>What people are saying</Title>\n\n      {/* <StyledFeed className=\"powr-social-feed\" id=\"ad9fea26_1617269338\"></StyledFeed> */}\n    \n     \n<div id=\"curator-feed-default-feed-layout\"><a href=\"https://curator.io\" target=\"_blank\" className=\"crt-logo crt-tag\" rel=\"noreferrer\">Powered by Curator.io</a></div>\n\n    </Container>\n  )\n}\n\n\nconst Subtitle = styled.p`\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  text-align: center;\n  @media (max-width: 768px) {\n    font-size: 12px;\n    line-height: 0px;\n  }\n`\nconst Title = styled.h3`\n  letter-spacing: 2px;\n  text-align: center;\n  text-transform: uppercase;\n  font-weight: 600;\n  @media (max-width: 768px) {\n    font-size: 24px;\n    line-height: 0px;\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\"\n\nimport { graphql } from \"gatsby\"\nimport { LazyBlockFactory } from \"../util/LazyBlockFactory\"\nimport { Container } from \"@material-ui/core\"\nimport { InstagramFeed } from \"../components/InstagramFeed\"\n\nconst breadcrumbData = [\n  {\n    title: \"Home\",\n    url: \"/\",\n  },\n  {\n    title: \"About Us\",\n    url: \"/about-us\",\n  },\n]\n\nconst AboutUs: React.FC = ({ data }) => {\n  const blocks = LazyBlockFactory(data.wpPage.lazy_data, data.wpPage.title)\n  return (\n    <Layout title={\"Graduate Fashion Week - About Us\"}>\n      <PageHeading breadcrumbData={breadcrumbData} pageTitle=\"ABOUT US\" />\n\n      <Container maxWidth={\"lg\"}>{blocks.map(v => v)}</Container>\n      <PortfoliosContainer></PortfoliosContainer>\n      <InstagramFeed />\n    </Layout>\n  )\n}\n\nexport default AboutUs\n\nexport const pageQuery = graphql`\n  query aboutUs {\n    wpPage(title: { eq: \"About Us\" }) {\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","InstagramFeed","useEffect","s","document","createElement","type","async","innerHTML","body","appendChild","Subtitle","Title","id","href","target","className","rel","breadcrumbData","pageTitle","FullWidth","BreadCrumbContainer","PageTitlePattern","PageTitleContainer","blocks","LazyBlockFactory","wpPage","lazy_data","maxWidth","v","PortfoliosContainer"],"sourceRoot":""}