The error message you're encountering seems to be related to the CORS (Cross-Origin Resource Sharing) policy. This policy is in place to protect users and prevent malicious attacks on websites.
When you encounter this error, it typically means that the browser is blocking requests from accessing resources across different domains. In this case, it seems like the form submission is trying to access an external resource (likely an API endpoint or server) that is not configured to allow requests from your Webflow site.
To resolve this issue, you have a few options:
1. Check CORS settings: If you have control over the external resource that the form submission is trying to access, make sure that it has proper Cross-Origin Resource Sharing (CORS) headers set. Specifically, it needs to include the 'Access-Control-Allow-Origin' header with the appropriate value that allows requests from your Webflow site's domain.
2. Proxy server: If you don't have control over the external resource's CORS settings, you can set up a proxy server on your own domain. The proxy server will act as a middleman, sending requests from your Webflow site to the external resource, and then forwarding the response back to your site. This way, all requests originate from the same domain and won't be blocked by the browser's CORS policy.
3. Webflow form submissions: If the external resource is not crucial to your form submission, you can consider using Webflow's native form submission functionality. Although it doesn't support file uploads, you can still collect other form data (such as the date picker and country fields) without running into CORS issues. You can then handle the form submission on Webflow's servers or use Webflow's Zapier integration to connect with other services.
I recommend exploring these options based on your specific requirements and access to resources. Let me know if you need further assistance or have any additional questions!