function MainComponent() { const [logo, setLogo] = useState(null); const [formStatus, setFormStatus] = useState({ message: "", isError: false }); const [isSubmitting, setIsSubmitting] = useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); setIsSubmitting(true); setFormStatus({ message: "", isError: false }); try { const formData = new FormData(e.target); const response = await fetch("/api/contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(Object.fromEntries(formData)) }); if (!response.ok) { throw new Error("Failed to send message"); } setFormStatus({ message: "Thank you for your message. We will contact you soon.", isError: false }); e.target.reset(); } catch (error) { setFormStatus({ message: "Failed to send message. Please try again later.", isError: true }); } finally{ setIsSubmitting(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-white to-gray-50", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1a1a1a] text-white py-4 px-6 fixed w-full top-0 z-50", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-12 w-12 flex items-center justify-center", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/60ae2658-0e55-416a-8acb-e50c45da7c4e/-/format/auto/", alt: "Ramirez Consulting Logo", className: "h-full w-full object-contain", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-cormorant-garamond font-bold tracking-wider", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "Ramirez Consulting"))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-6", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-[#4a90e2] transition-colors font-cormorant-garamond text-lg px-3 py-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("div", { className: "group relative", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#4a90e2] transition-colors font-cormorant-garamond text-lg px-3 py-2", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("div", { className: "absolute hidden group-hover:block w-48 bg-white shadow-xl rounded-lg mt-2 py-2", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/project-management", className: "block px-4 py-2 text-gray-800 hover:bg-[#4a90e2] hover:text-white transition-colors font-cormorant-garamond", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, "Project Management"), /*#__PURE__*/ React.createElement("a", { href: "/change-management", className: "block px-4 py-2 text-gray-800 hover:bg-[#4a90e2] hover:text-white transition-colors font-cormorant-garamond", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, "Change Management"), /*#__PURE__*/ React.createElement("a", { href: "/training-development", className: "block px-4 py-2 text-gray-800 hover:bg-[#4a90e2] hover:text-white transition-colors font-cormorant-garamond", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, "Training & Development"), /*#__PURE__*/ React.createElement("a", { href: "/risk-management", className: "block px-4 py-2 text-gray-800 hover:bg-[#4a90e2] hover:text-white transition-colors font-cormorant-garamond", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "Risk Management"), /*#__PURE__*/ React.createElement("a", { href: "/process-improvements", className: "block px-4 py-2 text-gray-800 hover:bg-[#4a90e2] hover:text-white transition-colors font-cormorant-garamond", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, "Process Improvements"), /*#__PURE__*/ React.createElement("a", { href: "/systems-implementation", className: "block px-4 py-2 text-gray-800 hover:bg-[#4a90e2] hover:text-white transition-colors font-cormorant-garamond", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, "Systems Implementation"))), /*#__PURE__*/ React.createElement("a", { href: "/#about", className: "hover:text-[#4a90e2] transition-colors font-cormorant-garamond text-lg px-3 py-2", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "hover:text-[#4a90e2] transition-colors font-cormorant-garamond text-lg px-3 py-2", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("main", { className: "pt-20 px-6", __source: { fileName: "", lineNumber: 127, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "max-w-7xl mx-auto py-16", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-center text-gray-600 max-w-3xl mx-auto mb-12", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, "Let's discuss how we can help transform your business"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-6", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, "Send us a Message"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 142, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-gray-700 mb-2 font-cormorant-garamond", __source: { fileName: "", lineNumber: 143, columnNumber: 19 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", required: true, className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4a90e2]", __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 157, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-gray-700 mb-2 font-cormorant-garamond", __source: { fileName: "", lineNumber: 158, columnNumber: 19 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", required: true, className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4a90e2]", __source: { fileName: "", lineNumber: 164, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phone", className: "block text-gray-700 mb-2 font-cormorant-garamond", __source: { fileName: "", lineNumber: 173, columnNumber: 19 }, __self: this }, "Phone"), /*#__PURE__*/ React.createElement("input", { type: "tel", id: "phone", name: "phone", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4a90e2]", __source: { fileName: "", lineNumber: 179, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "company", className: "block text-gray-700 mb-2 font-cormorant-garamond", __source: { fileName: "", lineNumber: 187, columnNumber: 19 }, __self: this }, "Company"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "company", name: "company", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4a90e2]", __source: { fileName: "", lineNumber: 193, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 200, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block text-gray-700 mb-2 font-cormorant-garamond", __source: { fileName: "", lineNumber: 201, columnNumber: 19 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { id: "message", name: "message", required: true, rows: "4", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4a90e2]", __source: { fileName: "", lineNumber: 207, columnNumber: 19 }, __self: this })), formStatus.message && /*#__PURE__*/ React.createElement("div", { className: `text-sm ${formStatus.isError ? "text-red-600" : "text-green-600"}`, __source: { fileName: "", lineNumber: 216, columnNumber: 19 }, __self: this }, formStatus.message), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "w-full bg-[#4a90e2] text-white px-6 py-3 rounded-lg hover:bg-[#357abd] transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 222, columnNumber: 17 }, __self: this }, isSubmitting ? "Sending..." : "Send Message"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 232, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-6", __source: { fileName: "", lineNumber: 233, columnNumber: 15 }, __self: this }, "Contact Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-4", __source: { fileName: "", lineNumber: 237, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-location-dot text-[#4a90e2] text-xl mt-1", __source: { fileName: "", lineNumber: 238, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 239, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-cormorant-garamond text-lg font-semibold", __source: { fileName: "", lineNumber: 240, columnNumber: 21 }, __self: this }, "Office Location"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 243, columnNumber: 21 }, __self: this }, "Las Vegas, NV"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-4", __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-phone text-[#4a90e2] text-xl mt-1", __source: { fileName: "", lineNumber: 247, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 248, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-cormorant-garamond text-lg font-semibold", __source: { fileName: "", lineNumber: 249, columnNumber: 21 }, __self: this }, "Phone"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 252, columnNumber: 21 }, __self: this }, "702-969-5586"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-4", __source: { fileName: "", lineNumber: 255, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-envelope text-[#4a90e2] text-xl mt-1", __source: { fileName: "", lineNumber: 256, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 257, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-cormorant-garamond text-lg font-semibold", __source: { fileName: "", lineNumber: 258, columnNumber: 21 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 261, columnNumber: 21 }, __self: this }, "info@ramirezconsultinglv.com"))), /*#__PURE__*/ React.createElement("div", { className: "pt-6 border-t border-gray-200", __source: { fileName: "", lineNumber: 266, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-cormorant-garamond text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 267, columnNumber: 19 }, __self: this }, "Follow Us"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 270, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#4a90e2] hover:text-[#357abd] transition-colors", __source: { fileName: "", lineNumber: 271, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-2xl", __source: { fileName: "", lineNumber: 275, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#4a90e2] hover:text-[#357abd] transition-colors", __source: { fileName: "", lineNumber: 277, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl", __source: { fileName: "", lineNumber: 281, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#4a90e2] hover:text-[#357abd] transition-colors", __source: { fileName: "", lineNumber: 283, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-2xl", __source: { fileName: "", lineNumber: 287, columnNumber: 23 }, __self: this }))))))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1a1a1a] text-white py-8", __source: { fileName: "", lineNumber: 297, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 px-6", __source: { fileName: "", lineNumber: 298, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 299, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, "Quick Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 301, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 302, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 303, columnNumber: 17 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 310, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/#about", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 318, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/#services", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 319, columnNumber: 17 }, __self: this }, "Services")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 326, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 327, columnNumber: 17 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 336, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 337, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 338, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 339, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/project-management", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 340, columnNumber: 17 }, __self: this }, "Project Management")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 347, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/change-management", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 348, columnNumber: 17 }, __self: this }, "Change Management")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 355, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/training-development", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 356, columnNumber: 17 }, __self: this }, "Training & Development")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 363, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/risk-management", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 364, columnNumber: 17 }, __self: this }, "Risk Management")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 373, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 374, columnNumber: 13 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-gray-400", __source: { fileName: "", lineNumber: 375, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 376, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-phone mr-2", __source: { fileName: "", lineNumber: 377, columnNumber: 17 }, __self: this }), " 702-969-5586"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 379, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-envelope mr-2", __source: { fileName: "", lineNumber: 380, columnNumber: 17 }, __self: this }), " ", "info@ramirezconsulting.com"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 383, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-location-dot mr-2", __source: { fileName: "", lineNumber: 384, columnNumber: 17 }, __self: this }), " Las Vegas, NV")))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto mt-6 pt-6 border-t border-gray-800 px-6", __source: { fileName: "", lineNumber: 389, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 390, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 391, columnNumber: 13 }, __self: this }, "© 2025 Ramirez Consulting. All rights reserved."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6 mt-4 md:mt-0", __source: { fileName: "", lineNumber: 394, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 395, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-xl", __source: { fileName: "", lineNumber: 399, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 401, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-xl", __source: { fileName: "", lineNumber: 405, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 407, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-xl", __source: { fileName: "", lineNumber: 411, columnNumber: 17 }, __self: this }))))))); }