{"version":3,"file":"component---src-templates-service-page-tsx-f6c287a7285cb88ecbc0.js","mappings":"wMA2BA,MAAMA,GAAYC,EAAAA,EAAAA,IAAYC,IAAK,CACjCC,KAAM,CACJC,QAAS,OACTC,eAAgB,SAChBC,MAAO,SAETC,QAAS,CAEPD,MAAO,OACP,CAACJ,EAAMM,YAAYC,KAAK,OAAQ,CAE9B,OA0CAC,GAAOC,EAAAA,EAAAA,KAZYC,IACd,CAAC,KAGgBC,IACjB,KACAC,EAAAA,EAAAA,IAAmB,CAClBC,OACJ,MAAGF,MAIEF,EA1BSK,IAKf,IALgB,OACrBD,EAAM,QACNR,GAGDS,EACC,MAAMC,EAAUjB,IAChB,OAAOkB,EAAAA,cAAA,QAAMC,UAAWF,EAAQd,MAC9Be,EAAAA,cAAA,WAASC,UAAWF,EAAQV,SAC1BW,EAAAA,cAACE,EAAAA,EAAY,CAACC,OAAQd,KAEnB,IAoBT,K,uGCvEA,MAoCMe,GAAQX,EAAAA,EAAAA,KAXUC,IACf,CAAG,KAGeC,IAClB,KACFC,EAAAA,EAAAA,IAAmB,CACtB,EAAGD,MAIOF,EApCIK,IAIX,IAADO,EAAAC,EAAAC,EAAA,IAHJC,aAAa,YACXC,IAEHX,EACC,MACMY,EAAcD,EAAYC,YAAY,GAC5C,OACEV,EAAAA,cAACW,EAAAA,EAAM,CAACC,WAAyC,UAA7BH,EAAYI,KAAKC,QAAsB,QAAU,WACnEd,EAAAA,cAACe,EAAAA,EAAG,CAACC,MAJgB,6IAISC,IAAoB,QAAjBZ,EAAEI,EAAYQ,WAAG,IAAAZ,OAAA,EAAfA,EAAkB,KACrDL,EAAAA,cAACkB,EAAAA,EAAQ,CACPC,KAAMV,EAAYI,KAAKC,QACvBE,MAAOP,EAAYO,MACnBI,SAAUX,EAAYW,SACtBC,IAAKZ,EAAYa,WACjBC,MAA8B,QAAzBjB,GAAGG,EAAYa,kBAAU,IAAAhB,EAAAA,EAA+B,KAA3BG,EAAYa,WAC9CE,MAAOf,EAAYgB,UACnBC,aAAchB,GAAe,eAAeA,aAAW,EAAXA,EAAaM,qBACzDW,mBAAoB,IAAIjB,SAAiB,QAANH,EAAXG,EAAaG,YAAI,IAAAN,OAAN,EAAXA,EAAmBO,aAE7Cd,EAAAA,cAAC4B,EAAAA,EAAO,CAACvC,QAASoB,EAAYoB,WACvB,IAoBb,W","sources":["webpack://gatsby-redux-boilerplays/./src/components/services/content.tsx","webpack://gatsby-redux-boilerplays/./src/templates/service-page.tsx"],"sourcesContent":["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 { 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 Image from \"../components/image\";\nimport SEO from \"../components/seo\";\nimport Content from '../components/services/content';\nimport HeroPage from '../components/services/hero';\nimport CommercialSealcoatContent from '../components/services/commercial/sealcoatContent';\n\nconst IndexPage = ({\n  pageContext: {\n    servicePage\n  }\n}) => {\n  const homePageSeoTitle = \"C&R Asphalt Animals |  Lexington's Top Rated Paving Company | Serving Lexington, Louisville, Georgetown, Versailles, Frankfort, Winchester\";\n  const similarPage = servicePage.similarPage[0];\n  return (\n    <Layout headerType={servicePage.slug.current === 'mulch' ? 'mulch' : 'default'}>\n      <SEO title={homePageSeoTitle} seo={servicePage.seo?.[0]} />\n      <HeroPage\n        page={servicePage.slug.current}\n        title={servicePage.title}\n        subtitle={servicePage.subtitle}\n        cta={servicePage.primaryCta}\n        noCta={!servicePage.primaryCta ?? servicePage.primaryCta === ''}\n        image={servicePage.mainImage}\n        ctaSecondary={similarPage && `Looking for ${similarPage?.title}? Click here.`}\n        ctaSecondaryLinkTo={`/${similarPage?.slug?.current}/`} />\n      {/*<CommercialSealcoatContent />*/}\n      <Content content={servicePage._rawBody} />\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":["useStyles","makeStyles","theme","root","display","justifyContent","width","content","breakpoints","down","Hero","connect","state","dispatch","bindActionCreators","update","_ref","classes","React","className","PortableText","blocks","Index","_servicePage$seo","_servicePage$primaryC","_similarPage$slug","pageContext","servicePage","similarPage","Layout","headerType","slug","current","SEO","title","seo","HeroPage","page","subtitle","cta","primaryCta","noCta","image","mainImage","ctaSecondary","ctaSecondaryLinkTo","Content","_rawBody"],"sourceRoot":""}