{"version":3,"file":"component---src-pages-partnerships-tsx-540017522b2dc7e63cf6.js","mappings":"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","sources":["webpack://gfw-brochure/./src/components/Breadcrumb.tsx","webpack://gfw-brochure/./src/components/GetInTouchPinkBox.tsx","webpack://gfw-brochure/./src/components/InstagramFeed.tsx","webpack://gfw-brochure/./src/components/PageHeading/PageHeading.tsx","webpack://gfw-brochure/./src/components/PartnerGridCard.tsx","webpack://gfw-brochure/./src/components/PartnerGrid.tsx","webpack://gfw-brochure/./src/pages/partnerships.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 styled from \"styled-components\"\nimport Cross from \"../assets/svg/GFW_cross.svg\"\nimport { ButtonSecondary, SizeType } from \"./Buttons/Buttons\"\n\nconst GetInTouchPinkBox: React.FC = () => {\n  return (\n    <FullWidth>\n      <GetInTouchContainer>\n        <PinkBoxHeading>\n          <CrossLineBox>\n            <Cross width=\"50px\" height=\"50px\" />\n            <Line />\n          </CrossLineBox>\n          IF YOU WOULD LIKE MORE INFORMATION ON GFW PLEASE GET IN TOUCH\n        </PinkBoxHeading>\n        <PinkBoxContent>\n          <p>\n            Want to chat? Reach out to us and we'll be happy to answer your questions. We love partnering with other\n            business and industry leaders too.\n          </p>\n          <div>\n            <ButtonSecondaryPinkBox to=\"/get-in-touch\" whiteborder={\"true\"} customwidth={\"300px\"} size={SizeType.large}>\n              GET IN TOUCH\n            </ButtonSecondaryPinkBox>\n          </div>\n        </PinkBoxContent>\n      </GetInTouchContainer>\n    </FullWidth>\n  )\n}\n\nexport default GetInTouchPinkBox\n\nconst FullWidth = styled.div`\n  width: 100% !important;\n  align-items: center;\n`\n\nconst GetInTouchContainer = styled.div`\n  display: flex !important;\n  background-color: ${props => props.theme.colors.secondary};\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 10;\n  margin: 0;\n  margin-bottom: 80px;\n  padding: 43px 76px 100px 96px;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    flex-direction: column;\n    max-width: 100%;\n    padding: 80px 20px;\n  }\n  @media (min-width: 768px) {\n    padding: 43px 20px 100px 20px;\n  }\n`\nconst CrossLineBox = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: 17px;\n`\nconst PinkBoxHeading = styled.div`\n  color: #ffffff;\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 37px;\n  text-align: left;\n  margin-right: 40px;\n  margin-left: 40px;\n  @media (min-width: 768px) {\n    max-width: 360px;\n    margin-right: 10px;\n  }\n  @media (max-width: 768px) {\n    font-size: 20px;\n    line-height: 25px;\n    margin-right: 0px;\n    margin-left: 0px;\n    margin-bottom: 0px;\n  }\n`\nconst Line = styled.hr`\n  margin-left: 15px;\n  width: 210px;\n  height: 4px;\n  border: none;\n  background-color: #fff;\n  @media (max-width: 768px) {\n    width: 150px;\n  }\n`\n\nconst PinkBoxContent = styled.div`\n  color: #ffffff;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 28px;\n  text-align: left;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  margin-right: 160px;\n  padding-top: 40px;\n  & p {\n    color: white;\n  }\n  @media (min-width: 768px) {\n    max-width: 495px;\n  }\n  @media (max-width: 768px) {\n    padding-top: 10px;\n    margin-right: 0px;\n    font-size: 14px;\n    line-height: 24px;\n    width: 100%;\n  }\n`\n\nconst ButtonSecondaryPinkBox = styled(ButtonSecondary)`\n  @media (max-width: 768px) {\n    width: 100%;\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, { FunctionComponent, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\nimport { Card } from \"@material-ui/core\"\nimport { Link } from \"gatsby\"\ninterface PartnerGridCardI {\n  partner: any\n}\n\nexport const PartnerGridCard: FunctionComponent<PartnerGridCardI> = ({ partner }) => {\n  let logo\n  try {\n    logo = partner.PartnerInfo.partnershipLogo.localFile.childImageSharp.gatsbyImageData\n  } catch {\n    logo = null\n  }\n  const [shadow, setShadow] = useState(0)\n  const onMouseOver = () => setShadow(15)\n  const onMouseOut = () => setShadow(0)\n\n  return (\n    <Container\n      elevation={partner.PartnerInfo.clickThroughToPartnerPage ? shadow : \"\"}\n      onMouseOver={onMouseOver}\n      onMouseOut={onMouseOut}\n    >\n      <StyledLink to={partner.PartnerInfo.clickThroughToPartnerPage ? \"/partnerships/\" + partner.slug : null}>\n        <ImgContainer>\n          <GatsbyImage\n            image={logo}\n            style={{ height: \"auto\", width: \"100%\" }}\n            imgStyle={{ objectFit: \"fit\" }}\n            alt={\"logo for \" + partner.slug}\n          />\n        </ImgContainer>\n        <PartnerInfoBox>\n          <PartnerName> {partner.title} </PartnerName>\n        </PartnerInfoBox>\n      </StyledLink>\n    </Container>\n  )\n}\n\nconst Container = styled(Card)`\n  border: 1px solid #e3e3e3;\n  background-color: #fff;\n  z-index: 16;\n  max-width: 350px;\n  border-top: 3px solid black;\n  text-decoration: none;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    width: auto;\n    max-width: 350px;\n    min-width: 160px;\n  }\n  &:hover,\n  &:active {\n    text-decoration: none;\n    //  scale: 1.01;\n  }\n`\nconst StyledLink = styled(Link)`\n  z-index: 0;\n  :hover {\n    text-decoration: none;\n  }\n`\n// const StyledLink = styled(Link)`   //changed from this to div to stop click through @notlive\n//   :hover {\n//     text-decoration: none;\n//   }\n// `\nconst ImgContainer = styled.div`\n  display: flex;\n  min-height: 218px;\n  background-color: white;\n  align-items: center;\n  justify-content: center;\n  z-index: 10;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    min-height: 155px;\n  }\n`\n\nconst PartnerInfoBox = styled.div`\n  text-decoration: none;\n  box-shadow: none;\n  padding: 22px 30px;\n  z-index: 10;\n  background-color: ${props => props.theme.tints.lighterGrey};\n  /* min-height: 200px; */\n  min-height: 100px;\n  @media (max-width: ${props => props.theme.breakpoints.md}) {\n    /* min-height: 250px; */\n    min-height: 150px;\n  }\n`\n\nconst PartnerName = styled.p`\n  color: black;\n\n  text-decoration: none;\n  font-size: 20px;\n  font-weight: 500;\n  letter-spacing: 0;\n  line-height: 20px;\n  margin-bottom: 18px;\n  @media (max-width: 768px) {\n    font-size: 16px;\n    text-decoration: none;\n\n    line-height: 21px;\n  }\n`\n\nconst PartnerDesc = styled.p`\n  color: #4a4a4a;\n  font-size: 18px;\n  line-height: 28px;\n  @media (max-width: ${props => props.theme.breakpoints.sm}) {\n    font-size: 14px;\n\n    line-height: 24px;\n  }\n`\n","import React, { FunctionComponent } from \"react\"\nimport styled from \"styled-components\"\nimport { PartnerGridCard } from \"./PartnerGridCard\"\nimport MainGrid from \"../style/MainGrid\"\nimport { graphql, StaticQuery } from \"gatsby\"\n\nexport const PartnerGrid: FunctionComponent = () => {\n  return (\n    <StaticQuery\n      query={graphql`\n        query {\n          allWpPartner {\n            edges {\n              node {\n                id\n                title\n                slug\n                PartnerInfo {\n                  tags\n                  clickThroughToPartnerPage\n                  partnershipIntro\n                  listingPriority\n                  partnershipLogo {\n                    localFile {\n                      childImageSharp {\n                        gatsbyImageData(width: 400, layout: CONSTRAINED)\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      `}\n      render={data => {\n        const partners = data.allWpPartner.edges\n        const partnerNode = partners.map(v => v.node)\n        const prioritySorted = partnerNode.sort((a, b) =>{\n       \n          return( a.PartnerInfo.listingPriority > b.PartnerInfo.listingPriority ? 1 : -1)}\n        )\n        \n        return (\n          <MainGrid>\n            <Container>\n              {prioritySorted.map((v, i) => {\n                return <PartnerGridCard partner={v} key={\"partner-grid-card-\" + v.slug} />\n              })}\n            </Container>\n          </MainGrid>\n        )\n      }}\n    />\n  )\n}\n\nconst BreadCrumbContainer = styled.div`\n  width: 100vw;\n  max-width: 1200px;\n  justify-content: center;\n  align-items: center;\n  z-index: 10;\n`\nconst Container = styled.div`\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n\n  grid-column-gap: 8px;\n  grid-row-gap: 20px;\n  margin-bottom: 50px;\n  margin-top: 10px;\n  @media (min-width: ${props => props.theme.breakpoints.sm}) {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-column-gap: 8px;\n    grid-row-gap: 20px;\n    height: 100%;\n    margin-bottom: 7.4rem;\n  }\n`\n\nconst ImgContainer = styled.div``\nconst Box = styled.div``\n","import React from \"react\"\nimport { Layout } from \"../components/layout\"\nimport styled from \"styled-components\"\nimport PageHeading from \"../components/PageHeading/PageHeading\"\nimport { graphql } from \"gatsby\"\nimport { LazyBlockFactory } from \"../util/LazyBlockFactory\"\nimport { PartnerGrid } from \"../components/PartnerGrid\"\nimport { Container } from \"@material-ui/core\"\nimport GetInTouchPinkBox from \"../components/GetInTouchPinkBox\"\nimport { InstagramFeed } from \"../components/InstagramFeed\"\n\nconst breadcrumbData = [\n  {\n    title: \"Home\",\n    url: \"/\",\n  },\n  {\n    title: \"Partnerships\",\n    url: \"/partnerships\",\n  },\n]\n\nconst Partnership: React.FC = ({ data }) => {\n  const blocks = LazyBlockFactory(data.wpPage.lazy_data, data.wpPage.title)\n\n  return (\n    <Layout title={\"Graduate Fashion Week - Partnerships\"}>\n      <FullWidth>\n        <PageHeading breadcrumbData={breadcrumbData} pageTitle=\"Partnerships\" />\n      </FullWidth>\n      <Container maxWidth={\"lg\"}>{blocks.map(v => v)}</Container>\n      <PartnerGrid />\n      <Container>\n        <GetInTouchPinkBox></GetInTouchPinkBox>\n      </Container>\n      <InstagramFeed />\n    </Layout>\n  )\n}\n\nexport default Partnership\n\nexport const pageQuery = graphql`\n  query partners {\n    wpPage(title: { eq: \"Partners Listing\" }) {\n      id\n      lazy_data\n      title\n    }\n  }\n`\n\nconst FullWidth = styled.div`\n  width: 100vw;\n  /* max-width: 1200px; */\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 10;\n`\n\nconst PartnershipContainer = styled.div`\n  width: 100vw;\n  max-width: 1200px;\n  justify-content: center;\n  align-items: 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","FullWidth","GetInTouchContainer","PinkBoxHeading","CrossLineBox","width","height","Line","PinkBoxContent","ButtonSecondaryPinkBox","whiteborder","customwidth","size","SizeType","secondary","ButtonSecondary","InstagramFeed","useEffect","s","document","createElement","type","async","innerHTML","body","appendChild","Subtitle","Title","id","href","target","className","rel","breadcrumbData","pageTitle","BreadCrumbContainer","PageTitlePattern","PageTitleContainer","PartnerGridCard","logo","partner","PartnerInfo","partnershipLogo","localFile","childImageSharp","gatsbyImageData","useState","shadow","setShadow","elevation","clickThroughToPartnerPage","onMouseOver","onMouseOut","StyledLink","slug","ImgContainer","G","image","style","imgStyle","objectFit","alt","PartnerInfoBox","PartnerName","Card","tints","lighterGrey","PartnerGrid","StaticQuery","query","render","prioritySorted","allWpPartner","edges","v","node","sort","a","b","listingPriority","MainGrid","i","blocks","LazyBlockFactory","wpPage","lazy_data","maxWidth"],"sourceRoot":""}