{"version":3,"sources":["webpack://gatsby-starter-default/./src/components/general/FiveStars.js","webpack://gatsby-starter-default/./src/components/ReviewCard.js","webpack://gatsby-starter-default/./src/pages/reviews.js","webpack://gatsby-starter-default/./src/templates/InfoPage.js","webpack://gatsby-starter-default/./src/theme/wrapper.js"],"names":["width","height","color","title","viewBox","fill","points","Container","styled","pixels","radius","shadow","breakpoint","Review","typography","Reviewer","ReviewCard","review","reviewer","FiveStars","Section","data","Layout","InfoPage","span","titleWidth","contentYaml","reviews","map","index","key","Background","Wrapper","DefaultWrapper","props","fullWidth","containerLarge","Heading","Title","Span","Content","children"],"mappings":"mJAgBA,IAdkB,SAAC,GAAqC,IAAnCA,EAAkC,EAAlCA,MAAOC,EAA2B,EAA3BA,OAAQC,EAAmB,EAAnBA,MAAOC,EAAY,EAAZA,MAEzC,OACE,uBAAKH,MAAOA,EAAOC,OAAQA,EAAQG,QAAQ,cACzC,6BAAQD,GACR,2BAASE,KAAMH,EAAOI,OAAO,+HAC7B,2BAASD,KAAMH,EAAOI,OAAO,0HAC7B,2BAASD,KAAMH,EAAOI,OAAO,2IAC7B,2BAASD,KAAMH,EAAOI,OAAO,qIAC7B,2BAASD,KAAMH,EAAOI,OAAO,+H,sJCN7BC,EAAYC,oBAAH,gEAAGA,CAAH,+TACON,QAENO,QAAqBP,YAElBQ,QACHC,YAMLC,QAIQH,QAAqBP,YAM3BU,SAMPC,EAASL,kBAAH,6DAAGA,CAAH,kFAGGM,WAEJF,QACME,YAIXC,EAAWP,kBAAH,+DAAGA,CAAH,eACHN,aAGEc,EAAa,SAAC,GAA0B,IAAxBC,EAAuB,EAAvBA,OAAQC,EAAe,EAAfA,SACnC,OACE,gBAACX,EAAD,KACE,gBAACY,EAAA,EAAD,CAAWnB,MAAM,OAAOC,OAAO,SAASE,MAAM,mBAAmBD,MAAK,GAAKA,cAC3E,gBAACW,EAAD,KAASI,GACT,gBAACF,EAAD,KAAWG,EAAX,yBC5CAE,EAAUZ,oBAAH,2DAAGA,CAAH,mDA0Bb,EAlBgB,SAAC,GAAc,IAAZa,EAAW,EAAXA,KACjB,OACE,gBAACC,EAAA,EAAD,KACE,gBAAC,IAAD,CAAKnB,MAAM,YACX,gBAACoB,EAAA,EAAD,CAAUC,KAAK,UAAUrB,MAAM,8BAA8BsB,WAAW,MACtE,gBAACL,EAAD,KACGC,EAAKK,YAAYC,QAAQC,KAAI,SAACX,EAAQY,GAAT,OAC5B,gBAACb,EAAD,CAAYc,IAAKD,EACfZ,OAAQA,EAAOA,OACfC,SAAUD,EAAOC,mB,2ECpBzBa,EAAavB,oBAAH,gEAAGA,CAAH,0BACMN,aAGhB8B,GAAUxB,QAAOyB,KAAV,wEAAGzB,CAAH,8BACE,SAAA0B,GAAK,OAAIA,EAAMC,UAAY,UAAYD,EAAME,eAAoBpC,QAA1B,MAA6CA,QAA7C,SAC3C,SAAAkC,GAAK,OAAIA,EAAMC,UAAY,OAAS,MAGzCE,EAAU7B,oBAAH,6DAAGA,CAAH,iEAIFI,SAKL0B,EAAQ9B,mBAAH,2DAAGA,CAAH,iHACAN,YAEIY,WAGKA,aAA0B,GAGxCyB,EAAO/B,qBAAH,0DAAGA,CAAH,8KAEOM,cACFA,WAEEA,cAEF,SAAAoB,GAAK,OAAIA,EAAMT,YAAc,IAGjCb,QACME,YAKX0B,EAAUhC,oBAAH,6DAAGA,CAAH,iLAEO,SAAA0B,GAAK,OAAIA,EAAMC,UAAY,GAAK,SAGjCrB,cACNZ,YACSY,aAA0B,EAG/BA,WAGJF,QACME,YAqBnB,IAhByB,SAAC,GAAoE,IAAnEU,EAAkE,EAAlEA,KAAMrB,EAA4D,EAA5DA,MAAOiC,EAAqD,EAArDA,eAAgBD,EAAqC,EAArCA,UAAWV,EAA0B,EAA1BA,WAAYgB,EAAc,EAAdA,SAC7E,OACE,gBAACV,EAAD,KACE,gBAACC,EAAD,CAASI,eAAgBA,EAAgBD,UAAWA,GAClD,gBAACE,EAAD,KACE,gBAACC,EAAD,KAAQd,GACR,gBAACe,EAAD,CAAMd,WAAYA,GAAatB,IAEjC,gBAACqC,EAAD,CAASL,UAAWA,GACjBM,O,uFCzEER,EAAiBzB,oBAAH,kEAAGA,CAAH,sEAGZR,OAEJY,QAIAA,SAKiBJ,oBAAH,gEAAGA,CAAH,sEAGVR,OAEJY,QAIAA","file":"component---src-pages-reviews-js-afc8fa8426a1332d1bab.js","sourcesContent":["import React from 'react';\n\nconst FiveStars = ({ width, height, color, title }) => {\n\n  return (\n    <svg width={width} height={height} viewBox=\"0 0 144 22\">\n      <title>{title}</title>\n      <polygon fill={color} points=\"45.31 7.18 41.75 -0.06 38.2 7.18 30.25 8.35 36 13.98 34.64 21.94 41.75 18.18 48.87 21.94 47.51 13.98 53.26 8.35 45.31 7.18\" />\n      <polygon fill={color} points=\"15.06 7.18 11.5 -0.06 7.95 7.18 0 8.35 5.75 13.98 4.39 21.94 11.5 18.18 18.62 21.94 17.26 13.98 23.01 8.35 15.06 7.18\" />\n      <polygon fill={color} points=\"136.05 7.18 132.49 -0.06 128.94 7.18 120.99 8.35 126.74 13.98 125.38 21.94 132.49 18.18 139.61 21.94 138.25 13.98 144 8.35 136.05 7.18\" />\n      <polygon fill={color} points=\"105.8 7.18 102.24 -0.06 98.69 7.18 90.74 8.35 96.49 13.98 95.13 21.94 102.24 18.18 109.36 21.94 108 13.98 113.75 8.35 105.8 7.18\" />\n      <polygon fill={color} points=\"75.56 7.18 72 -0.06 68.44 7.18 60.49 8.35 66.25 13.98 64.89 21.94 72 18.18 79.11 21.94 77.75 13.98 83.5 8.35 75.56 7.18\" />\n    </svg>\n  );\n};\n\nexport default FiveStars;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { breakpoint, color, pixels, radius, shadow, typography } from '../theme';\nimport FiveStars from './general/FiveStars';\n\nconst Container = styled.div`\n  background-color: ${color.white};\n  padding: 3rem 2rem;\n  border-top: ${pixels.four} solid ${color.brand[50]};\n  border-left: none;\n  border-radius: ${radius.sm};\n  box-shadow: ${shadow.box.card};\n  display: grid;\n  grid-template-rows: 1fr;\n  gap: 0.25em;\n  text-align: center;\n\n  @media ${breakpoint.sm} {\n    padding: 3rem;\n    text-align: left;\n    border-top: none;\n    border-left: ${pixels.four} solid ${color.brand[50]};\n  }\n\n  svg {\n    margin: 0 auto 1rem;\n\n    @media ${breakpoint.sm} {\n      margin: 0 0 1rem;\n    }\n  }\n`;\n\nconst Review = styled.p`\n  font-weight: bold;\n  margin-bottom: 0.5em;\n  font-size: ${typography.size.f6};\n\n  @media ${breakpoint.md} {\n    font-size: ${typography.size.f5};\n  }\n`;\n\nconst Reviewer = styled.p`\n  color: ${color.grey[70]};\n`;\n\nexport const ReviewCard = ({ review, reviewer }) => {\n  return (\n    <Container>\n      <FiveStars width=\"8rem\" height=\"1.5rem\" title=\"five star review\" color={`${color.brand[50]}`} />\n      <Review>{review}</Review>\n      <Reviewer>{reviewer} via Google Reviews</Reviewer>\n    </Container>\n  );\n};\n","import React from 'react';\nimport { graphql } from 'gatsby';\nimport styled from 'styled-components';\nimport SEO from '../components/core/Seo';\nimport Layout from '../layouts/Layout';\nimport InfoPage from '../templates/InfoPage';\nimport { ReviewCard } from '../components/ReviewCard';\n\nconst Section = styled.div`\n  margin-bottom: 4rem;\n\n  > div {\n    margin-bottom: 2rem;\n  }\n`;\n\nconst Reviews = ({ data }) => {\n  return (\n    <Layout>\n      <SEO title=\"Reviews\" />\n      <InfoPage span=\"Reviews\" title=\"Kind words from our clients\" titleWidth=\"10\">\n        <Section>\n          {data.contentYaml.reviews.map((review, index) => (\n            <ReviewCard key={index}\n              review={review.review}\n              reviewer={review.reviewer}\n            />\n          ))}\n        </Section>\n      </InfoPage>\n    </Layout>\n  );\n};\n\nexport default Reviews;\n\nexport const query = graphql`\n  query Reviews {\n    contentYaml {\n      reviews {\n        review\n        reviewer\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { breakpoint, color, typography, width } from '../theme';\nimport { DefaultWrapper } from '../theme/wrapper';\n\nconst Background = styled.div`\n  background-color: ${color.grey[15]};\n`;\n\nconst Wrapper = styled(DefaultWrapper)`\n  max-width: ${props => props.fullWidth ? 'initial' : props.containerLarge ? `${width.lg}rem` : `${width.md}rem`};\n  width: ${props => props.fullWidth ? '100%' : ''};\n`;\n\nconst Heading = styled.div`\n  text-align: center;\n  padding: 6rem 0;\n\n  @media ${breakpoint.md} {\n    padding: 8rem 0;\n  }\n`;\n\nconst Title = styled.h1`\n  color: ${color.brand[50]};\n  text-transform: uppercase;\n  font-size: ${typography.size.f7};\n  font-weight: bold;\n  margin-bottom: 0.25em;\n  letter-spacing: ${typography.spacing.wide / 2}em;\n`;\n\nconst Span = styled.span`\n  display: inline-block;\n  font-family: ${typography.family.title};\n  font-size: ${typography.size.f3};\n  font-weight: bold;\n  line-height: ${typography.height.none};\n  padding: 0 1rem;\n  max-width: ${props => props.titleWidth || 8}em;\n  margin: 0 auto;\n  \n  @media ${breakpoint.md} {\n    font-size: ${typography.size.f1};\n    margin: 0 auto;\n  }\n`;\n\nconst Content = styled.div`\n\n  padding-bottom: ${props => props.fullWidth ? '' : '4rem'};\n  \n  h2 {\n    font-family: ${typography.family.title};\n    color: ${color.brand[60]};\n    letter-spacing: ${typography.spacing.wide / 2}em;\n    font-weight: bold;\n    text-transform: uppercase;\n    font-size: ${typography.size.f6};\n    margin-bottom: 1rem;\n\n    @media ${breakpoint.md} {\n      font-size: ${typography.size.f5};\n    }\n  }\n`;\n\nconst InfoPageTemplate = ({span, title, containerLarge, fullWidth, titleWidth, children}) => {\n  return (\n    <Background>\n      <Wrapper containerLarge={containerLarge} fullWidth={fullWidth}>\n        <Heading>\n          <Title>{span}</Title>\n          <Span titleWidth={titleWidth}>{title}</Span>\n        </Heading>\n        <Content fullWidth={fullWidth}>\n          {children}\n        </Content>\n      </Wrapper>\n    </Background>\n  );\n};\n\nexport default InfoPageTemplate;\n\n","import styled from 'styled-components';\nimport { breakpoint, width } from '.';\n\nexport const DefaultWrapper = styled.div`\n  margin: 0 auto;\n  width: 88%;\n  max-width: ${width.max}rem;\n\n  @media ${breakpoint.md} {\n    \n  }\n\n  @media ${breakpoint.lg} {\n \n  }\n`;\n\nexport const StepsWrapper = styled.div`\n  margin: 0 auto;\n  width: 92%;\n  max-width: ${width.max}rem;\n\n  @media ${breakpoint.md} {\n    \n  }\n\n  @media ${breakpoint.lg} {\n \n  }\n`;\n"],"sourceRoot":""}