{"version":3,"sources":["Components/Errors/Notfound.js"],"names":["NotFound","_jsxs","children","_jsx","Header","className","href","Button","showArrow","variant"],"mappings":"kIAAA,0EAIe,SAASA,IACtB,OACEC,eAAA,OAAAC,SAAA,CACEC,cAACC,IAAM,IAEPD,cAAA,QAAME,UAAU,kDAAiDH,SAC/DC,cAAA,OAAKE,UAAU,+EAA8EH,SAC3FD,eAAA,OAAKI,UAAU,8EAA6EH,SAAA,CAC1FC,cAAA,OAAKE,UAAU,wFAAuFH,SACpGC,cAAA,MAAIE,UAAU,gEAA+DH,SAAC,sBAIhFD,eAAA,OAAKI,UAAU,8EAA6EH,SAAA,CAC1FC,cAAA,KAAGE,UAAU,oDAAmDH,SAC7D,+BAEHD,eAAA,OAAKI,UAAU,0BAAyBH,SAAA,CACtCD,eAAA,KAAAC,SAAA,CAAG,qBAAkBC,cAAA,KAAGE,UAAU,0BAA0BC,KAAK,qBAAoBJ,SAAC,kBAAiB,OACvGD,eAAA,KAAAC,SAAA,CAAG,kBAAeC,cAAA,KAAGE,UAAU,0BAA0BC,KAAK,qCAAoCJ,SAAC,gCAA+B,OAClIC,cAAA,KAAAD,SAAG,sDAKLC,cAAA,OAAKE,UAAU,iBAAgBH,SAC7BC,cAAA,OAAKE,UAAU,kCAAiCH,SAC9CD,eAAA,OAAKI,UAAU,+EAA8EH,SAAA,CAC3FC,cAAA,OAAKE,UAAU,oEAAmEH,SAChFC,cAAA,KAAGG,KAAM,4CAAsDJ,SAC7DD,eAAA,OAAKI,UAAU,iDAAgDH,SAAA,CAC7DC,cAAA,KAAGE,UAAU,qDAAoDH,SAAC,wBAIlEC,cAAA,OAAKE,UAAU,6BAA4BH,SACzCC,cAACI,IAAM,CAAGC,WAAW,EAAMC,QAAS,gBAAiBJ,UAAW,2BAA2BH,SAAC,qBAMpGC,cAAA,OAAKE,UAAU,iDAAgDH,SAC7DC,cAAA,KAAGG,KAAM,6CAAyDD,UAAU,GAAEH,SAC5ED,eAAA,OAAKI,UAAU,iDAAgDH,SAAA,CAC7DC,cAAA,KAAGE,UAAU,qDAAoDH,SAAC,sBAIlEC,cAAA,OAAKE,UAAU,6BAA4BH,SACzCC,cAACI,IAAM,CAACC,WAAW,EAAMC,QAAS,gBAAiBJ,UAAW,2BAA2BH,SAAC","file":"static/js/7.07e3622a.chunk.js","sourcesContent":["// import React from 'react';\nimport Button from '../Button';\nimport Header from '../Header';\n\nexport default function NotFound() {\n  return (\n    <div>\n      <Header />\n\n      <main className=\"bg-white relative overflow-hidden  lg:h-screen \">\n        <div className=\"container h-full flex mx-auto py-32 px-6 z-10 relative items-center md:px-12\">\n          <div className=\"container  flex flex-col mx-auto px-6 justify-between items-center relative\">\n            <div className=\"flex flex-col space-x-12 mb-16 w-full items-center justify-center md:flex-row md:mb-8\">\n              <h1 className=\"font-bold text-center text-6xl text-mainBlack-100 md:text-8xl\">\n               Oops 404 error!\n              </h1>\n            </div>\n            <div className=\"flex flex-col space-y-6  mb-16 w-full items-center  justify-center  md:mb-8\">\n              <p className=\"font-bold text-center text-2xl text-mainBlack-100\">\n                {`There seems to be an error`}\n              </p>\n              <div className='text-center font-medium'>\n                <p>Please call us on <a className='text-mainLightGreen-100' href=\"tel:+2347008005000\">0700-800-5000</a> </p>\n                <p>Or email us at <a className='text-mainLightGreen-100' href=\"mailto:feedback@connectnigeria.com\">feedback@connectnigeria.com</a> </p>\n                <p>Or use the live chat below on the lower right </p>\n\n              </div>\n              \n           \n              <div className='w-full mx-auto'>\n                <div className='mt-16 grid grid-cols-1 gap-y-8 '>\n                  <div className='flex space-y-6 lg:space-y-0 lg:space-x-9 flex-col lg:flex-row justify-center'>\n                    <div className=\"w-full lg:px-4 bg-mainLightGreen-lighter lg:w-[500px] rounded-2xl\" >\n                      <a href={`${process.env.REACT_APP_CN_BASE_URL}/create-listing`} >\n                        <div className=\"flex flex-col justify-center items-center py-8\">\n                          <p className=\" text-base lg:text-[28px] text-left font-bold mb-4\">\n                          Create your listing \n                     \n                          </p>\n                          <div className=\"flex items-center  text-sm\">\n                            <Button   showArrow={true} variant={\"green-inverse\"} className={\"bg-transparent text-base\"}>Listing</Button>\n                      \n                          </div>\n                        </div>\n                      </a>\n                    </div>\n                    <div className='w-full lg:w-[500px] bg-[#FF87100D] rounded-2xl'>\n                      <a href={`${process.env.REACT_APP_CN_BASE_URL}/create-business`}  className=''>\n                        <div className=\"flex flex-col justify-center items-center py-8\">\n                          <p className=\" text-base lg:text-[28px] text-left font-bold mb-4\">\n                    Add your Business\n                     \n                          </p>\n                          <div className=\"flex items-center  text-sm\">\n                            <Button showArrow={true} variant={\"green-inverse\"} className={\"bg-transparent text-base\"}>Business</Button>\n                      \n                          </div>\n                        </div>\n                      </a>\n                    </div>\n                 \n                  </div>\n              \n                </div>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n      </main>\n    </div>\n  );\n}\n"],"sourceRoot":""}