function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", phone: "", message: "" }); const [isSubmitted, setIsSubmitted] = useState(false); const [error, setError] = useState(null); const handleSubmit = async (e)=>{ e.preventDefault(); try { console.log("About to submit form data:", formData); const response = await fetch("/api/resend-api-function", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ from: "Neatly Contact Form ", to: "james@neat-ly.com", subject: "New Contact Form Submission (Contact Page)", html: `

New Contact Form Submission (Contact Page)

Name: ${formData.name.trim()}

Email: ${formData.email.trim()}

Phone: ${formData.phone.trim()}

Message: ${formData.message.trim()}

` }) }); const result = await response.json(); console.log("Server response:", result); if (!response.ok) { throw new Error(result.error || "Failed to send email"); } setIsSubmitted(true); setFormData({ name: "", email: "", phone: "", message: "" }); } catch (err) { console.error("Form submission error:", err); setError(err.message); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/e53589c5-52a5-4b0c-94f3-b59ea9277a64/-/format/auto/", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#FFFFFF] flex flex-col", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#08287B] p-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d97dc579-180a-4850-a01b-2becb07d6b78/-/format/auto/", alt: "Neatly cleaning services logo", className: "h-8 w-8", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white font-montserrat text-2xl font-bold", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "Neatly"))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "md:flex space-x-8 font-montserrat", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white hover:text-[#F9FAFB]", __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/services", className: "text-white hover:text-[#F9FAFB]", __source: { fileName: "", lineNumber: 81, columnNumber: 19 }, __self: this }, "Services")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-white hover:text-[#F9FAFB]", __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, "Contact")))))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow container mx-auto px-4 py-24", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-montserrat text-4xl font-bold text-[#08287B] mb-6", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-8 rounded-lg mb-8", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-montserrat text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 19 }, __self: this }, "How It Works"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 114, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#08287B] text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 flex-shrink-0", __source: { fileName: "", lineNumber: 115, columnNumber: 23 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 118, columnNumber: 23 }, __self: this }, "Fill out the contact form with your details and requirements")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 123, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#08287B] text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 flex-shrink-0", __source: { fileName: "", lineNumber: 124, columnNumber: 23 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 127, columnNumber: 23 }, __self: this }, "We'll call you within 24 hours to discuss your needs")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 131, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#08287B] text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 flex-shrink-0", __source: { fileName: "", lineNumber: 132, columnNumber: 23 }, __self: this }, "3"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 135, columnNumber: 23 }, __self: this }, "We'll schedule a visit to provide you with an accurate quote")))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-8 rounded-lg", __source: { fileName: "", lineNumber: 143, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-montserrat text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 144, columnNumber: 19 }, __self: this }, "Direct Contact"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 147, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 148, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-[#08287B] mr-4", __source: { fileName: "", lineNumber: 149, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 150, columnNumber: 23 }, __self: this }, "+44 20 3985 2503")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 152, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-[#08287B] mr-4", __source: { fileName: "", lineNumber: 153, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 154, columnNumber: 23 }, __self: this }, "james@neat-ly.com")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 156, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#08287B] mr-4", __source: { fileName: "", lineNumber: 157, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 158, columnNumber: 23 }, __self: this }, "East Sussex, United Kingdom"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 166, columnNumber: 15 }, __self: this }, isSubmitted ? /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 p-8 rounded-lg", __source: { fileName: "", lineNumber: 168, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-montserrat text-2xl font-bold text-green-800 mb-4", __source: { fileName: "", lineNumber: 169, columnNumber: 21 }, __self: this }, "Thank You!"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-green-700", __source: { fileName: "", lineNumber: 172, columnNumber: 21 }, __self: this }, "We've received your message and will contact you within 24 hours to arrange a convenient time for a quote.")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 178, columnNumber: 19 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 p-4 rounded-lg text-red-700 font-montserrat mb-4", __source: { fileName: "", lineNumber: 180, columnNumber: 23 }, __self: this }, error), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", value: formData.name, onChange: (e)=>setFormData({ ...formData, name: e.target.value }), className: "w-full p-3 rounded-lg border border-gray-300 font-montserrat", required: true, __source: { fileName: "", lineNumber: 184, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", value: formData.email, onChange: (e)=>setFormData({ ...formData, email: e.target.value }), className: "w-full p-3 rounded-lg border border-gray-300 font-montserrat", required: true, __source: { fileName: "", lineNumber: 195, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", placeholder: "Your Phone", value: formData.phone, onChange: (e)=>setFormData({ ...formData, phone: e.target.value }), className: "w-full p-3 rounded-lg border border-gray-300 font-montserrat", required: true, __source: { fileName: "", lineNumber: 206, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Tell us about your cleaning needs", value: formData.message, onChange: (e)=>setFormData({ ...formData, message: e.target.value }), rows: "4", className: "w-full p-3 rounded-lg border border-gray-300 font-montserrat", required: true, __source: { fileName: "", lineNumber: 217, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#0B55FF] text-white py-3 rounded-lg font-montserrat hover:bg-[#08287B]", __source: { fileName: "", lineNumber: 228, columnNumber: 21 }, __self: this }, "Send Message")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#08287B] text-white py-12", __source: { fileName: "", lineNumber: 241, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 242, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-12", __source: { fileName: "", lineNumber: 243, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 244, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 mb-4", __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d97dc579-180a-4850-a01b-2becb07d6b78/-/format/auto/", alt: "Neatly cleaning services logo", className: "h-8 w-8", __source: { fileName: "", lineNumber: 246, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold", __source: { fileName: "", lineNumber: 251, columnNumber: 19 }, __self: this }, "Neatly")), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 253, columnNumber: 17 }, __self: this }, "Professional cleaning services in East Sussex")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat mb-2", __source: { fileName: "", lineNumber: 261, columnNumber: 17 }, __self: this }, "Phone: +44 20 3985 2503"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 262, columnNumber: 17 }, __self: this }, "Email: james@neat-ly.com")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 264, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }, "Follow Us"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 268, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_blank", href: "https://facebook.com/people/Neatlyio/61573155458003", className: "hover:text-[#90CDF4]", __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook", __source: { fileName: "", lineNumber: 274, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://linkedin.com/company/neat-ly", target: "_blank", className: "hover:text-[#90CDF4]", __source: { fileName: "", lineNumber: 276, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 281, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 text-center font-montserrat", __source: { fileName: "", lineNumber: 286, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 287, columnNumber: 15 }, __self: this }, "© 2025 Neatly. All rights reserved.")))))); }