{"version":3,"sources":["Components/Tilt.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["Tilt","props","tilt","useRef","useEffect","VanillaTilt","init","current","max","speed","glare","ref","children","Link","Typography","App","Fragment","className","span","style","textAlign","src","alt","preview","marginTop","offset","title","placement","content","cursor","HomeOutlined","fontSize","InfoCircleOutlined","type","icon","MailOutlined","size","onClick","window","location","href","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"0TAGaA,EAAO,SAACC,GACjB,IAAMC,EAAOC,iBAA8B,MAc3C,OAZAC,qBAAU,WACFF,GAEAG,IAAYC,KAAKJ,EAAKK,QAA2B,CAC7CC,IAAK,GACLC,MAAO,IACPC,OAAO,EACP,YAAa,OAGtB,IAEI,qBAAKC,IAAKT,EAAV,SAAkBD,EAAMW,YCX3BC,EAASC,IAATD,KA4EOE,MA1Ef,WAUE,OACE,cAAC,IAAMC,SAAP,UACE,sBAAKC,UAAU,UAAf,UACE,cAAC,IAAD,UACE,cAAC,IAAD,CAAKC,KAAM,GAAIC,MAAO,CAACC,UAAW,UAAlC,SACE,cAAC,EAAD,UACE,cAAC,IAAD,CAAOC,IAAI,6BAA6BJ,UAAU,OAAOK,IAAI,OAAOC,SAAS,UAKnF,eAAC,IAAD,CAAKJ,MAAO,CAACC,UAAW,SAAUI,UAAW,IAA7C,UACE,cAAC,IAAD,CAAKC,OAAQ,EAAGP,KAAM,EAAtB,SACE,cAAC,IAAD,CACEQ,MAAM,UACNC,UAAU,SACVC,QACE,4CACW,uBADX,UAES,uBAFT,WAGU,uBAHV,iBAJJ,SAWE,cAACf,EAAD,CAAMa,MAAM,UAAUP,MAAO,CAAEU,OAAQ,QAAvC,SACE,cAACC,EAAA,EAAD,CAAcX,MAAO,CAACY,SAAU,YAItC,cAAC,IAAD,CAAKb,KAAM,EAAX,SACE,cAAC,IAAD,CACEQ,MAAM,OACNC,UAAU,SACVC,QACE,gDAJJ,SAME,cAACf,EAAD,CAAMa,MAAM,OAAOP,MAAO,CAAEU,OAAQ,QAApC,SACE,cAACG,EAAA,EAAD,CAAoBb,MAAO,CAACY,SAAU,YAI5C,cAAC,IAAD,CAAKb,KAAM,EAAX,SACE,cAAC,IAAD,CACEQ,MAAM,aACNC,UAAU,SACVC,QACE,+DAC8B,uBAD9B,uBAEsB,uBACpB,uBACA,cAAC,IAAD,CAAQK,KAAK,UAAUC,KAAM,cAACC,EAAA,EAAD,IAAiBC,KAAK,SAASC,QA1D5D,WAKdC,OAAOC,SAASC,KADH,yDAsDC,sBARN,SAWE,cAAC3B,EAAD,CAAMa,MAAM,aAAaP,MAAO,CAAEU,OAAQ,QAA1C,SACE,cAACM,EAAA,EAAD,CAAchB,MAAO,CAACY,SAAU,qBC3DjCU,EAZS,SAACC,GACnBA,GAAeA,aAAuBC,UACxC,6BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCHdQ,IAASC,OAEL,cAAC,EAAD,IAEFC,SAASC,eAAe,SAM1BZ,M","file":"static/js/main.2517eebb.chunk.js","sourcesContent":["import { useEffect, useRef } from \"react\";\r\nimport VanillaTilt from \"vanilla-tilt\";\r\n\r\nexport const Tilt = (props: any) => {\r\n    const tilt = useRef<HTMLDivElement | null>(null);\r\n  \r\n    useEffect(() => {\r\n        if (tilt)\r\n        {\r\n            VanillaTilt.init(tilt.current as HTMLDivElement, {\r\n                max: 10,\r\n                speed: 200,\r\n                glare: true,\r\n                'max-glare': 0.5,\r\n              });\r\n        }\r\n    }, []);\r\n  \r\n    return <div ref={tilt} >{props.children}</div>;\r\n  }","import { Col, Row, Typography, Image, Popover, Button } from 'antd';\r\nimport React from 'react';\r\nimport 'antd/dist/antd.css';\r\nimport './App.css';\r\nimport { MailOutlined, HomeOutlined, InfoCircleOutlined } from '@ant-design/icons';\r\nimport { Tilt } from './Components/Tilt';\r\n\r\nconst { Link } = Typography;\r\n\r\nfunction App() {\r\n     \r\n  const doEmail = () => {\r\n    var name = \"info\";\r\n    var domain = \"pinpoint-solutions\";\r\n    var domainExtension = \"nl\";\r\n    var result = \"mailto:\" + name + '@' + domain + \".\" + domainExtension + \"?subject=Web Inquiry\";\r\n    window.location.href = result;\r\n  }\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <div className='content'>\r\n        <Row>\r\n          <Col span={24} style={{textAlign: 'center'}}>\r\n            <Tilt>\r\n              <Image src=\"images/PP6_Logo_Transp.png\" className='logo' alt='Logo' preview={false} />\r\n            </Tilt>\r\n          </Col>\r\n        </Row>\r\n\r\n        <Row style={{textAlign: 'center', marginTop: 35}}>\r\n          <Col offset={3} span={6}>\r\n            <Popover \r\n              title='Address'\r\n              placement='bottom'\r\n              content={\r\n                <div>\r\n                  Galjoen 2<br/>\r\n                  4511 JX<br/>\r\n                  Breskens<br/>\r\n                  Netherlands\r\n                </div>} \r\n              >\r\n              <Link title='Address' style={{ cursor: 'help' }}>\r\n                <HomeOutlined style={{fontSize: 24}} />\r\n              </Link>\r\n            </Popover>\r\n          </Col>\r\n          <Col span={6}>\r\n            <Popover \r\n              title='Info'\r\n              placement='bottom'\r\n              content={\r\n                <div>Kvk. 61514136</div>\r\n                } >\r\n              <Link title='Info' style={{ cursor: 'help' }}>\r\n                <InfoCircleOutlined style={{fontSize: 24}} />\r\n              </Link>\r\n            </Popover>\r\n          </Col>\r\n          <Col span={6}>\r\n            <Popover \r\n              title='Contact us'\r\n              placement='bottom'\r\n              content={\r\n                <div>\r\n                  Send us an email by clicking<br/>\r\n                  on the button below.<br/>\r\n                  <br/>\r\n                  <Button type='primary' icon={<MailOutlined/>} size='middle' onClick={doEmail}>Email</Button> \r\n                </div>\r\n                } >\r\n              <Link title='Contact us' style={{ cursor: 'help' }}>\r\n                <MailOutlined style={{fontSize: 24}} />\r\n              </Link>\r\n            </Popover>\r\n          </Col>\r\n        </Row>\r\n      </div>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","import { ReportHandler } from 'web-vitals';\r\n\r\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nReactDOM.render(\r\n  // <React.StrictMode>\r\n    <App />,\r\n  // </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}