{"version":3,"file":"component---src-templates-home-tsx-718ff12d89667b5991b3.js","mappings":"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","sources":["webpack://gatsby-redux-boilerplays/./node_modules/react-fast-marquee/dist/index.js","webpack://gatsby-redux-boilerplays/./src/components/home/hero/video.tsx","webpack://gatsby-redux-boilerplays/./src/components/home/hero.tsx","webpack://gatsby-redux-boilerplays/./src/components/home/services/cards.tsx","webpack://gatsby-redux-boilerplays/./node_modules/@material-ui/icons/esm/Star.js","webpack://gatsby-redux-boilerplays/./node_modules/ramda/es/internal/_isNumber.js","webpack://gatsby-redux-boilerplays/./node_modules/ramda/es/range.js","webpack://gatsby-redux-boilerplays/./src/components/home/testimonials/testimonials.tsx","webpack://gatsby-redux-boilerplays/./src/components/home/credBanner.tsx","webpack://gatsby-redux-boilerplays/./src/templates/home.tsx"],"sourcesContent":["\"use client\";\n\nfunction ___$insertStyle(css) {\n  if (!css || typeof window === 'undefined') {\n    return;\n  }\n  const style = document.createElement('style');\n  style.setAttribute('type', 'text/css');\n  style.innerHTML = css;\n  document.head.appendChild(style);\n  return css;\n}\nObject.defineProperty(exports, '__esModule', {\n  value: true\n});\nvar React = require('react');\nfunction _interopDefaultLegacy(e) {\n  return e && typeof e === 'object' && 'default' in e ? e : {\n    'default': e\n  };\n}\nvar React__default = /*#__PURE__*/_interopDefaultLegacy(React);\n___$insertStyle(\".rfm-marquee-container {\\n  overflow-x: hidden;\\n  display: flex;\\n  flex-direction: row;\\n  position: relative;\\n  width: var(--width);\\n  transform: var(--transform);\\n}\\n.rfm-marquee-container:hover div {\\n  animation-play-state: var(--pause-on-hover);\\n}\\n.rfm-marquee-container:active div {\\n  animation-play-state: var(--pause-on-click);\\n}\\n\\n.rfm-overlay {\\n  position: absolute;\\n  width: 100%;\\n  height: 100%;\\n}\\n.rfm-overlay::before, .rfm-overlay::after {\\n  background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));\\n  content: \\\"\\\";\\n  height: 100%;\\n  position: absolute;\\n  width: var(--gradient-width);\\n  z-index: 2;\\n  pointer-events: none;\\n  touch-action: none;\\n}\\n.rfm-overlay::after {\\n  right: 0;\\n  top: 0;\\n  transform: rotateZ(180deg);\\n}\\n.rfm-overlay::before {\\n  left: 0;\\n  top: 0;\\n}\\n\\n.rfm-marquee {\\n  flex: 0 0 auto;\\n  min-width: var(--min-width);\\n  z-index: 1;\\n  display: flex;\\n  flex-direction: row;\\n  align-items: center;\\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\\n  animation-play-state: var(--play);\\n  animation-delay: var(--delay);\\n  animation-direction: var(--direction);\\n}\\n@keyframes scroll {\\n  0% {\\n    transform: translateX(0%);\\n  }\\n  100% {\\n    transform: translateX(-100%);\\n  }\\n}\\n\\n.rfm-initial-child-container {\\n  flex: 0 0 auto;\\n  display: flex;\\n  min-width: auto;\\n  flex-direction: row;\\n  align-items: center;\\n}\\n\\n.rfm-child {\\n  transform: var(--transform);\\n}\");\nconst Marquee = React.forwardRef(function Marquee(_ref, ref) {\n  let {\n    style = {},\n    className = \"\",\n    autoFill = false,\n    play = true,\n    pauseOnHover = false,\n    pauseOnClick = false,\n    direction = \"left\",\n    speed = 50,\n    delay = 0,\n    loop = 0,\n    gradient = false,\n    gradientColor = \"white\",\n    gradientWidth = 200,\n    onFinish,\n    onCycleComplete,\n    onMount,\n    children\n  } = _ref;\n  // React Hooks\n  const [containerWidth, setContainerWidth] = React.useState(0);\n  const [marqueeWidth, setMarqueeWidth] = React.useState(0);\n  const [multiplier, setMultiplier] = React.useState(1);\n  const [isMounted, setIsMounted] = React.useState(false);\n  const rootRef = React.useRef(null);\n  const containerRef = ref || rootRef;\n  const marqueeRef = React.useRef(null);\n  // Calculate width of container and marquee and set multiplier\n  const calculateWidth = React.useCallback(() => {\n    if (marqueeRef.current && containerRef.current) {\n      const containerRect = containerRef.current.getBoundingClientRect();\n      const marqueeRect = marqueeRef.current.getBoundingClientRect();\n      let containerWidth = containerRect.width;\n      let marqueeWidth = marqueeRect.width;\n      // Swap width and height if direction is up or down\n      if (direction === \"up\" || direction === \"down\") {\n        containerWidth = containerRect.height;\n        marqueeWidth = marqueeRect.height;\n      }\n      if (autoFill && containerWidth && marqueeWidth) {\n        setMultiplier(marqueeWidth < containerWidth ? Math.ceil(containerWidth / marqueeWidth) : 1);\n      } else {\n        setMultiplier(1);\n      }\n      setContainerWidth(containerWidth);\n      setMarqueeWidth(marqueeWidth);\n    }\n  }, [autoFill, containerRef, direction]);\n  // Calculate width and multiplier on mount and on window resize\n  React.useEffect(() => {\n    if (!isMounted) return;\n    calculateWidth();\n    if (marqueeRef.current && containerRef.current) {\n      const resizeObserver = new ResizeObserver(() => calculateWidth());\n      resizeObserver.observe(containerRef.current);\n      resizeObserver.observe(marqueeRef.current);\n      return () => {\n        if (!resizeObserver) return;\n        resizeObserver.disconnect();\n      };\n    }\n  }, [calculateWidth, containerRef, isMounted]);\n  // Recalculate width when children change\n  React.useEffect(() => {\n    calculateWidth();\n  }, [calculateWidth, children]);\n  React.useEffect(() => {\n    setIsMounted(true);\n  }, []);\n  // Runs the onMount callback, if it is a function, when Marquee is mounted.\n  React.useEffect(() => {\n    if (typeof onMount === \"function\") {\n      onMount();\n    }\n  }, []);\n  // Animation duration\n  const duration = React.useMemo(() => {\n    if (autoFill) {\n      return marqueeWidth * multiplier / speed;\n    } else {\n      return marqueeWidth < containerWidth ? containerWidth / speed : marqueeWidth / speed;\n    }\n  }, [autoFill, containerWidth, marqueeWidth, multiplier, speed]);\n  const containerStyle = React.useMemo(() => Object.assign(Object.assign({}, style), {\n    [\"--pause-on-hover\"]: !play || pauseOnHover ? \"paused\" : \"running\",\n    [\"--pause-on-click\"]: !play || pauseOnHover && !pauseOnClick || pauseOnClick ? \"paused\" : \"running\",\n    [\"--width\"]: direction === \"up\" || direction === \"down\" ? `100vh` : \"100%\",\n    [\"--transform\"]: direction === \"up\" ? \"rotate(-90deg)\" : direction === \"down\" ? \"rotate(90deg)\" : \"none\"\n  }), [style, play, pauseOnHover, pauseOnClick, direction]);\n  const gradientStyle = React.useMemo(() => ({\n    [\"--gradient-color\"]: gradientColor,\n    [\"--gradient-width\"]: typeof gradientWidth === \"number\" ? `${gradientWidth}px` : gradientWidth\n  }), [gradientColor, gradientWidth]);\n  const marqueeStyle = React.useMemo(() => ({\n    [\"--play\"]: play ? \"running\" : \"paused\",\n    [\"--direction\"]: direction === \"left\" ? \"normal\" : \"reverse\",\n    [\"--duration\"]: `${duration}s`,\n    [\"--delay\"]: `${delay}s`,\n    [\"--iteration-count\"]: !!loop ? `${loop}` : \"infinite\",\n    [\"--min-width\"]: autoFill ? `auto` : \"100%\"\n  }), [play, direction, duration, delay, loop, autoFill]);\n  const childStyle = React.useMemo(() => ({\n    [\"--transform\"]: direction === \"up\" ? \"rotate(90deg)\" : direction === \"down\" ? \"rotate(-90deg)\" : \"none\"\n  }), [direction]);\n  // Render {multiplier} number of children\n  const multiplyChildren = React.useCallback(multiplier => {\n    return [...Array(Number.isFinite(multiplier) && multiplier >= 0 ? multiplier : 0)].map((_, i) => React__default['default'].createElement(React.Fragment, {\n      key: i\n    }, React.Children.map(children, child => {\n      return React__default['default'].createElement(\"div\", {\n        style: childStyle,\n        className: \"rfm-child\"\n      }, child);\n    })));\n  }, [childStyle, children]);\n  return !isMounted ? null : React__default['default'].createElement(\"div\", {\n    ref: containerRef,\n    style: containerStyle,\n    className: \"rfm-marquee-container \" + className\n  }, gradient && React__default['default'].createElement(\"div\", {\n    style: gradientStyle,\n    className: \"rfm-overlay\"\n  }), React__default['default'].createElement(\"div\", {\n    className: \"rfm-marquee\",\n    style: marqueeStyle,\n    onAnimationIteration: onCycleComplete,\n    onAnimationEnd: onFinish\n  }, React__default['default'].createElement(\"div\", {\n    className: \"rfm-initial-child-container\",\n    ref: marqueeRef\n  }, React.Children.map(children, child => {\n    return React__default['default'].createElement(\"div\", {\n      style: childStyle,\n      className: \"rfm-child\"\n    }, child);\n  })), multiplyChildren(multiplier - 1)), React__default['default'].createElement(\"div\", {\n    className: \"rfm-marquee\",\n    style: marqueeStyle\n  }, multiplyChildren(multiplier)));\n});\nexports.default = Marquee;","import * as React from 'react';\nimport {useStaticQuery, graphql} from 'gatsby';\nimport Image from 'gatsby-image';\nimport {\n  Dialog, IconButton\n} from '@material-ui/core';\nimport {makeStyles} from '@material-ui/styles';\nimport {\n  PlayArrowRounded as Play,\n  Close\n} from '@material-ui/icons';\nimport getYouTubeId from 'get-youtube-id'\nimport YouTube from 'react-youtube'\n\nconst useStyles = makeStyles((theme) => ({\n  dialogPaper: {\n    background: 'transparent'\n  },\n  closeContainer: {\n    display: 'flex',\n    justifyContent: 'flex-end'\n  },\n  videoContainer: {\n    width: 400,\n    maxWidth: '100vw',\n    maxHeight: 250,\n    overflow: 'hidden'\n  },\n  video: {\n    marginBottom: 0\n  }\n}))\n\nfunction HeroVideo ({\n  state, setState\n}: {\n  state: {\n    open: boolean;\n  };\n  setState: any;\n}) {\n  const classes = useStyles();\n  const video = useStaticQuery(graphql`\n    query HeroVideoQuery {\n      sanityHeroVideo {\n        title\n        video {\n          url\n        }\n        mainImage {\n          asset {\n            fluid (maxWidth: 400) {\n              srcSetWebp\n              srcSet\n              srcWebp\n              aspectRatio\n              base64\n              sizes\n              src\n            }\n          }\n        }\n      }\n    }\n  `)?.sanityHeroVideo;\n  const id = getYouTubeId(video.video.url);\n  const closeVideo = () => setState({open: false});\n  return (\n    <Dialog open={state.open} PaperProps={{\n      square: true,\n      className: classes.dialogPaper\n    }} onClose={closeVideo}>\n        <div className={classes.closeContainer}>\n          <IconButton onClick={closeVideo}><Close /></IconButton>\n        </div>\n      <div className={classes.videoContainer}>\n        {/*<Image fluid={video.mainImage.asset.fluid} />*/}\n        <YouTube className={classes.video} opts={{\n          height: 250, width: 400, playerVars: {\n            // https://developers.google.com/youtube/player_parameters\n            autoplay: 1,\n          },\n        }} videoId={id} />\n      </div>\n    </Dialog>\n  )\n}\n\nexport default HeroVideo;\n","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';\nimport {\n  Typography, Button, useMediaQuery\n} from '@material-ui/core';\n// import {\n//   ArrowForward as ArrowRight\n// } from '@material-ui/icons';\nimport {\n  PlayArrowRounded as Play, Phone\n} from '@material-ui/icons';\n\nimport ProjectForm from '../projectStart/projectStartForm';\nimport WatchVideo from './hero/video';\nimport {\n  update,\n} from '../../state/project/ducks';\nimport theme from '../../themes/baseTheme';\n\nconst ArrowRight = () => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"size-6\">\n      <path fill-rule=\"evenodd\" d=\"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm4.28 10.28a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 1 0-1.06 1.06l1.72 1.72H8.25a.75.75 0 0 0 0 1.5h5.69l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3Z\" clip-rule=\"evenodd\" />\n    </svg>\n  )\n};\n\nconst PlayIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" >\n    <g clip-path=\"url(#clip0_1_30)\">\n      <path d=\"M15 30C10.9934 30 7.22649 28.4397 4.39339 25.6066C1.56029 22.7735 0 19.0066 0 15C0 10.9934 1.56029 7.22649 4.39339 4.39339C7.22649 1.56029 10.9934 0 15 0C19.0066 0 22.7735 1.56029 25.6066 4.39339C28.4397 7.22649 30 10.9934 30 15C30 17.9608 29.1213 20.8404 27.4585 23.3272C27.0989 23.8653 26.3711 24.0097 25.833 23.6501C25.2951 23.2903 25.1505 22.5625 25.5103 22.0246C26.9142 19.9244 27.6562 17.4955 27.6562 15C27.6562 8.02139 21.9786 2.34375 15 2.34375C8.02139 2.34375 2.34375 8.02139 2.34375 15C2.34375 21.9786 8.02139 27.6562 15 27.6562C17.3147 27.6562 19.5788 27.0259 21.5472 25.8337C22.1006 25.4984 22.8211 25.6753 23.1567 26.2289C23.492 26.7824 23.315 27.5031 22.7614 27.8382C20.4268 29.2525 17.7429 30 15 30ZM13.726 20.525L19.568 17.1405C20.3398 16.6933 20.8008 15.8931 20.8008 15C20.8008 14.1069 20.3398 13.3067 19.5678 12.8595L13.726 9.47502C12.9536 9.02756 12.0305 9.02641 11.2571 9.47227C10.4821 9.91882 10.0195 10.7201 10.0195 11.6155V18.3845C10.0195 19.2799 10.4821 20.0812 11.2571 20.5277C11.6432 20.7502 12.0662 20.8612 12.4892 20.8612C12.914 20.8614 13.339 20.7493 13.726 20.525ZM12.5512 11.5029L18.3929 14.8874C18.4106 14.8977 18.457 14.9245 18.457 15C18.457 15.0755 18.4106 15.1023 18.3929 15.1126L12.5512 18.4971C12.5327 18.5076 12.4894 18.5328 12.4276 18.4971C12.3633 18.46 12.3633 18.4071 12.3633 18.3845V11.6155C12.3633 11.5929 12.3633 11.54 12.4276 11.5029C12.4514 11.4892 12.4725 11.4846 12.4903 11.4846C12.5189 11.4844 12.5397 11.4965 12.5512 11.5029Z\" fill=\"inherit\" />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1_30\">\n        <rect width=\"30\" height=\"30\" fill=\"inherit\" />\n      </clipPath>\n    </defs>\n  </svg>\n}\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: 'relative',\n  },\n  heroContent: {\n    position: 'absolute',\n    top: 190,\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    alignItems: 'start',\n    justifyContent: 'center',\n    zIndex: 0,\n    [theme.breakpoints.down('sm')]: {\n      alignItems: 'start',\n      top: 80\n    },\n  },\n  heroText: {\n    color: 'white',\n    fontWeight: 700,\n    fontSize: 68,\n    fontFamily: 'Jost',\n    [theme.breakpoints.down('sm')]: {\n      fontSize: 42\n    },\n    [theme.breakpoints.down('sm')]: {\n      fontSize: 34\n    },\n    width: '100%'\n  },\n  heroSubTextWrapper: {\n    display: 'flex',\n    justifyContent: 'flex-start',\n    [theme.breakpoints.down('sm')]: {\n      justifyContent: 'center',\n    },\n  },\n  heroSubText: {\n    color: 'white',\n    maxWidth: 550,\n    fontFamily: 'Inter',\n    textShadow: '1px 1px 2px black',\n    fontSize: 20,\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(2),\n  },\n  heroTextWrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-start',\n    width: '100%',\n    maxWidth: 1180,\n    padding: theme.spacing(2),\n    paddingBottom: '90px',\n    [theme.breakpoints.down('sm')]: {\n      paddingTop: '140px',\n      textAlign: 'center',\n      justifyContent: 'center',\n    },\n  },\n  btn: {\n    fontWeight: 600,\n    minWidth: 180,\n    borderRadius: '12px',\n    padding: '14px 30px',\n    [theme.breakpoints.down('sm')]: {\n      width: '100%'\n    },\n  },\n  iconWrapper: {\n    height: 30,\n    width: 30,\n    // borderRadius: '50%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  playIconWrapper: {\n    height: 30,\n    width: 30,\n  },\n  ctaContainer: {\n    display: 'flex',\n    paddingTop: theme.spacing(),\n    flexWrap: 'wrap',\n    gap: `${theme.spacing(4)}px`,\n    justifyContent: 'flex-start',\n    [theme.breakpoints.down('sm')]: {\n      gap: `${theme.spacing(2)}px`,\n    },\n  },\n  bottomBanner: {\n    // position: 'absolute',\n    // top: 0,\n    marginTop: -180,\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n    zIndex: 0,\n  },\n  bannerImage: {\n    height: '100vh',\n    minHeight: 750\n  },\n  credLogos: {\n    display: 'flex',\n    gap: '24px',\n    justifyContent: 'center',\n    alignItems: 'around',\n    width: '100%',\n    // maxWidth: 1400,\n    marginBottom: theme.spacing(),\n    flexWrap: 'wrap',\n    background: 'rgba(255,255,255,0.55)',\n    maxWidth: '1180px',\n    borderRadius: 25,\n    boxShadow: \"45.82px 43px 183.281px 0px rgba(85, 93, 175, 0.07)\",\n    border: '2px solid white',\n    backdropFilter: 'blur(22.5px)',\n    padding: 24,\n    paddingLeft: 48,\n    paddingRight: 48,\n    [theme.breakpoints.down('sm')]: {\n      paddingLeft: 24,\n      paddingRight: 24,\n    },\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n  },\n  credLogo: {\n    padding: theme.spacing(),\n    paddingBottom: 0,\n    [theme.breakpoints.down('sm')]: {\n      // height: 20\n    },\n    // background: 'white',\n    borderRadius: '8px'\n  },\n  callUsButton: {\n    fontSize: 30,\n    [theme.breakpoints.down('sm')]: {\n      fontSize: 16\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}: {\n  update: (keypath: string[], value: any) => void;\n}) => {\n  const classes = useStyles();\n  const data = useStaticQuery(graphql`\n    query {\n      placeholderImageLarge: file(relativePath: { eq: \"home/aa_home.jpeg\" }) {\n        childImageSharp {\n          fluid(cropFocus: SOUTHWEST, maxHeight: 800) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      placeholderImageSmall: file(relativePath: { eq: \"home/aa_home.jpeg\" }) {\n        childImageSharp {\n          fluid(maxWidth: 300) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      bbbLogoLg: file(relativePath: { eq: \"layout/bbb.png\"}) {\n        childImageSharp {\n          fixed(height: 50, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      bbbLogoSm: file(relativePath: { eq: \"layout/bbb.png\"}) {\n        childImageSharp {\n          fixed(height: 40, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n\n      topLogoSixteenLg: file(relativePath: { eq: \"layout/2016.jpg\"}) {\n        childImageSharp {\n          fixed(height: 50, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      topLogoSixteenSm: file(relativePath: { eq: \"layout/2016.jpg\"}) {\n        childImageSharp {\n          fixed(height: 40, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n\n      topLogoSeventeenLg: file(relativePath: { eq: \"layout/2017.jpg\"}) {\n        childImageSharp {\n          fixed(height: 50, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      topLogoSeventeenSm: file(relativePath: { eq: \"layout/2017.jpg\"}) {\n        childImageSharp {\n          fixed(height: 40, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n\n      topLogoEighteenLg: file(relativePath: { eq: \"layout/2018.jpg\"}) {\n        childImageSharp {\n          fixed(height: 50, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      topLogoEighteenSm: file(relativePath: { eq: \"layout/2018.jpg\"}) {\n        childImageSharp {\n          fixed(height: 40, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n\n      topLogoNineteenLg: file(relativePath: { eq: \"layout/2019.jpg\"}) {\n        childImageSharp {\n          fixed(height: 50, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      topLogoNineteenSm: file(relativePath: { eq: \"layout/2019.jpg\"}) {\n        childImageSharp {\n          fixed(height: 40, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n\n      topLogoTwentyLg: file(relativePath: { eq: \"layout/2020.jpg\"}) {\n        childImageSharp {\n          fixed(height: 50, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      topLogoTwentySm: file(relativePath: { eq: \"layout/2020.jpg\"}) {\n        childImageSharp {\n          fixed(height: 40, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n\n      topLogoTwentyOneLg: file(relativePath: { eq: \"layout/2021.jpg\"}) {\n        childImageSharp {\n          fixed(height: 50, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      topLogoTwentyOneSm: file(relativePath: { eq: \"layout/2021.jpg\"}) {\n        childImageSharp {\n          fixed(height: 40, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n\n      topLogoTwentyTwoLg: file(relativePath: { eq: \"layout/2022.jpg\"}) {\n        childImageSharp {\n          fixed(height: 50, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      topLogoTwentyTwoSm: file(relativePath: { eq: \"layout/2022.jpg\"}) {\n        childImageSharp {\n          fixed(height: 40, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n\n      topLogoTwentyThreeLg: file(relativePath: { eq: \"layout/2023.jpg\"}) {\n        childImageSharp {\n          fixed(height: 50, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      topLogoTwentyThreeSm: file(relativePath: { eq: \"layout/2023.jpg\"}) {\n        childImageSharp {\n          fixed(height: 40, grayscale: false) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n    }\n  `);\n  const credLogosLg = [\n    'bbbLogoLg',\n    'topLogoSixteenLg',\n    'topLogoSeventeenLg',\n    'topLogoEighteenLg',\n    'topLogoNineteenLg',\n    'topLogoTwentyLg',\n    'topLogoTwentyOneLg',\n    'topLogoTwentyTwoLg',\n    'topLogoTwentyThreeLg',\n    // 'topLogoSeventeenLg',\n    // 'topLogoSeventeenLg',\n  ];\n  const credLogosSm = [\n    'topLogoSixteenSm',\n    'topLogoSeventeenSm',\n    'topLogoEighteenSm',\n    'topLogoNineteenSm',\n    'topLogoTwentySm',\n    'topLogoTwentyOneSm',\n    'topLogoTwentyTwoSm',\n    'topLogoTwentyThreeSm',\n    'bbbLogoSm',\n  ];\n  const screenIsSmall = useMediaQuery(theme.breakpoints.down('sm'));\n  const credLogos = screenIsSmall ? credLogosSm : credLogosLg;\n  const [video, setVideo] = React.useState({ open: false });\n  const openProject = () => update(['form', 'currentQuestion'], 'projectType');\n  console.log({screenIsSmall});\n  return <div className={classes.root}>\n    <Img imgStyle={{\n      marginBottom: 0,\n      height: 'calc(100vh - 90px)',\n      minHeight: '725px',\n      filter: 'brightness(70%)',\n      WebKitFilter: 'brightness(70%)',\n      borderRadius: screenIsSmall ? 'none' : '0 0 90px 90px',\n    }} className={classes.bannerImage} fluid={data.placeholderImageLarge.childImageSharp.fluid} />\n    <div className={classes.heroContent}>\n      <div className={classes.heroTextWrapper}>\n        <Typography className={classes.heroText} variant='h1'>Central KY's Top <br /> Paving Contractor</Typography>\n        <div className={classes.heroSubTextWrapper}>\n          <Typography className={classes.heroSubText} variant='h2'>{`We've been serving the Bluegrass for ${new Date().getFullYear() - 1993} years. Start your next project with us today. `}</Typography>\n        </div>\n        <div className={classes.ctaContainer}>\n          <Button\n            variant='contained'\n            className={classes.btn}\n            onClick={openProject}\n            color='primary'>Get A Free Quote <span style={{ marginLeft: '0.5rem' }} className={classes.iconWrapper}><ArrowRight /></span></Button>\n          <Button\n            variant='contained'\n            className={classes.btn}\n            onClick={() => setVideo({ open: true })}\n            color='secondary'>Watch the video <span style={{ marginLeft: '0.5rem' }} className={classes.playIconWrapper}><PlayIcon /></span></Button>\n\n        </div>\n        {/* <div className={classes.ctaContainer} style={{marginTop: 18}}>\n          <a style={{textDecoration: 'none'}} href=\"tel:+18592550077\">\n            <Button style={{fontWeight: 800}} className={classes.callUsButton} variant='outlined'>\n              {`Call us at (859) 255-0077`} <Phone style={{marginLeft: theme.spacing()}} />\n            </Button>\n          </a>\n        </div> */}\n      </div>\n    </div>\n    <div className={classes.bottomBanner}>\n      <div className={classes.credLogos}>\n        {credLogos.map((l, idx) => <div className={classes.credLogo} key={idx}>\n            <Img imgStyle={{margin: 0}} fadeIn={false} fixed={data[l].childImageSharp.fixed} />\n          </div>\n        )}\n      </div>\n    </div>\n\n    {/*<div className={classes.playButton}>\n      <Play className={classes.play} />\n    </div>*/}\n    <ProjectForm />\n    <WatchVideo state={video} setState={setVideo} />\n  </div>\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 { useStaticQuery, graphql, Link } from \"gatsby\";\nimport Img from \"gatsby-image\";\nimport {\n  makeStyles, ThemeProvider\n} from '@material-ui/styles';\nimport {\n  keys\n} from 'ramda';\nimport {\n  Typography, Paper, Zoom, Button,\n} from '@material-ui/core';\nimport {\n  ArrowForward\n} from '@material-ui/icons';\n// import theme from '../../../themes/baseTheme';\nimport theme from '../../../themes/lightTheme';\n\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    marginTop: theme.spacing(2),\n    // justifyContent: 'space-around',\n    gap: `${theme.spacing(3)}px`,\n    justifyContent: 'center',\n    maxWidth: 1180\n  },\n  cardBehind: {\n    width: 350,\n    maxWidth: '100vw',\n    // minHeight: 250,\n    position: 'relative',\n    \n    zIndex: 1,\n    \"&::before\": {\n      content: '\"\"',\n      background: 'red',\n      position: 'absolute',\n      top: 8,\n      right: 8,\n      zIndex: -10,\n      borderRadius: '0 16px 0 0',\n      width: '100px', // Adjust as needed\n      height: '100px', // Adjust as needed\n      clipPath: 'polygon(100% 0, 0 0, 100% 100%)',\n    }\n    // WebkitClipPath: 'polygon(0 0, 90% 0, 100% 15%, 100% 100%, 0 100%, 0% 50%);'\n  },\n  card: {\n    // minHeight: 250,\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n    padding: theme.spacing(4),\n    borderRadius: '25px 80px 25px 25px',\n    background: 'white',\n    zIndex: 10,\n    gap: '16px',\n    // WebkitClipPath: 'polygon(0 0, 90% 0, 100% 15%, 100% 100%, 0 100%, 0% 50%);'\n  },\n  heading: {\n    color: '#242E49',\n    fontSize: 48,\n    fontFamily: 'Jost',\n    fontWeight: 700\n  },\n  title: {\n    fontWeight: 700,\n    fontFamily: 'Jost',\n    fontSize: '20px'\n  },\n  content: {\n    // position: 'absolute',\n    // top: 0,\n    // width: '100%',\n    // height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '16px'\n    // justifyContent: 'center'\n  },\n  contentB: {\n    padding: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'column',\n    // justifyContent: 'center'\n  },\n  subtitle: {\n    fontWeight: 700,\n    fontFamily: 'Jost',\n    color: theme.palette.text.hint\n  },\n  subtitleB: {\n    fontWeight: 900,\n    color: theme.palette.text.secondary\n  },\n  buttonWrapper: {\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'flex-end',\n    alignItems: 'flex-end'\n  },\n  cardBackground: {\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n    height: '100%',\n    zIndex: 0,\n    filter: 'brightness(40%)',\n    WebkitFilter: 'brightness(40%)',\n  },\n  cardBackgroundB: {\n    // position: 'absolute',\n    // top: 0,\n    // width: '100%',\n    // height: '100%',\n    height: 200,\n    zIndex: 0,\n    // filter: 'brightness(30%)',\n    // WebkitFilter: 'brightness(30%)',\n  },\n  ctaContainer: {\n    // position: 'absolute',\n    // bottom: theme.spacing(),\n    // width: '100%',\n    flexGrow: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'flex-end'\n  },\n  ctaContainerB: {\n    display: 'flex',\n    flexGrow: 1,\n    alignItems: 'flex-end',\n    justifyContent: 'flex-end',\n    padding: theme.spacing()\n  },\n  description: {\n    fontColor: theme.palette.text.secondary,\n    fontFamily: 'Inter',\n    fontSize: '16px'\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 Image = () => {\n  const classes = useStyles();\n  const data = useStaticQuery(graphql`\n    query {\n      sealcoat: file(relativePath: { eq: \"services/drone-parking-lot.jpg\" }) {\n        childImageSharp {\n          fixed(height:300) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      paving: file(relativePath: { eq: \"services/paving.jpg\" }) {\n        childImageSharp {\n          fixed(height:300) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      asphalt_repair: file(relativePath: { eq: \"services/asphalt-repair.jpg\" }) {\n        childImageSharp {\n          fixed(height:300) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      concrete: file(relativePath: { eq: \"services/concrete.jpg\" }) {\n        childImageSharp {\n          fixed(height:300) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      recycling: file(relativePath: { eq: \"services/recycling.jpg\" }) {\n        childImageSharp {\n          fixed(height:300) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n      mulch: file(relativePath: { eq: \"services/mulch.jpg\" }) {\n        childImageSharp {\n          fixed(height:300) {\n            ...GatsbyImageSharpFixed\n          }\n        }\n      }\n    }\n  `);\n  const services = {\n    Paving: {\n      subtitle: \"Largest Independent\",\n      desc: \"C & R provides value and reliability for your residential and commercial paving projects.\",\n      image: 'paving',\n      linkTo: '/commercial-paving-service/'\n    },\n    \"Sealcoat, Crackfill, & Striping\": {\n      subtitle: \"Top Rated\",\n      desc: \"C & R provides durability and protection for all your pavement needs.\",\n      image: 'sealcoat',\n      linkTo: '/commercial-sealcoating/'\n    },\n    \"Asphalt Repair\": {\n      subtitle: 'Long Lasting',\n      desc: \"C & R can maximize the performance of asphalt pavement by developing a plan of preventative maintenance and repair.\",\n      image: 'asphalt_repair',\n      linkTo: '/commercial-asphalt-repair/'\n    },\n    Concrete: {\n      subtitle: 'Expert',\n      desc: 'C & R delivers customized residential and commercial concrete repairs, replacement, or new construction needs.',\n      image: 'concrete',\n      linkTo: '/concrete/'\n    },\n    \"Mulch, Topsoil, & Tipping\": {\n      subtitle: 'Highest Quality',\n      desc: 'C & R delivers customized residential and commercial concrete repairs, replacement, or new construction needs.',\n      image: 'mulch',\n      linkTo: '/mulch/',\n      cta: 'Visit C & R Mulch'\n    },\n    \"Crushed Stone & Millings\": {\n      subtitle: '100% Recycled',\n      desc: 'C & R Asphalt has been the leading asphalt recycling facility in Central Kentucky for over a decade.',\n      image: 'recycling',\n      linkTo: '/recycling-products/'\n    }\n  }\n  const [version, setVersion] = React.useState('A');\n  return <section id='our-services' style={{paddingTop: theme.spacing(4), paddingBottom: theme.spacing(4), display: 'flex', flexDirection: 'column', alignItems: 'center'}}>\n  <ThemeProvider theme={version === 'A' ? theme : theme}>\n    <Typography align='center' className={classes.heading} variant='h3'>Our Services</Typography>\n    {/*<div className={classes.root}>\n      <Button style={{color: 'black', border: `2px solid ${version === 'A' ? 'black' : 'transparent'}`}} onClick={() => setVersion('A')}>Version A</Button>\n      <Button style={{color: 'black', border: `2px solid ${version === 'B' ? 'black' : 'transparent'}`}} onClick={() => setVersion('B')}>Version B</Button>\n      <Button style={{color: 'black', border: `2px solid ${version === 'C' ? 'black' : 'transparent'}`}} onClick={() => setVersion('C')}>Version C</Button>\n    </div>*/}\n      <div className={classes.root}>\n        {keys(services).map((service, idx) =>\n\n            <div className={classes.cardBehind}>\n              <div className={classes.card}>\n              {services[service].image && <div style={{borderRadius: '16px', overflow: 'hidden', height: '200px'}}>\n                  <Img\n                  alt={services[service].image} imgStyle={{marginBottom: 0, objectFit: 'cover', height: '200px'}} style={{height: 200}} fixed={data?.[services[service].image]?.childImageSharp?.fixed}\n                  // className={version === 'A' ? classes.cardBackground : classes.cardBackgroundB}\n                  />\n                </div>}\n              <div className={version === 'A' ? classes.content : classes.contentB}>\n                {/* <Typography className={classes.subtitle} variant='overline'>{services[service].subtitle}</Typography> */}\n                <Typography align='center' className={classes.title} variant='h5'>{service}</Typography>\n                <Typography color=\"textSecondary\" className={classes.description}>{services[service].desc}</Typography>\n              </div>\n              <div className={version === 'A' ? classes.ctaContainer : classes.ctaContainerB}>\n                <Link to={services[service].linkTo} style={{textDecoration: 'none'}}>\n                  <Button variant='outlined'>{services[service].cta || `Learn More`} <ArrowForward /></Button>\n                </Link>\n              </div>\n            </div>\n            </div>\n        )}\n      </div>\n    </ThemeProvider>\n  </section>\n\n}\n\nexport default Image\n","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\n}), 'Star');","export default function _isNumber(x) {\n  return Object.prototype.toString.call(x) === '[object Number]';\n}","import _curry2 from './internal/_curry2.js';\nimport _isNumber from './internal/_isNumber.js';\n\n/**\n * Returns a list of numbers from `from` (inclusive) to `to` (exclusive).\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig Number -> Number -> [Number]\n * @param {Number} from The first number in the list.\n * @param {Number} to One more than the last number in the list.\n * @return {Array} The list of numbers in the set `[a, b)`.\n * @example\n *\n *      R.range(1, 5);    //=> [1, 2, 3, 4]\n *      R.range(50, 53);  //=> [50, 51, 52]\n */\nvar range = /*#__PURE__*/_curry2(function range(from, to) {\n  if (!(_isNumber(from) && _isNumber(to))) {\n    throw new TypeError('Both arguments to range must be numbers');\n  }\n  var result = [];\n  var n = from;\n  while (n < to) {\n    result.push(n);\n    n += 1;\n  }\n  return result;\n});\nexport default range;","import React from \"react\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport {\n  Typography, Paper, useMediaQuery\n} from '@material-ui/core';\nimport {\n  Star\n} from '@material-ui/icons';\nimport {\n  makeStyles, ThemeProvider\n} from '@material-ui/styles';\nimport Slider from 'react-slick';\nimport { assoc, range } from 'ramda';\n\nimport PortableText from '../../content/portableText';\n\nimport lightTheme from '../../../themes/lightTheme';\nimport darkTheme from '../../../themes/baseTheme';\n\nimport \"./testimonials.css\";\nimport Marquee from \"react-fast-marquee\";\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginTop: theme.spacing(2),\n    background: theme.palette.background.default,\n    paddingTop: theme.spacing(4),\n    paddingBottom: theme.spacing(4),\n  },\n  heading: {\n    color: 'white',\n    fontSize: 48,\n    fontFamily: 'Jost',\n    fontWeight: 700,\n    margin: 'auto',\n    paddingTop: '16px',\n    paddingBottom: '16px',\n  },\n  testimonial: {\n    flexGrow: 1,\n    margin: theme.spacing(),\n    padding: '35px 22px',\n    minHeight: 353,\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    background: lightTheme.palette.background.paper,\n    transition: 'background 1000s',\n    fontStyle: 'italic',\n    borderRadius: '16px',\n    position: 'relative',\n    zIndex: 1,\n    height: '100%'\n  },\n  active: {\n    // maxWidth: 600,\n    // margin: 'auto',\n    marginBottom: theme.spacing(2),\n    background: 'rgb(237, 28, 36)',\n    '&::after': {\n      content: '\"\"',\n      width: '100%',\n      height: '100%',\n      zIndex: -1,\n      position: 'absolute',\n      top: -4, left: 0,\n      background: 'white',\n      borderRadius: '16px'\n    }\n  },\n  inactive: {\n    background: `rgba(250,250,250,1)`,\n  },\n  ratingContainer: {\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  title: {\n    fontWeight: 'bold'\n  },\n  sliderContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  slider: {\n    // maxWidth: 900,\n    [theme.breakpoints.down('sm')]: {\n      maxWidth: `100vw`,\n    }\n  }\n}))\n\nconst Testimonials = ({ state, feature1, update }) => {\n  const classes = useStyles();\n  const screenIsSmall = useMediaQuery(lightTheme.breakpoints.down('sm'));\n  const testimonials = useStaticQuery(graphql`\n    query TestimonialQuery {\n      allSanityTestimonial {\n        nodes {\n          _id\n          _rawBody(resolveReferences: {maxDepth: 10})\n          publishedAt\n          rating\n          clientName\n          title\n        }\n      }\n    }\n  `)?.allSanityTestimonial?.nodes || [];\n  const settings = {\n    dots: true,\n    infinite: true,\n    speed: 500,\n    // fade: true,\n    autoplaySpeed: 4000,\n    pauseOnHover: true,\n    // autoplay: true,\n    slidesToShow: 3,\n    slidesToScroll: 1,\n    swipeToSlide: true,\n    centerMode: screenIsSmall ? false : true,\n    className: \"center\",\n    centerPadding: \"60px\",\n    focusOnSelect: true,\n    // variableWidth: true,\n    beforeChange: (current, next) => setActiveSlide(assoc('activeSlideIdx', next, activeSlide))\n  };\n  const CustomSlide = (args) => {\n    const { index, testimonial, ...props } = args;\n    const review = testimonial?._rawBody;\n    return <div {...props}>\n      <ThemeProvider theme={lightTheme}>\n        <Paper square className={`${classes.testimonial} ${index === activeSlide.activeSlideIdx ? classes.active : classes.inactive}`}>\n          <svg width=\"39\" height=\"28\" viewBox=\"0 0 39 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M12.4533 27.7992H0.213252L11.7333 0.559216H19.5333L12.4533 27.7992ZM31.8933 27.7992H19.6533L31.1733 0.559216H38.9733L31.8933 27.7992Z\" fill=\"#ED1C25\" />\n          </svg>\n\n          <div>\n            <Typography variant='h5' align='center' className={classes.title}>{testimonial.title}</Typography>\n            {review && <PortableText blocks={review} />}\n            <div className={classes.ratingContainer}>\n              {range(0, testimonial.rating).map((rating) => <Star fontSize='large' key={rating} style={{ fill: lightTheme.palette.primary.main }} />)}\n            </div>\n            <Typography align='center'>- {testimonial.clientName}</Typography>\n          </div>\n        </Paper>\n      </ThemeProvider>\n    </div>\n  };\n  const [activeSlide, setActiveSlide] = React.useState({\n    activeSlideIdx: 0\n  });\n  return (\n    <div className={classes.root}>\n      <Typography align='center' className={classes.heading} variant='h3'>What Our Clients Are Saying</Typography>      <div className={classes.sliderContainer}>\n        <div className={classes.slider}>\n          {/* <Slider {...settings}> */}\n          <Marquee speed={15} loop={0} style={{overflow: 'visible', maxWidth:900}}>\n            {testimonials.map((testimonial, index) => {\n              const review = testimonial?._rawBody;\n              // <CustomSlide style={{display: 'flex'}} index={idx} testimonial={testimonial} />\n              return (\n                <ThemeProvider theme={lightTheme}>\n                  <Paper style={{ maxWidth: 400 }} square className={`${classes.testimonial} ${index === activeSlide.activeSlideIdx ? classes.active : classes.inactive}`}>\n                    <svg width=\"39\" height=\"28\" viewBox=\"0 0 39 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                      <path d=\"M12.4533 27.7992H0.213252L11.7333 0.559216H19.5333L12.4533 27.7992ZM31.8933 27.7992H19.6533L31.1733 0.559216H38.9733L31.8933 27.7992Z\" fill=\"#ED1C25\" />\n                    </svg>\n                    <div>\n                      <Typography variant='h5' align='center' className={classes.title}>{testimonial.title}</Typography>\n                      {review && <PortableText blocks={review} />}\n                      <div className={classes.ratingContainer}>\n                        {range(0, testimonial.rating).map((rating) => <Star fontSize='large' key={rating} style={{ fill: lightTheme.palette.primary.main }} />)}\n                      </div>\n                      <Typography align='center'>- {testimonial.clientName}</Typography>\n                    </div>\n                  </Paper>\n                </ThemeProvider>\n\n              )\n            }\n            )}\n          </Marquee>\n          {/* </Slider> */}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Testimonials;\n","import * as React from 'react';\nimport Image from 'gatsby-image';\nimport { Typography, useMediaQuery } from '@material-ui/core';\nimport {\n  makeStyles, ThemeProvider\n} from '@material-ui/styles';\nimport { grey } from '@material-ui/core/colors'\nimport { getFixedGatsbyImage } from 'gatsby-source-sanity';\n\nimport sanityConfig from '../../utils/sanity/client-config';\nimport theme from '../../themes/lightTheme';\nimport Marquee from \"react-fast-marquee\";\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    gap: '16px',\n    marginTop: theme.spacing(4),\n    marginBottom: theme.spacing(3),\n    flexGrow: 1,\n    flexDirection: 'column',\n    alignItems: 'center'\n  },\n  imgContainer: {\n    display: 'flex',\n    flexGrow: 1,\n    flexWrap: 'wrap',\n    width: '100%',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '16px',\n  },\n  imgWrapper: {\n    background: 'white',\n    padding: 16,\n    boxShadow: '16px 32px 74px 0px rgba(126, 138, 253, 0.08)',\n    borderRadius: '12px',\n    height: 92,\n    width: 158,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  img: {\n    // width: 100,\n    padding: theme.spacing()\n  },\n  imgSm: {\n    // width: 65,\n    padding: theme.spacing()\n  },\n  title: {\n    fontStyle: 'italic',\n    // color: grey[500],\n    marginBottom: theme.spacing()\n  }\n}));\n\n\n\nconst CredBanner = ({ data, offset=false }) => {\n  const classes = useStyles();\n  const screenIsSmall = useMediaQuery(theme.breakpoints.down('sm'));\n  return <ThemeProvider theme={theme}>\n    <div className={classes.root}>\n      <Typography className={classes.title} align='center' variant='h5'>{data?.title}</Typography>\n      <div className={classes.imgContainer} style={{marginLeft: offset ? 220 : 0, overflow: 'visible'}}>\n        <Marquee style={{overflow: 'visible'}} loop={0} speed={offset ? 5 : 10}>\n          {data?.logos?.map(l => <div className={classes.imgWrapper} style={{ marginLeft: screenIsSmall ? 45 : 90 }}>\n            <div className={screenIsSmall ? classes.imgSm : classes.img}>\n              <Image imgStyle={{ margin: 0 }} fixed={getFixedGatsbyImage(\n                l?.asset?._id,\n                { width: screenIsSmall ? 65 : 80 },\n                sanityConfig\n              )} />\n            </div>\n          </div>)}\n        </Marquee>\n      </div>\n    </div>\n  </ThemeProvider>\n}\n\nexport default CredBanner;\n","import React from \"react\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport {Divider} from '@material-ui/core';\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from \"redux\";\nimport { grey } from '@material-ui/core/colors';\n\nimport Layout from \"../components/layout\";\nimport Image from \"../components/image\";\nimport SEO from \"../components/seo\";\nimport Hero from '../components/home/hero';\nimport Services from '../components/home/services/cards';\nimport Testimonials from '../components/home/testimonials/testimonials';\nimport CredBanner from '../components/home/credBanner';\n\nconst IndexPage = ({state, feature1, update}) => {\n  const homePageSeoTitle = \"C&R Asphalt Animals |  Lexington's Top Rated Paving Company | Serving Lexington, Louisville, Georgetown, Versailles, Frankfort, Winchester\";\n\n  const data = useStaticQuery(graphql`\n  query CredBannerQueryLexington {\n    trustedLocally: sanityCredBanner(title: {eq: \"Trusted Locally\"}) {\n      title\n      logos {\n        asset {\n          _id\n        }\n      }\n    }\n    establishedNationally: sanityCredBanner(title: {eq: \"Established Nationally\"}) {\n      title\n      logos {\n        asset {\n          _id\n        }\n      }\n    }\n  }\n  `);\n\n  return (\n    <Layout>\n      <SEO title={homePageSeoTitle} />\n      <Hero />\n      <CredBanner data={data.trustedLocally} />\n      <CredBanner offset data={data.establishedNationally} />\n      {/*<div style={{width: '100%'}}>*/}\n      {/*</div>*/}\n      <Services />\n      <Testimonials />\n    </Layout>\n  );\n};\n\nconst mapStateToProps = state => {\n  // const feature1 = state.feature1;\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":["React","_interopDefaultLegacy","e","React__default","css","window","style","document","createElement","setAttribute","innerHTML","head","appendChild","___$insertStyle","Marquee","forwardRef","_ref","ref","className","autoFill","play","pauseOnHover","pauseOnClick","direction","speed","delay","loop","gradient","gradientColor","gradientWidth","onFinish","onCycleComplete","onMount","children","containerWidth","setContainerWidth","useState","marqueeWidth","setMarqueeWidth","multiplier","setMultiplier","isMounted","setIsMounted","rootRef","useRef","containerRef","marqueeRef","calculateWidth","useCallback","current","containerRect","getBoundingClientRect","marqueeRect","width","height","Math","ceil","useEffect","resizeObserver","ResizeObserver","observe","disconnect","duration","useMemo","containerStyle","Object","assign","gradientStyle","marqueeStyle","childStyle","multiplyChildren","Array","Number","isFinite","map","_","i","Fragment","key","Children","child","onAnimationIteration","onAnimationEnd","exports","useStyles","makeStyles","theme","dialogPaper","background","closeContainer","display","justifyContent","videoContainer","maxWidth","maxHeight","overflow","video","marginBottom","_useStaticQuery","state","setState","classes","useStaticQuery","sanityHeroVideo","id","getYouTubeId","url","closeVideo","open","Dialog","PaperProps","square","onClose","IconButton","onClick","Close","YouTube","opts","playerVars","autoplay","videoId","ArrowRight","xmlns","viewBox","fill","d","PlayIcon","root","position","heroContent","top","alignItems","zIndex","breakpoints","down","heroText","color","fontWeight","fontSize","fontFamily","heroSubTextWrapper","heroSubText","textShadow","paddingTop","spacing","paddingBottom","heroTextWrapper","flexDirection","padding","textAlign","btn","minWidth","borderRadius","iconWrapper","playIconWrapper","ctaContainer","flexWrap","gap","bottomBanner","marginTop","bannerImage","minHeight","credLogos","boxShadow","border","backdropFilter","paddingLeft","paddingRight","marginLeft","marginRight","credLogo","callUsButton","connect","dispatch","bindActionCreators","update","data","screenIsSmall","useMediaQuery","setVideo","console","log","Img","imgStyle","filter","WebKitFilter","fluid","placeholderImageLarge","childImageSharp","Typography","variant","Date","getFullYear","Button","openProject","l","idx","margin","fadeIn","fixed","ProjectForm","WatchVideo","cardBehind","content","right","clipPath","card","heading","title","contentB","subtitle","palette","text","hint","subtitleB","secondary","buttonWrapper","flexGrow","cardBackground","WebkitFilter","cardBackgroundB","ctaContainerB","description","fontColor","Image","services","Paving","desc","image","linkTo","Concrete","cta","version","setVersion","ThemeProvider","align","keys","service","_data$services$servic","_data$services$servic2","alt","objectFit","Link","to","textDecoration","ArrowForward","_isNumber","x","prototype","toString","call","from","TypeError","result","n","push","default","testimonial","lightTheme","paper","transition","fontStyle","active","left","inactive","ratingContainer","sliderContainer","slider","_useStaticQuery$allSa","feature1","testimonials","allSanityTestimonial","nodes","activeSlide","setActiveSlide","activeSlideIdx","index","review","_rawBody","Paper","PortableText","blocks","range","rating","Star","primary","main","clientName","imgContainer","imgWrapper","img","imgSm","_data$logos","offset","logos","_l$asset","getFixedGatsbyImage","asset","_id","sanityConfig","Layout","SEO","Hero","CredBanner","trustedLocally","establishedNationally","Services","Testimonials"],"sourceRoot":""}