{"version":3,"file":"component---src-templates-about-page-tsx-7bed6fe8b48faf558d41.js","mappings":"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","sources":["webpack://gatsby-redux-boilerplays/./node_modules/@material-ui/core/esm/Divider/Divider.js","webpack://gatsby-redux-boilerplays/./src/components/services/content.tsx","webpack://gatsby-redux-boilerplays/./src/components/about/teamMembers.tsx","webpack://gatsby-redux-boilerplays/./src/templates/about-page.tsx"],"sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport { alpha } from '../styles/colorManipulator';\nexport var styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: {\n      height: 1,\n      margin: 0,\n      // Reset browser default style.\n      border: 'none',\n      flexShrink: 0,\n      backgroundColor: theme.palette.divider\n    },\n    /* Styles applied to the root element if `absolute={true}`. */\n    absolute: {\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      width: '100%'\n    },\n    /* Styles applied to the root element if `variant=\"inset\"`. */\n    inset: {\n      marginLeft: 72\n    },\n    /* Styles applied to the root element if `light={true}`. */\n    light: {\n      backgroundColor: alpha(theme.palette.divider, 0.08)\n    },\n    /* Styles applied to the root element if `variant=\"middle\"`. */\n    middle: {\n      marginLeft: theme.spacing(2),\n      marginRight: theme.spacing(2)\n    },\n    /* Styles applied to the root element if `orientation=\"vertical\"`. */\n    vertical: {\n      height: '100%',\n      width: 1\n    },\n    /* Styles applied to the root element if `flexItem={true}`. */\n    flexItem: {\n      alignSelf: 'stretch',\n      height: 'auto'\n    }\n  };\n};\nvar Divider = /*#__PURE__*/React.forwardRef(function Divider(props, ref) {\n  var _props$absolute = props.absolute,\n    absolute = _props$absolute === void 0 ? false : _props$absolute,\n    classes = props.classes,\n    className = props.className,\n    _props$component = props.component,\n    Component = _props$component === void 0 ? 'hr' : _props$component,\n    _props$flexItem = props.flexItem,\n    flexItem = _props$flexItem === void 0 ? false : _props$flexItem,\n    _props$light = props.light,\n    light = _props$light === void 0 ? false : _props$light,\n    _props$orientation = props.orientation,\n    orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,\n    _props$role = props.role,\n    role = _props$role === void 0 ? Component !== 'hr' ? 'separator' : undefined : _props$role,\n    _props$variant = props.variant,\n    variant = _props$variant === void 0 ? 'fullWidth' : _props$variant,\n    other = _objectWithoutProperties(props, [\"absolute\", \"classes\", \"className\", \"component\", \"flexItem\", \"light\", \"orientation\", \"role\", \"variant\"]);\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className, variant !== 'fullWidth' && classes[variant], absolute && classes.absolute, flexItem && classes.flexItem, light && classes.light, orientation === 'vertical' && classes.vertical),\n    role: role,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiDivider'\n})(Divider);","import React from \"react\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport Img from \"gatsby-image\";\nimport {\n  makeStyles\n} from '@material-ui/styles';\n// import {\n//   Typography, Button, useMediaQuery\n// } from '@material-ui/core';\nimport { Link } from 'gatsby';\nimport {\n  ArrowForward as ArrowRight\n} from '@material-ui/icons';\nimport {\n  PlayArrowRounded as Play\n} from '@material-ui/icons';\n\n\nimport PortableText from '../content/portableText';\nimport {\n  update,\n} from '../../state/project/ducks';\nimport theme from '../../themes/baseTheme';\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center',\n    width: '100vw',\n  },\n  content: {\n    // width: 1100,\n    width: '100%',\n    [theme.breakpoints.down('md')]: {\n      // paddingLeft: theme.spacing(),\n      // paddingRight: theme.spacing(),\n    }\n  }\n\n}))\n/*\n * This component is built using `gatsby-image` to automatically serve optimized\n * images with lazy loading and reduced file sizes. The image is loaded using a\n * `useStaticQuery`, which allows us to load the image from directly within this\n * component, rather than having to pass the image data down from pages.\n *\n * For more information, see the docs:\n * - `gatsby-image`: https://gatsby.dev/gatsby-image\n * - `useStaticQuery`: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nconst HeroComponent = ({\n  update,\n  content\n}: {\n  update: (keypath: string[], value: any) => void;\n}) => {\n  const classes = useStyles();\n  return <main className={classes.root}>\n    <article className={classes.content}>\n      <PortableText blocks={content} />\n    </article>\n  </main>\n}\n\nconst mapStateToProps = (state) => {\n    return {};\n};\n\nconst mapDispatchToProps = (dispatch: any) => {\n    return {\n        ...bindActionCreators({\n            update\n        }, dispatch)\n    };\n};\n\nconst Hero = connect(\n    mapStateToProps,\n    mapDispatchToProps\n)(HeroComponent);\n\nexport default Hero;\n","import React from 'react';\nimport Image from 'gatsby-image';\nimport {\n  Paper,\n  Typography,\n  Divider\n} from '@material-ui/core';\nimport {\n  makeStyles\n} from '@material-ui/styles';\nimport Figure from '../content/Figure';\nimport PortableText from '../content/portableText';\nimport './teamMembers/portableTextStyles.css';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    padding: theme.spacing(2),\n    gap: `${theme.spacing(2)}px`,\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n  },\n  card: {\n    background: theme.palette.background.default,\n  },\n  cardContent: {\n    padding: theme.spacing(2),\n    width: 400,\n    maxWidth: '100vw'\n  },\n  title: {\n    fontWeight: 800,\n  },\n  divider: {\n    marginBottom: theme.spacing(2)\n  },\n  imgWrapper: {\n    height: 300,\n    overflow: 'hidden',\n    position: 'relative'\n  }\n}))\n\nexport default ({teamMembers}) => {\n  const classes = useStyles();\n  const teamMemberRenderFn = (member, idx) => {\n    return (\n      <Paper className={classes.card} square key={idx}>\n        {member?.mainImage?.asset?.fluid && <div className={classes.imgWrapper}>\n          <Image style={{\n            position: 'absolute',\n            width: '100%',\n            textAlign: 'center',\n            top: `${(member.mainImage?.crop?.top || 0) * -200}%`,\n            // left: `${member.mainImage.hotspot.x}%`\n          }} fluid={member.mainImage.asset.fluid} />\n        </div>}\n        <div className={classes.cardContent}>\n          <Typography variant='h6' className={classes.title}>{member.name}</Typography>\n          {member.startDate && <Typography variant='caption'>{member.position}, {new Date().getFullYear() - new Date(member.startDate).getFullYear()} years</Typography>}\n          <Divider className={classes.divider} />\n          <PortableText blocks={member._rawBio} />\n        </div>\n      </Paper>\n    )\n  };\n  return <>\n  <div className={classes.root}>\n    {teamMembers.filter(m => m._rawBio).map(teamMemberRenderFn)}\n  </div>\n  <div className={classes.root}>\n    {teamMembers.filter(m => !m._rawBio).map(teamMemberRenderFn)}\n  </div>\n  </>;\n}\n","import React from \"react\";\nimport { Link } from \"gatsby\";\nimport * as R from 'ramda';\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from \"redux\";\n\n\nimport Layout from \"../components/layout\";\nimport Content from '../components/services/content';\nimport SEO from \"../components/seo\";\nimport TeamMembers from '../components/about/teamMembers';\nimport HeroPage from '../components/services/hero';\n\nconst IndexPage = ({\n  pageContext: {\n    aboutPage\n  }\n}) => {\n  const homePageSeoTitle = \"C&R Asphalt Animals |  Lexington's Top Rated Paving Company | Serving Lexington, Louisville, Georgetown, Versailles, Frankfort, Winchester\";\n  return (\n    <Layout>\n      <SEO title={homePageSeoTitle} seo={aboutPage.seo?.[0]} />\n      <HeroPage\n        title={aboutPage.title}\n        subtitle={aboutPage.subtitle}\n        cta={'Start a project'}\n        image={aboutPage.mainImage} />\n      <Content content={aboutPage._rawBody} />\n      <TeamMembers teamMembers={aboutPage.teamMembers} />\n    </Layout>\n  );\n};\n\nconst mapStateToProps = state => {\n  return {  };\n};\n\nconst mapDispatchToProps = dispatch => {\n  return {\n    ...bindActionCreators({\n    }, dispatch),\n  }\n};\n\nconst Index = connect(\n  mapStateToProps,\n  mapDispatchToProps\n)(IndexPage);\n\nexport default Index;\n"],"names":["Divider","props","ref","_props$absolute","absolute","classes","className","_props$component","component","Component","_props$flexItem","flexItem","_props$light","light","_props$orientation","orientation","_props$role","role","undefined","_props$variant","variant","other","root","vertical","theme","height","margin","border","flexShrink","backgroundColor","palette","divider","position","bottom","left","width","inset","marginLeft","middle","spacing","marginRight","alignSelf","name","useStyles","makeStyles","display","justifyContent","content","breakpoints","down","Hero","connect","state","dispatch","bindActionCreators","update","_ref","React","PortableText","blocks","padding","gap","flexWrap","card","background","default","cardContent","maxWidth","title","fontWeight","marginBottom","imgWrapper","overflow","teamMembers","teamMemberRenderFn","member","idx","_member$mainImage","_member$mainImage$ass","_member$mainImage2","_member$mainImage2$cr","Paper","square","key","mainImage","asset","fluid","Image","style","textAlign","top","crop","Typography","startDate","Date","getFullYear","_rawBio","filter","m","map","_aboutPage$seo","pageContext","aboutPage","Layout","SEO","seo","HeroPage","subtitle","cta","image","Content","_rawBody","TeamMembers"],"sourceRoot":""}