function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); 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 (Home Page)", html: `

New Contact Form Submission (Home 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: 52, 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: 53, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#FFFFFF]", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#08287B] p-4", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center text-[20px] font-medium", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 63, 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: 64, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white font-montserrat text-2xl font-bold h-[31px]", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "Neatly"))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "text-white", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"}`, __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: `${isMenuOpen ? "block" : "hidden"} md:block`, __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "md:flex space-y-4 md:space-y-0 md:space-x-8 font-montserrat", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white hover:text-[#F9FAFB]", __source: { fileName: "", lineNumber: 85, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/services", className: "text-white hover:text-[#F9FAFB]", __source: { fileName: "", lineNumber: 90, columnNumber: 19 }, __self: this }, "Services")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-white hover:text-[#F9FAFB]", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, "Contact")))))), /*#__PURE__*/ React.createElement("section", { id: "home", className: "relative h-[600px] bg-[#071542]", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/4d1899c6-10a3-4349-8d31-9777e90237b4/-/format/auto/", alt: "Neatly eco-friendly cleaning logo", className: "w-32 h-32 mb-8", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-center text-white p-4", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-montserrat text-4xl md:text-6xl font-bold mb-8", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, "Professional Cleaning Services in East Sussex"), /*#__PURE__*/ React.createElement("a", { href: "/contact", target: "_self", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#0B55FF] text-white px-8 py-3 rounded-lg font-montserrat hover:bg-[#08287B]", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }, "Book Now"))))), /*#__PURE__*/ React.createElement("section", { id: "services", className: "py-16 bg-gray-50", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-montserrat text-3xl font-bold text-center mb-12", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, "Our Services"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-[#08287B] text-4xl mb-4", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }, "Residential Cleaning"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-gray-600", __source: { fileName: "", lineNumber: 140, columnNumber: 17 }, __self: this }, "Comprehensive home cleaning services tailored to your needs")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-building text-[#08287B] text-4xl mb-4", __source: { fileName: "", lineNumber: 145, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this }, "Commercial Cleaning"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-gray-600", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }, "Professional cleaning solutions for offices and businesses")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spray-can text-[#08287B] text-4xl mb-4", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 155, columnNumber: 17 }, __self: this }, "Deep Cleaning"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-gray-600", __source: { fileName: "", lineNumber: 158, columnNumber: 17 }, __self: this }, "Thorough deep cleaning services for a spotless environment"))))), /*#__PURE__*/ React.createElement("section", { id: "about", className: "py-16 bg-[#071542]", __source: { fileName: "", lineNumber: 166, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-montserrat text-3xl font-bold text-center mb-8 text-white", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, "Why Choose Neatly?"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 171, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#08287B] p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-white text-3xl mb-4", __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold mb-2 text-white", __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this }, "Expert Team"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-white", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, "Experienced and vetted cleaning professionals")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#08287B] p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-white text-3xl mb-4", __source: { fileName: "", lineNumber: 182, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold mb-2 text-white", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }, "Flexible Scheduling"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-white", __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, "Book cleanings at your convenience")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#08287B] p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-white text-3xl mb-4", __source: { fileName: "", lineNumber: 191, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold mb-2 text-white", __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this }, "Guaranteed Quality"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-white", __source: { fileName: "", lineNumber: 195, columnNumber: 17 }, __self: this }, "100% satisfaction guaranteed on every clean"))))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "py-16 bg-gray-50", __source: { fileName: "", lineNumber: 203, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 204, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-montserrat text-3xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 205, columnNumber: 13 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("div", { className: "max-w-lg mx-auto", __source: { fileName: "", lineNumber: 208, columnNumber: 13 }, __self: this }, isSubmitted ? /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 p-8 rounded-lg", __source: { fileName: "", lineNumber: 210, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-2xl font-bold text-green-800 mb-4", __source: { fileName: "", lineNumber: 211, columnNumber: 19 }, __self: this }, "Thank You!"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-green-700", __source: { fileName: "", lineNumber: 214, columnNumber: 19 }, __self: this }, "We've received your message and will contact you soon.")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 219, columnNumber: 17 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 p-4 rounded-lg text-red-700 font-montserrat", __source: { fileName: "", lineNumber: 221, columnNumber: 21 }, __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: 225, columnNumber: 19 }, __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: 236, columnNumber: 19 }, __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: 247, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", 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: 258, columnNumber: 19 }, __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: 269, columnNumber: 19 }, __self: this }, "Send Message"))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#08287B] text-white py-12", __source: { fileName: "", lineNumber: 281, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 282, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-12", __source: { fileName: "", lineNumber: 283, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 284, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 mb-4", __source: { fileName: "", lineNumber: 285, 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: 286, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold", __source: { fileName: "", lineNumber: 291, columnNumber: 19 }, __self: this }, "Neatly")), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 293, columnNumber: 17 }, __self: this }, "Professional cleaning services in East Sussex")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 297, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 298, columnNumber: 17 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat mb-2", __source: { fileName: "", lineNumber: 301, columnNumber: 17 }, __self: this }, "Phone: +44 20 3985 2503"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }, "Email: james@neat-ly.com")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 304, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 305, columnNumber: 17 }, __self: this }, "Follow Us"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_blank", href: "https://facebook.com/people/Neatlyio/61573155458003", className: "hover:text-[#90CDF4]", __source: { fileName: "", lineNumber: 309, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook", __source: { fileName: "", lineNumber: 314, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://linkedin.com/company/neat-ly", target: "_blank", className: "hover:text-[#90CDF4]", __source: { fileName: "", lineNumber: 316, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 321, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 text-center font-montserrat", __source: { fileName: "", lineNumber: 326, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 327, columnNumber: 15 }, __self: this }, "© 2025 Neatly. All rights reserved.")))))); }