{"version":3,"file":"component---src-pages-404-tsx-05445c2b2e5cbbd43c3d.js","mappings":"6KAGO,SAASA,KACdC,EAAAA,EAAAA,YAAU,WACRC,EAAAA,GAAAA,eAAuBC,UAAUC,YAChC,M,yKCSE,SAASC,EAAT,GAGL,OAHsD,WACtDL,EAAAA,EAAAA,KAGE,2BACEM,MAAO,CAAEC,WAAY,WACrBC,UAAU,uEAEV,gBAAC,IAAD,KACE,+DAEF,uBAAKA,UAAU,0FACb,gBAAC,IAAD,CACEC,IAAI,MACJD,UAAU,kCACVE,QAAQ,UAEV,sBAAIF,UAAU,+EACZ,gBAAC,IAAD,CAAYG,GAAG,MAAMC,EAAE,SAAvB,oCAIF,qBAAGJ,UAAU,8CACX,gBAAC,IAAD,CAAYG,GAAG,MAAMC,EAAE,eAAvB,4FAKF,uBAAKJ,UAAU,uCACb,gBAAC,IAAD,CACEK,KAAK,SACLL,UAAU,gIACVM,KAAK,IACLC,MAAM,QAEN,gBAAC,IAAD,CAAYJ,GAAG,MAAMC,EAAE,OAAvB,gBAGA,gBAAC,IAAD,CAAiBJ,UAAU,gBAAgBQ,KAAMC,EAAAA,OAEnD,gBAAC,IAAD,CACEJ,KAAK,SACLL,UAAU,uHACVU,QAAS,kBAAMC,QAAQC,QACvBL,MAAM,QAEN,gBAAC,IAAD,CAAYJ,GAAG,MAAMC,EAAE,QAAvB,gBAGA,gBAAC,IAAD,CAAiBJ,UAAU,gBAAgBQ,KAAMK,EAAAA,UAQ7D","sources":["webpack://signature-products-gmb-h/./src/hooks/useDetectLocale.tsx","webpack://signature-products-gmb-h/./src/pages/404.tsx"],"sourcesContent":["import i18next from 'i18next';\nimport { useEffect } from 'react';\n\nexport function useDetectLocale() {\n  useEffect(() => {\n    i18next.changeLanguage(navigator.language);\n  }, []);\n}\n","import {\n  faArrowRight,\n  faHome,\n  faRotateLeft,\n} from '@fortawesome/pro-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport React from 'react';\nimport { Helmet } from 'react-helmet';\nimport Button from '../components/buttons/Button';\nimport LocalImage from '../components/images/LocalImage';\nimport Translated from '../components/translation/Translated';\nimport { useDetectLocale } from '../hooks/useDetectLocale';\n\nexport type PageNotFoundProps = {};\n\nexport function PageNotFoundPage({}: PageNotFoundProps) {\n  useDetectLocale();\n\n  return (\n    <section\n      style={{ background: '#776E64' }}\n      className=\"relative min-h-screen md:-my-14 flex justify-center md:items-center\"\n    >\n      <Helmet>\n        <title>404 - Signature Products GmbH</title>\n      </Helmet>\n      <div className=\"relative z-10 text-white text-center md:text-xl text-lg max-w-prose px-4 md:py-20 py-4\">\n        <LocalImage\n          src=\"404\"\n          className=\"block max-h-[40vh] mx-auto mb-8\"\n          loading=\"eager\"\n        />\n        <h1 className=\"uppercase font-bold md:text-5xl text-2xl tracking-[0.2em] leading-snug mb-8\">\n          <Translated ns=\"404\" k=\"title\">\n            Oops! This page does not exist.\n          </Translated>\n        </h1>\n        <p className=\" mx-auto font-medium leading-relaxed mb-12\">\n          <Translated ns=\"404\" k=\"description\">\n            Maybe you just took a wrong turn or you were interested enough to\n            find some eastereggs.\n          </Translated>\n        </p>\n        <div className=\"flex justify-center flex-wrap gap-4\">\n          <Button\n            type=\"custom\"\n            className=\"inline-block border-2 bg-white border-white text-black text-lg scale-100 hover:scale-105 active:scale-95 transition-transform\"\n            link=\"/\"\n            title=\"Home\"\n          >\n            <Translated ns=\"404\" k=\"cta\">\n              Take me home\n            </Translated>\n            <FontAwesomeIcon className=\"sm:ml-12 ml-6\" icon={faHome} />\n          </Button>\n          <Button\n            type=\"custom\"\n            className=\"inline-block border-2 border-white text-white text-lg scale-100 hover:scale-105 active:scale-95 transition-transform\"\n            onClick={() => history.back()}\n            title=\"Home\"\n          >\n            <Translated ns=\"404\" k=\"back\">\n              Take me back\n            </Translated>\n            <FontAwesomeIcon className=\"sm:ml-12 ml-6\" icon={faRotateLeft} />\n          </Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport default PageNotFoundPage;\n"],"names":["useDetectLocale","useEffect","i18next","navigator","language","PageNotFoundPage","style","background","className","src","loading","ns","k","type","link","title","icon","faHome","onClick","history","back","faRotateLeft"],"sourceRoot":""}