function MainComponent() { const handleSubmit = async (event)=>{ event.preventDefault(); const form = event.target; const formData = new FormData(form); const object = {}; formData.forEach((value, key)=>{ object[key] = value; }); const json = JSON.stringify(object); try { const response = await fetch('https://v7m5k9hua2.execute-api.us-west-2.amazonaws.com/Submit-Form/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: json }); if (!response.ok) throw new Error('Network response was not ok'); const data = await response.json(); console.log('Success:', data); window.location.href = 'confirmation.html'; } catch (error) { console.error('Error:', error); } }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#e7e7e7] font-sans p-10 text-[#333]", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#0056b3] mb-5 text-center text-3xl font-semibold", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "Tell Me More About Your Ideal Home!"), /*#__PURE__*/ React.createElement("form", { id: "realEstateForm", className: "max-w-[800px] mx-auto bg-white p-7 rounded-[15px] shadow-lg", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center text-lg font-bold", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mr-1 inline-block align-middle", htmlFor: "buying", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Buying"), /*#__PURE__*/ React.createElement("input", { className: "mr-3 align-middle", type: "checkbox", id: "buying", name: "purpose", value: "buying", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mr-1 inline-block align-middle", htmlFor: "selling", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Selling"), /*#__PURE__*/ React.createElement("input", { className: "mr-3 align-middle", type: "checkbox", id: "selling", name: "purpose", value: "selling", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mr-1 inline-block align-middle", htmlFor: "leasing", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Leasing"), /*#__PURE__*/ React.createElement("input", { className: "align-middle", type: "checkbox", id: "leasing", name: "purpose", value: "leasing", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("input", { className: "w-1/2 bg-[#28a745] text-white py-3 my-5 rounded cursor-pointer transition-all duration-300 hover:bg-[#218838] mx-auto block", type: "submit", value: "Submit", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, ` @media (max-width: 768px) { .form-row { display: flex; flex-wrap: wrap; gap: 2.5rem; margin-bottom: 2.5rem; } } `)); }