{"version":3,"sources":["webpack:///./src/views/coaches/styles.js","webpack:///./src/views/coaches/index.js","webpack:///./src/pages/coaches.js","webpack:///./src/components/breadcrumb/styles.js","webpack:///./src/components/breadcrumb/index.js","webpack:///./src/components/seo.js"],"names":["colors","theme","fonts","CoachesSection","styled","section","Row","div","Card","hollow","CardMedia","CardContent","text","Secondary","accent","BaseCol","ImageCol","media","desktop","TextCol","Title","h4","Coaches","data","map","reference","i","key","normal","src","image","url","alt","RichText","render","name","position","asText","Component","NormalText","RenderBody","coach","doc","title","uri","desc","query","prismic","allCoachs","edges","slice","pop","node","BreadCrumbSection","Wrapper","h1","Page","ol","Item","li","light","ActiveItem","BreadCrumb","to","SEO","itemProp","lang","config","siteTitle","rel","href","content"],"mappings":"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","file":"component---src-pages-coaches-js-30eae26304d9b82c467c.js","sourcesContent":["import styled from 'styled-components';\nimport { theme, media } from '@styles';\n\nconst { colors, fonts } = theme;\n\nexport const CoachesSection = styled.section`\n  width: 100%;\n  height: auto;\n  padding: 3rem 0;\n`;\n\nexport const Row = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n`;\n\nexport const Card = styled.div`\n  border-color: transparent;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);\n  background-color: ${colors.hollow};\n  text-align: center;\n`;\n\nexport const CardMedia = styled.div`\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n\n  img {\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    vertical-align: middle;\n    border-style: none;\n  }\n`;\n\nexport const CardContent = styled.div`\n  padding: 40px 40px;\n\n  h5 {\n    color: ${colors.text};\n    margin-bottom: 5px;\n    margin-top: 0;\n    text-transform: none;\n  }\n\n  p {\n    font-family: ${fonts.Secondary};\n    font-size: 12px;\n    line-height: 1;\n    margin-bottom: 18px;\n    margin-top: 7px;\n    color: ${colors.accent};\n    text-transform: uppercase;\n    letter-spacing: 0 !important;\n    font-weight: 400 !important;\n  }\n`;\n\nconst BaseCol = styled.div`\n  position: relative;\n  width: 100%;\n  min-height: 1px;\n  padding-left: 30px;\n  padding-right: 30px;\n`;\n\nexport const ImageCol = styled(BaseCol)`\n  flex: 0 0 33.333333%;\n  max-width: 33.333333%;\n\n  ${media.desktop`\n    flex: 0 0 100%;\n    max-width: 100%;\n    margin-bottom: 2rem;\n  `};\n`;\nexport const TextCol = styled(BaseCol)`\n  flex: 0 0 66.666667%;\n  max-width: 66.666667%;\n\n  ${media.desktop`\n    flex: 0 0 100%;\n    max-width: 100%;\n  `};\n`;\n\nexport const Title = styled.h4`\n  color: ${colors.text};\n  font-size: 32px;\n  line-height: 1;\n  margin-top: 0;\n  margin-bottom: 0.9em;\n  font-family: ${fonts.Secondary};\n  font-weight: 400;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  word-break: break-word;\n`;\n","import React from 'react';\nimport { RichText } from 'prismic-reactjs';\n\n// styles\nimport { Container, NormalText } from '@styles';\nimport {\n  CoachesSection,\n  Row,\n  Card,\n  CardMedia,\n  CardContent,\n  ImageCol,\n  TextCol,\n  Title,\n} from './styles';\n\nconst Coaches = ({ data }) => {\n  return (\n    <>\n      {data.map((reference, i) => (\n        <CoachesSection key={i}>\n          <Container normal>\n            <Row>\n              <ImageCol>\n                <Card>\n                  <CardMedia>\n                    <img\n                      src={reference.image && reference.image.url}\n                      alt={reference.image && reference.image.alt}\n                    />\n                  </CardMedia>\n                  <CardContent>\n                    {RichText.render(reference.name)}\n                    <p>{reference.position}</p>\n                  </CardContent>\n                </Card>\n              </ImageCol>\n              <TextCol>\n                <Title>{RichText.asText(reference.name)}</Title>\n                <RichText render={reference.text} Component={NormalText} />\n              </TextCol>\n            </Row>\n          </Container>\n        </CoachesSection>\n      ))}\n    </>\n  );\n};\n\nexport default Coaches;\n","import React from 'react';\nimport { graphql } from 'gatsby';\nimport SEO from '@components/seo';\nimport BreadCrumb from '@components/breadcrumb';\nimport Coaches from '@views/coaches';\n\nconst RenderBody = ({ doc }) => {\n  const coach = doc.coach;\n\n  return (\n    <>\n      <SEO\n        title=\"Coaches\"\n        uri=\"coaches\"\n        desc=\"Our smart and dedicated coaches.\"\n      />\n      <BreadCrumb name=\"Coaches\" />\n      <Coaches data={coach} />\n    </>\n  );\n};\n\nexport default ({ data }) => {\n  const doc = data.prismic.allCoachs.edges.slice(0, 1).pop();\n\n  if (!doc) return null;\n  return <RenderBody doc={doc.node} />;\n};\n\nexport const query = graphql`\n  {\n    prismic {\n      allCoachs {\n        edges {\n          node {\n            coach {\n              image\n              name\n              position\n              text\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","import styled from 'styled-components';\nimport { theme } from '@styles';\n\nconst { colors, fonts } = theme;\n\nexport const BreadCrumbSection = styled.section`\n  width: 100%;\n  height: auto;\n  padding: 2rem 0;\n  background-color: ${colors.hollow};\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n  text-align: center;\n  flex-direction: column;\n`;\n\nexport const Title = styled.h1`\n  color: ${colors.text};\n  text-transform: uppercase;\n  font-size: 40px;\n  font-weight: 400;\n  letter-spacing: 0;\n  line-height: 1.25;\n  margin-bottom: 0.2em;\n`;\n\nexport const Page = styled.ol`\n  line-height: 1.6;\n  justify-content: center;\n  margin: 0;\n  color: inherit;\n  font-family: ${fonts.Secondary};\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 0.1em;\n  line-height: 32px;\n  margin: 0;\n  padding: 0;\n  text-transform: uppercase;\n\n  li {\n    display: inline-block;\n    float: none;\n    padding: 0;\n  }\n`;\n\nexport const Item = styled.li`\n  a {\n    color: ${colors.light};\n    text-decoration: none;\n\n    :hover {\n      color: ${colors.accent};\n    }\n  }\n`;\n\nexport const ActiveItem = styled.li`\n  color: ${colors.accent};\n  opacity: 0.9;\n  padding-left: 0.5rem;\n\n  :before {\n    color: inherit;\n    padding: 0 12px;\n    content: '/';\n  }\n`;\n","import React from 'react';\nimport { Link } from 'gatsby';\n\n// styles\nimport { Container } from '@styles';\nimport {\n  BreadCrumbSection,\n  Wrapper,\n  Title,\n  Page,\n  Item,\n  ActiveItem,\n} from './styles';\n\nconst BreadCrumb = ({ name }) => {\n  return (\n    <BreadCrumbSection>\n      <Container normal>\n        <Wrapper>\n          {name && <Title>{name}</Title>}\n          <Page>\n            <Item>\n              <Link to=\"/\">Home</Link>\n            </Item>\n            {name && <ActiveItem>{name}</ActiveItem>}\n          </Page>\n        </Wrapper>\n      </Container>\n    </BreadCrumbSection>\n  );\n};\n\nexport default BreadCrumb;\n","import React from 'react';\nimport config from '@utils/config';\nimport { Helmet } from 'react-helmet';\n\nconst SEO = ({ title, uri, desc }) => {\n  return (\n    <Helmet>\n      {title && (\n        <title itemProp=\"name\" lang=\"en\">\n          {title + ' | ' + config.siteTitle}\n        </title>\n      )}\n      {uri && (\n        <link rel=\"canonical\" href={`https://dynamo-fencing.com/${uri}`} />\n      )}\n      {desc && <meta name=\"description\" content={desc} />}\n    </Helmet>\n  );\n};\n\nexport default SEO;\n"],"sourceRoot":""}