Form is not working, returns 404

Hi

Please check this website.
https://www.marketplacecommerce.ca/

If you click Invest With Us button, you will see popup form.
But it does’t work.

It should send to Netlify dashboard and show Thank you message on the same popup once submitted.

This is the form code snippets.

    import React, { Component } from 'react';
import Button from 'react-bootstrap/Button';
import Modal from 'react-bootstrap/Modal';
import '../styles/components/invest.scss';


export default class Invest extends Component {
	constructor(props) {
		super(props);
		this.domRef = React.createRef();
		this.state = {
			showHide: false,
			feedbackMsg: ""
		}
	}

	handleModalShowHide() {
		this.setState({ showHide: !this.state.showHide })
	}

	render() {

		return (
			<React.Fragment>

				<Button className="button btn-blue btn-popup" variant="primary" onClick={() => this.handleModalShowHide()}>
					{this.props.text}
				</Button>

				<Modal show={this.state.showHide} size="lg" onHide={() => this.handleModalShowHide()} centered>
					<Modal.Header>
					<img src="/img/marketplace-commerce-logo.svg" alt="Marketplace Commerce Logo" />
						<Button variant="secondary" onClick={() => this.handleModalShowHide()}>
							<i className="fas fa-times"></i>
						</Button>

					</Modal.Header>
					<Modal.Body>
						<h2 className="has-text-centered mb-5">Invest with us</h2>
						<div className="formHolder padding-lr-5">
							<form className="popup-form" name="contact" method="post" data-netlify="true" data-netlify-honeypot="bot-field">
								<input type="hidden" name="bot-field" />
  								<input type="hidden" name="form-name" value="contact" />

                                <div className="columns is-multiline is-marginless is-mobile">
                                    <div className="column is-6-desktop is-6-tablet is-12-mobile">
                                        <input type="text" name="fname" placeholder="First Name*" required/>
                                    </div>
                                    <div className="column is-6-desktop is-6-tablet is-12-mobile">
                                        <input type="text" name="lname" placeholder="Last Name*" required/>
                                    </div>
                                    <div className="column is-6-desktop is-6-tablet is-12-mobile">
                                        <input type="email" name="email" placeholder="Email*" required/>
                                    </div>
                                    <div className="column is-6-desktop is-6-tablet is-12-mobile">
                                        <input type="tel" name="phone" placeholder="Phone*" />
                                    </div>
                                    <div className="column is-12-desktop is-12-tablet is-12-mobile">
                                        <textarea placeholder="Message" name="message" required></textarea>
                                    </div>
                                </div>
                                <div className="has-text-centered">
                                    <p className="has-text-centered mb-5 has-text-weight-normal">
                                    We will never sell or share your informations. Read more in our <a href="#" className="link-blue">Privacy Policy.</a>
                                    </p>
                                    <button type="submit" className="btn btn-blue">Get Started</button>
                                </div>
							</form>
								
						</div>
					</Modal.Body>
					<Modal.Footer>
					</Modal.Footer>
				</Modal>

			</React.Fragment>

		)
	}
}

Thank you
Alex

Hiya, sorry you are having trouble getting your forms to work.

This Support Guide is the first port of call to debug any forms issues. There are also many other Support Guides for forms - you can find them here: #Netlify-support:support-guides

We also recommend trying to search the forums or look at topics tagged Netlify forms if you haven’t already - it’s likely your question was already asked by someone else!

If you are still having problems, please provide more information such as what you have already tried, and a link to your live form. :slight_smile: