Integrating Stripe Checkout- Bad Request, Missing Form

Hey, so I am creating a simple e-commerce site by integrating stripe. My problem is that every time I click “checkout” it throws me an error of “Bad request, missing form error”. I was told I didn’t need any redirects for stripe because it’s a serverless function and was also told that I place the .env file before my .gitignore which could be causing problems as well. I’ve been working on this for months and am trying to finish this up.

The integration worked in the localhost but when brought to the live site it fails to work. Asked Stackoverflow and was told it is a Netlify setup issue.

My ID is - thekingdomsdomain
Live site -