{"version":3,"file":"component---src-pages-index-tsx-c60bb62b8aab3c61ac54.js","mappings":"qNAIe,SAASA,IACtB,OACE,gBAACC,EAAD,KACE,uBAAKC,UAAU,aACb,uBAAKA,UAAU,OACb,0BACE,0CADF,oCAIA,sIAIA,uBAAKA,UAAU,WACb,gBAAC,KAAD,CAAMC,GAAG,WAAWD,UAAU,gBAA9B,2BAGA,qBAAGE,KAAK,cAAcF,UAAU,kBAAhC,yBAUZ,IAAMD,EAAaI,EAAAA,QAAAA,IAAAA,WAAH,2DAAGA,CAAH,yyDC5BD,SAASC,IACtB,OACE,gBAACC,EAAD,KACE,uBAAKL,UAAU,aACb,iEACA,2VAYR,IAAMK,EAAkBF,EAAAA,QAAAA,QAAAA,WAAH,sEAAGA,CAAH,gM,UChBN,SAASG,IACtB,OACE,gBAACC,EAAD,CAAqBC,GAAG,cACtB,uBAAKR,UAAU,aACb,uBAAKA,UAAU,aACb,gBAAC,EAAAS,EAAD,CACEC,IAAI,6BACJC,IAAI,+CACJC,YAAY,UACZC,MAAO,IACPC,QAAS,IACTd,UAAU,cANZ,uBASF,uBAAKA,UAAU,iBACb,+CACA,0BACE,0BACE,0CACA,mDAEF,0BACE,2CACA,yBACE,qBAAGE,KAAK,mBAAmBa,OAAO,SAASC,IAAI,cAA/C,oBAKJ,0BACE,sCACA,yBACE,qBACEd,KAAK,wCACLa,OAAO,SACPC,IAAI,cAHN,wBAME,2BANF,0BAYN,qBAAGhB,UAAU,QAAb,0CAOV,IAAMO,EAAsBJ,EAAAA,QAAAA,QAAAA,WAAH,8EAAGA,CAAH,u4CCpDnBc,EAAS,CACb,CACET,GAAI,EACJU,MACE,4JACFC,OAAQ,YAEV,CACEX,GAAI,EACJU,MACE,+HACFC,OAAQ,cAEV,CACEX,GAAI,EACJU,MACE,2GACFC,OAAQ,YAEV,CACEX,GAAI,EACJU,MACE,4JACFC,OAAQ,YAEV,CACEX,GAAI,EACJU,MACE,+HACFC,OAAQ,eAIG,SAASC,IACtB,MAAsCC,EAAAA,SAAe,GAA9CC,EAAP,KAAoBC,EAApB,KACA,EAA0CF,EAAAA,UAAe,GAAlDG,EAAP,KAAsBC,EAAtB,KACA,EAAoDJ,EAAAA,UAAe,GAA5DK,EAAP,KAA2BC,EAA3B,KACMC,EAAkB,IAClBC,EAAcZ,EAAOa,OAAS,EAEpCT,EAAAA,WAAgB,WACVC,IAAgBL,EAAOa,OAAS,IAClCL,GAAiB,GACjBM,YAAW,WACTJ,GAAsB,GACtBJ,EAAe,KACdK,IAGe,IAAhBN,GACFS,YAAW,WACTJ,GAAsB,KACrBC,GAGe,IAAhBN,IACFG,GAAiB,GACjBM,YAAW,WACTJ,GAAsB,GACtBJ,EAAeN,EAAOa,OAAS,KAC9BF,IAGDN,IAAgBL,EAAOa,OAAS,GAClCC,YAAW,WACTJ,GAAsB,KACrBC,KAEJ,CAACN,IAEJD,EAAAA,WAAgB,WACVG,GACFO,YAAW,WACTN,GAAiB,KAChBG,OAEJ,CAACJ,IAUJ,OACE,gBAACQ,EAAD,CACEV,YAAaA,EACbM,gBAAiBA,GAEjB,uBAAK5B,UAAU,yBACb,uBAAKA,UAAU,YAAYiC,KAAK,eAAeC,QAAQ,aACrD,wBAAMC,EAAE,8ZAEV,uBAAKnC,UAAU,QACZiB,EAAOmB,KAAI,SAACC,EAAGC,GAAJ,OACV,uBACEC,IAAKF,EAAE7B,GAEPR,UAAS,aAAcsC,IAAMhB,EAAc,UAAY,KACrDI,EAAqB,cAAgB,KAGvC,uBAAK1B,UAAU,SAASqC,EAAEnB,OAC1B,uBAAKlB,UAAU,UAAf,KAA2BqC,EAAElB,aAInC,uBAAK,YAAU,SAAS,cAAY,OAAOnB,UAAU,SAClC,IAAhBsB,EACGO,EACAP,IAAgBL,EAAOa,OAAS,EAChC,IACAR,EAAa,IALnB,KAMKO,GAEL,uBAAK7B,UAAU,WACb,0BACEwC,KAAK,SACLxC,UAAU,kBACVyC,QA3Cc,WACtBlB,GAAe,SAAAmB,GAAS,OAAIA,EAAY,OA4ChC,uBACEC,MAAM,6BACNV,KAAK,OACLC,QAAQ,YACRU,OAAO,gBAEP,wBACEC,cAAc,QACdC,eAAe,QACfC,YAAa,EACbZ,EAAE,qBAGN,wBAAMnC,UAAU,WAAhB,+BAEF,0BACEwC,KAAK,SACLxC,UAAU,cACVyC,QA3Dc,WACtBlB,EAAeD,EAAc,KA4DrB,uBACEqB,MAAM,6BACNV,KAAK,OACLC,QAAQ,YACRU,OAAO,gBAEP,wBACEC,cAAc,QACdC,eAAe,QACfC,YAAa,EACbZ,EAAE,kBAGN,wBAAMnC,UAAU,WAAhB,8BAaZ,IAAMgC,EAAoB7B,EAAAA,QAAAA,QAAAA,WAAH,0EAAGA,CAAH,wrDAkBN,SAAA6C,GAAK,qBAAuC,IAArBA,EAAM1B,YAAxB,QAQQ,SAAA0B,GAAK,OAAIA,EAAMpB,mBAC3B,SAAAoB,GAAK,OAAIA,EAAMpB,mBChMlB,SAASqB,IACtB,OACE,gBAACC,EAAA,EAAD,KACE,gBAACpD,EAAD,MACA,gBAACM,EAAD,MACA,gBAACE,EAAD,MACA,gBAACc,EAAD,S","sources":["webpack://sheboygan-monuments/./src/components/Hero.tsx","webpack://sheboygan-monuments/./src/components/Celebrate.tsx","webpack://sheboygan-monuments/./src/components/StoreInfoCard.tsx","webpack://sheboygan-monuments/./src/components/Testimonials.tsx","webpack://sheboygan-monuments/./src/pages/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Link } from 'gatsby';\nimport styled from 'styled-components';\n\nexport default function Hero() {\n  return (\n    <HeroStyles>\n      <div className=\"container\">\n        <div className=\"box\">\n          <h2>\n            <span>Welcome to</span>\n            Sheboygan Monument &amp; Stone Works\n          </h2>\n          <p>\n            Providing the highest quality memorial services and products to\n            southeastern Wisconsin for over 40 years.\n          </p>\n          <div className=\"actions\">\n            <Link to=\"/contact\" className=\"primary-link\">\n              Schedule an appointment\n            </Link>\n            <a href=\"#store-info\" className=\"secondary-link\">\n              Store information\n            </a>\n          </div>\n        </div>\n      </div>\n    </HeroStyles>\n  );\n}\n\nconst HeroStyles = styled.div`\n  position: relative;\n  padding: 5rem 1.5rem;\n\n  .container {\n    margin: 0 auto;\n    max-width: 1024px;\n    width: 100%;\n    display: flex;\n  }\n\n  .box {\n    margin: 0 0 -5rem;\n    padding: 2.5rem 3rem;\n    background-color: #fff;\n    border-radius: 0.0625rem;\n    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,\n      rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,\n      rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;\n  }\n\n  h2 {\n    margin: 0 0 1rem;\n    font-size: 2rem;\n    font-weight: 600;\n    line-height: 1.1;\n\n    span {\n      margin: 0 0 0.75rem;\n      display: block;\n      font-family: 'Inter', sans-serif;\n      font-weight: 700;\n      font-size: 1rem;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      color: #737373;\n    }\n  }\n\n  p {\n    margin: 0 0 1.75rem;\n    max-width: 500px;\n    font-size: 1.125rem;\n    font-weight: 500;\n    line-height: 1.5;\n    color: #737373;\n  }\n\n  .actions {\n    display: flex;\n    gap: 1rem;\n  }\n\n  .primary-link,\n  .secondary-link {\n    padding: 0.75rem 1.25rem;\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    align-items: flex-end;\n    font-size: 0.9375rem;\n    font-weight: 500;\n    border-radius: 0.25rem;\n    text-align: center;\n\n    &:focus {\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n\n    &:focus-visible {\n      box-shadow: #f8fafc 0px 0px 0px 2px, #1967d2 0px 0px 0px 4px,\n        rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;\n    }\n  }\n\n  .primary-link {\n    color: #f3f8fc;\n    background-color: #2c6c9c;\n    border: 1px solid #23577d;\n    box-shadow: inset 0 1px 1px #4a94cc;\n\n    &:hover {\n      background-color: #3077ab;\n      border-color: #28618d;\n    }\n  }\n\n  .secondary-link {\n    color: #1f2937;\n    background-color: transparent;\n    border: 1px solid #d1d5db;\n    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,\n      rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;\n\n    svg {\n      margin: 0 0 0 0.375rem;\n      height: 0.8125rem;\n      width: 0.8125rem;\n      color: #9ca3af;\n    }\n\n    &:hover {\n      border-color: #bbc1ca;\n      color: #111827;\n      box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,\n        rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 2px 2px 0px;\n    }\n  }\n\n  @media (max-width: 600px) {\n    padding: 2rem 1.5rem 3rem;\n\n    .box {\n      padding: 2rem 1.25rem;\n      text-align: center;\n    }\n\n    .actions {\n      flex-direction: column-reverse;\n      gap: 0;\n    }\n\n    .primary-link {\n      display: block;\n      margin: 1rem 0 0;\n    }\n  }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport default function Celebrate() {\n  return (\n    <CelebrateStyles>\n      <div className=\"container\">\n        <h3>Celebrating the Beauty of Each Life</h3>\n        <p>\n          What sets us apart from any other monument providers? The answer is\n          easy. We listen. We listen to our customers and relate their personal\n          aspects in life to create a cherished memorial to share with\n          generations to come. The saying “Great things take time” is our motto\n          when it comes to creating any type of memorial.\n        </p>\n      </div>\n    </CelebrateStyles>\n  );\n}\n\nconst CelebrateStyles = styled.section`\n  padding: 6rem 1.5rem 0;\n\n  .container {\n    margin: 0 auto;\n    max-width: 640px;\n    width: 100%;\n  }\n\n  h3 {\n    margin: 0 0 1rem;\n    font-size: 2rem;\n    text-align: center;\n    line-height: 1.35;\n  }\n\n  p {\n    font-size: 1.0625rem;\n    text-align: center;\n  }\n`;\n","import React from 'react';\nimport { StaticImage } from 'gatsby-plugin-image';\nimport styled from 'styled-components';\n\nexport default function StoreInfoCard() {\n  return (\n    <StoreInfoCardStyles id=\"store-info\">\n      <div className=\"container\">\n        <div className=\"store-img\">\n          <StaticImage\n            src=\"../assets/images/store.jpg\"\n            alt=\"Street view of the Sheboygan Monuments Store\"\n            placeholder=\"blurred\"\n            width={530}\n            quality={100}\n            className=\"store-front\"\n          />\n        </div>\n        <div className=\"store-details\">\n          <h3>Store Information</h3>\n          <ul>\n            <li>\n              <h4>Store Hours:</h4>\n              <p>Mon-Fri 9:00am-4:00pm</p>\n            </li>\n            <li>\n              <h4>Phone Number:</h4>\n              <p>\n                <a href=\"tel:+19204527995\" target=\"_blank\" rel=\"noreferrer\">\n                  (920) 452-7995\n                </a>\n              </p>\n            </li>\n            <li>\n              <h4>Address:</h4>\n              <p>\n                <a\n                  href=\"https://goo.gl/maps/VnVgbJCkXP3hXp3o9\"\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  927 Pennsylvania Ave.\n                  <br />\n                  Sheboygan, WI 53081\n                </a>\n              </p>\n            </li>\n          </ul>\n          <p className=\"note\">Under new ownership as of Feb. 2020</p>\n        </div>\n      </div>\n    </StoreInfoCardStyles>\n  );\n}\n\nconst StoreInfoCardStyles = styled.section`\n  padding: 4rem 1.5rem 0;\n\n  .container {\n    margin: 0 auto;\n    max-width: 1024px;\n    width: 100%;\n    display: flex;\n  }\n\n  .store-img {\n    margin: 0 -0.5rem 0 0;\n    min-width: 26rem;\n    width: 50%;\n    display: flex;\n    align-items: center;\n\n    .store-front {\n      width: 100%;\n      border: 8px solid #fff;\n      box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,\n        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;\n    }\n  }\n\n  .store-details {\n    padding: 2rem 4rem;\n    min-width: 30rem;\n    width: 50%;\n    flex-shrink: 0;\n    background-color: #fff;\n    border-top: 1px solid #f5f5f5;\n    border-radius: 0;\n    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,\n      rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;\n    z-index: 100;\n  }\n\n  h3 {\n    margin: 0;\n    font-size: 1.875rem;\n    color: #171717;\n    text-align: center;\n    line-height: 1.25;\n  }\n\n  li {\n    padding: 1rem 0;\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: 1px solid #e4e4e7;\n\n    p {\n      margin: 0;\n    }\n  }\n\n  h4 {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #262626;\n    text-transform: uppercase;\n    letter-spacing: 0.025em;\n  }\n\n  p {\n    font-size: 1rem;\n    font-weight: 500;\n    color: #737373;\n\n    a {\n      color: #737373;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n\n    &.note {\n      margin: 1.75rem 0 0;\n      text-align: center;\n    }\n  }\n\n  @media (max-width: 900px) {\n    .container {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .store-img {\n      margin: 0 0 -1rem;\n    }\n\n    .store-details {\n      margin: 0 1rem;\n      padding: 2rem;\n    }\n  }\n\n  @media (max-width: 500px) {\n    width: 100%;\n\n    .store-img {\n      min-width: unset;\n      width: calc(100% - 3rem);\n    }\n\n    .store-details {\n      min-width: unset;\n      width: 100%;\n    }\n\n    li {\n      flex-direction: column;\n      justify-content: center;\n      text-align: center;\n    }\n\n    h4 {\n      margin-bottom: 0.5rem;\n    }\n  }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst slides = [\n  {\n    id: 0,\n    quote:\n      \"I can't thank Sheboygan Monuments enough for the compassion they showed me helping find my husbands stone. May you RIP forever in our hearts Brian James.\",\n    source: 'Marie J.',\n  },\n  {\n    id: 1,\n    quote:\n      'My family and I were very pleased. This was not easy, but Helen showed us love and compassion during this difficult process.',\n    source: 'Barbara S.',\n  },\n  {\n    id: 2,\n    quote:\n      'Helen was outstanding - she kept me posted every step of the way - helping me as I was from out of town.',\n    source: 'Rosie S.',\n  },\n  {\n    id: 3,\n    quote:\n      \"I can't thank Sheboygan Monuments enough for the compassion they showed me helping find my husbands stone. May you RIP forever in our hearts Brian James.\",\n    source: 'Marie J.',\n  },\n  {\n    id: 4,\n    quote:\n      'My family and I were very pleased. This was not easy, but Helen showed us love and compassion during this difficult process.',\n    source: 'Barbara S.',\n  },\n];\n\nexport default function Testimonials() {\n  const [activeSlide, setActiveSlide] = React.useState(1);\n  const [clickDisabled, setClickDisabled] = React.useState(false);\n  const [hasTransitionClass, setHasTransitionClass] = React.useState(true);\n  const transitionSpeed = 500;\n  const totalSlides = slides.length - 2;\n\n  React.useEffect(() => {\n    if (activeSlide === slides.length - 1) {\n      setClickDisabled(true);\n      setTimeout(() => {\n        setHasTransitionClass(false);\n        setActiveSlide(1);\n      }, transitionSpeed);\n    }\n\n    if (activeSlide === 1) {\n      setTimeout(() => {\n        setHasTransitionClass(true);\n      }, transitionSpeed);\n    }\n\n    if (activeSlide === 0) {\n      setClickDisabled(true);\n      setTimeout(() => {\n        setHasTransitionClass(false);\n        setActiveSlide(slides.length - 2);\n      }, transitionSpeed);\n    }\n\n    if (activeSlide === slides.length - 2) {\n      setTimeout(() => {\n        setHasTransitionClass(true);\n      }, transitionSpeed);\n    }\n  }, [activeSlide]);\n\n  React.useEffect(() => {\n    if (clickDisabled) {\n      setTimeout(() => {\n        setClickDisabled(false);\n      }, transitionSpeed * 2);\n    }\n  }, [clickDisabled]);\n\n  const handlePrevClick = () => {\n    setActiveSlide(prevQuote => prevQuote - 1);\n  };\n\n  const handleNextClick = () => {\n    setActiveSlide(activeSlide + 1);\n  };\n\n  return (\n    <TestimonialStyles\n      activeSlide={activeSlide}\n      transitionSpeed={transitionSpeed}\n    >\n      <div className=\"testimonial-container\">\n        <svg className=\"quote-svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\">\n          <path d=\"M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z\" />\n        </svg>\n        <div className=\"grid\">\n          {slides.map((t, i) => (\n            <div\n              key={t.id}\n              // className={`grid-item ${activeSlide === i ? 'active' : ''}`}\n              className={`grid-item${i === activeSlide ? ' active' : ''}${\n                hasTransitionClass ? ' transition' : ''\n              }`}\n            >\n              <div className=\"quote\">{t.quote}</div>\n              <div className=\"source\">- {t.source}</div>\n            </div>\n          ))}\n        </div>\n        <div aria-live=\"polite\" aria-atomic=\"true\" className=\"count\">\n          {activeSlide === 0\n            ? totalSlides\n            : activeSlide === slides.length - 1\n            ? '1'\n            : activeSlide}{' '}\n          / {totalSlides}\n        </div>\n        <div className=\"actions\">\n          <button\n            type=\"button\"\n            className=\"previous-button\"\n            onClick={handlePrevClick}\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M15 19l-7-7 7-7\"\n              />\n            </svg>\n            <span className=\"sr-only\">Go to previous testimonial</span>\n          </button>\n          <button\n            type=\"button\"\n            className=\"next-button\"\n            onClick={handleNextClick}\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M9 5l7 7-7 7\"\n              />\n            </svg>\n            <span className=\"sr-only\">Go to next testimonial</span>\n          </button>\n        </div>\n      </div>\n    </TestimonialStyles>\n  );\n}\n\ntype StyleProps = {\n  activeSlide: number;\n  transitionSpeed: number;\n};\n\nconst TestimonialStyles = styled.section<StyleProps>`\n  padding: 8rem 1.5rem;\n  overflow-x: hidden;\n\n  .grid {\n    margin: 0 auto;\n    display: flex;\n  }\n\n  .grid-item {\n    margin: 0 auto;\n    position: relative;\n    width: 100%;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    transform: ${props => `translateX(${props.activeSlide * -100}%)`};\n    opacity: 0;\n\n    &.active {\n      opacity: 1;\n    }\n\n    &.active.transition {\n      transition: transform ${props => props.transitionSpeed}ms ease-out,\n        opacity ${props => props.transitionSpeed}ms linear 300ms;\n    }\n  }\n\n  .quote-svg {\n    margin: 0 auto 1.25rem;\n    height: 2.5rem;\n    width: 2.5rem;\n    color: #e5e5e5;\n  }\n\n  .testimonial-container {\n    margin: 0 auto;\n    padding: 0 8rem;\n    position: relative;\n    max-width: 1024px;\n    width: 100%;\n    text-align: center;\n  }\n\n  .quote {\n    min-height: 108px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-family: 'Unna', Georgia, 'Times New Roman', Times, serif;\n    font-size: 1.5rem;\n    font-weight: 500;\n    color: #171717;\n    line-height: 1.5;\n    text-align: center;\n  }\n\n  .source {\n    margin: 2rem 0 0;\n    color: #737373;\n    font-size: 0.875rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    text-align: center;\n    letter-spacing: 0.05em;\n  }\n\n  .count {\n    margin: 1rem 0 0;\n    font-family: 'Unna', Georgia, 'Times New Roman', Times, serif;\n    font-size: 1rem;\n    text-align: center;\n    color: #a3a3a3;\n  }\n\n  .previous-button,\n  .next-button {\n    padding: 0.5rem;\n    position: absolute;\n    color: #a3a3a3;\n    background-color: #fafafa;\n    top: calc(50% - 2rem);\n\n    &:hover {\n      color: #171717;\n    }\n\n    &:disabled {\n      color: #e5e5e5;\n    }\n\n    svg {\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n  }\n\n  .previous-button {\n    left: 0;\n  }\n\n  .next-button {\n    right: 0;\n  }\n\n  @media (max-width: 600px) {\n    .testimonial-container {\n      padding: 0 2rem;\n    }\n\n    .count {\n      position: absolute;\n      bottom: -2.75rem;\n      left: 0;\n      width: 100%;\n    }\n\n    .actions {\n      margin: 2rem 0 0;\n      display: flex;\n      justify-content: center;\n      gap: 0.75rem;\n    }\n\n    .previous-button,\n    .next-button {\n      padding: 0.75rem;\n      position: relative;\n      top: unset;\n      left: unset;\n      right: unset;\n      background-color: #fff;\n      border: 1px solid #e5e5e5;\n      border-radius: 0.125rem;\n      box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    }\n  }\n`;\n","import React from 'react';\nimport Layout from '../components/Layout';\nimport Hero from '../components/Hero';\nimport Celebrate from '../components/Celebrate';\nimport StoreInfoCard from '../components/StoreInfoCard';\nimport Testimonials from '../components/Testimonials';\n\nexport default function Home() {\n  return (\n    <Layout>\n      <Hero />\n      <Celebrate />\n      <StoreInfoCard />\n      <Testimonials />\n    </Layout>\n  );\n}\n"],"names":["Hero","HeroStyles","className","to","href","styled","Celebrate","CelebrateStyles","StoreInfoCard","StoreInfoCardStyles","id","S","src","alt","placeholder","width","quality","target","rel","slides","quote","source","Testimonials","React","activeSlide","setActiveSlide","clickDisabled","setClickDisabled","hasTransitionClass","setHasTransitionClass","transitionSpeed","totalSlides","length","setTimeout","TestimonialStyles","fill","viewBox","d","map","t","i","key","type","onClick","prevQuote","xmlns","stroke","strokeLinecap","strokeLinejoin","strokeWidth","props","Home","Layout"],"sourceRoot":""}