The website is not loading properly and gives errors after connecting to Wallet

Hello,
I have this new website: https://the-king-of-arachnids.netlify.app/

The website is not loading properly and gives errors after connecting to Wallet. It shows the loading gif.

Also when I open the Developers tools of the chrome browser. It shows few errors:

inpage.js:1 MetaMask: The event ‘close’ is deprecated and may be removed in the future. Please use ‘disconnect’ instead.
For more information, see: EIP-1193: Ethereum Provider JavaScript API
_warnOfDeprecation @ inpage.js:1
app.js:158 Uncaught (in promise) TypeError: window.contract.methods.getInfo is not a function
at loadInfo (app.js:158:47)
at updateConnectStatus (app.js:75:5)
at app.js:40:3
DevTools failed to load source map: Could not load content for https://the-king-of-arachnids.netlify.app/js/web3.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for https://the-king-of-arachnids.netlify.app/css/three-dots.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Any help and/or advice is highly appreciated.

Thank you in advance.

P.S. Please see the attached image for reference:

This is the problem:

coming from here:

You’d have to debug that yourself as we do not provide code-level debugging.

Thank you @hrishikesh for your reply and help.

I’ll try to see what I can do then maybe come back.

Take care