function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); const [contactName, setContactName] = useState(""); const [contactEmail, setContactEmail] = useState(""); const [contactMessage, setContactMessage] = useState(""); const [status, setStatus] = useState({ type: "", message: "" }); const handleSubmit = async (e)=>{ e.preventDefault(); setStatus({ type: "", message: "" }); try { const response = await fetch("/api/contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ name: contactName, email: contactEmail, message: contactMessage }) }); const data = await response.json(); if (!response.ok) { throw new Error(data.error || "Failed to submit form"); } setStatus({ type: "success", message: "Message sent successfully!" }); setContactName(""); setContactEmail(""); setContactMessage(""); } catch (error) { console.error("Failed to submit form:", error); setStatus({ type: "error", message: error.message }); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#FFFFFF]", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "Contact Monaco Italiano | Art Concierge Services"), /*#__PURE__*/ React.createElement("meta", { name: "description", content: "Get in touch with Monaco Italiano's art concierge team. We're here to assist with your fine art acquisition, authentication, and transportation needs.", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "keywords", content: "contact art concierge, art services contact, fine art consultation, art logistics contact", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:title", content: "Contact Monaco Italiano | Art Concierge Services", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:description", content: "Connect with Monaco Italiano's expert art concierge team for all your fine art needs. Available 24/7 for consultations.", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:type", content: "website", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:locale", content: "en_US", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "fixed w-full bg-[#0B1F3A] text-white z-50", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-16", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "font-cormorant text-2xl text-[#D4AF37]", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Monaco Italiano"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex space-x-8 font-light", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-[#D4AF37]", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/services", className: "hover:text-[#D4AF37]", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "hover:text-[#D4AF37]", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "md:hidden", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-2xl", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this })))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-2 pt-2 pb-3 space-y-1 bg-[#0B1F3A]", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "block px-3 py-2 hover:text-[#D4AF37]", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/services", className: "block px-3 py-2 hover:text-[#D4AF37]", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "block px-3 py-2 hover:text-[#D4AF37]", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, "About")))), /*#__PURE__*/ React.createElement("div", { className: "pt-16 bg-[#0B1F3A] text-white", __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-cormorant text-5xl text-[#D4AF37] text-center mb-8", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-xl max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, "We're here to assist you with all your art concierge needs"))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20", __source: { fileName: "", lineNumber: 119, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-16", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-cormorant text-3xl text-[#0B1F3A] mb-8", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, "Send Us a Message"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: contactName, onChange: (e)=>setContactName(e.target.value), placeholder: "Your Name", className: "w-full px-4 py-2 rounded border border-gray-300", required: true, __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: contactEmail, onChange: (e)=>setContactEmail(e.target.value), placeholder: "Your Email", className: "w-full px-4 py-2 rounded border border-gray-300", required: true, __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", value: contactMessage, onChange: (e)=>setContactMessage(e.target.value), placeholder: "Your Message", rows: "4", className: "w-full px-4 py-2 rounded border border-gray-300", required: true, __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this })), status.message && /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded ${status.type === "success" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, status.message), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#D4AF37] text-[#0B1F3A] px-8 py-3 rounded hover:bg-[#B38F1D]", __source: { fileName: "", lineNumber: 166, columnNumber: 15 }, __self: this }, "Send Message"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-cormorant text-3xl text-[#0B1F3A] mb-8", __source: { fileName: "", lineNumber: 176, columnNumber: 13 }, __self: this }, "Visit Our Office"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 179, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-cormorant text-2xl text-[#0B1F3A] mb-4", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#D4AF37] mr-2", __source: { fileName: "", lineNumber: 185, columnNumber: 19 }, __self: this }), "410 W 54th St #4a", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 187, columnNumber: 19 }, __self: this }), "New York, NY 10019")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-cormorant text-2xl text-[#0B1F3A] mb-4", __source: { fileName: "", lineNumber: 193, columnNumber: 17 }, __self: this }, "Business Hours"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-gray-600", __source: { fileName: "", lineNumber: 196, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 197, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#D4AF37] mr-2", __source: { fileName: "", lineNumber: 198, columnNumber: 21 }, __self: this }), "Monday - Friday: 9:00 AM - 6:00 PM"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 201, columnNumber: 19 }, __self: this }, "Saturday: 10:00 AM - 4:00 PM"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }, "Sunday: Closed"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 206, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-cormorant text-2xl text-[#0B1F3A] mb-4", __source: { fileName: "", lineNumber: 207, columnNumber: 17 }, __self: this }, "Alternative Contact"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-gray-600", __source: { fileName: "", lineNumber: 210, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 211, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-[#D4AF37] mr-2", __source: { fileName: "", lineNumber: 212, columnNumber: 21 }, __self: this }), "(281) 258-6518"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 215, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-[#D4AF37] mr-2", __source: { fileName: "", lineNumber: 216, columnNumber: 21 }, __self: this }), "info@monacoitaliano.com"))))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#0B1F3A] text-white py-8", __source: { fileName: "", lineNumber: 226, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 227, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 228, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-light mb-4", __source: { fileName: "", lineNumber: 229, columnNumber: 13 }, __self: this }, "© 2025 Monaco Italiano. All rights reserved. | New York, NY"), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 232, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/terms", className: "text-white hover:text-[#D4AF37]", __source: { fileName: "", lineNumber: 233, columnNumber: 15 }, __self: this }, "Terms of Service"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }, "|"), /*#__PURE__*/ React.createElement("a", { href: "/privacy", className: "text-white hover:text-[#D4AF37]", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, "Privacy Policy")))))); }