function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", message: "" }); const [status, setStatus] = useState({ type: "", message: "" }); const [loading, setLoading] = useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setStatus({ type: "", message: "" }); try { const response = await fetch("/api/contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error(`Error: ${response.status}`); } setStatus({ type: "success", message: "Message sent successfully!" }); setFormData({ name: "", email: "", message: "" }); } catch (error) { console.error(error); setStatus({ type: "error", message: "Failed to send message. Please try again." }); } finally{ setLoading(false); } }; const handleChange = (e)=>{ setFormData((prev)=>({ ...prev, [e.target.name]: e.target.value })); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/7c36d894-7fa3-4b9a-958c-8263883e6294/-/preview/-/format/auto/-/quality/smart/-/resize/128x128/-/progressive/yes/-/border_radius/50/", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "preconnect", href: "https://fonts.googleapis.com", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { href: "https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;700&family=Raleway:wght@400;500;600;700&display=swap", rel: "stylesheet", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, ` .font-league-spartan { font-family: 'League Spartan', sans-serif; } .font-raleway { font-family: 'Raleway', sans-serif; } `), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center py-6", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-8", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-3xl font-league-spartan font-bold hover:text-[#00712B] transition-colors", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "stride"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center gap-6", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "font-raleway hover:text-[#00712B] transition-colors", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "font-raleway hover:text-[#00712B] transition-colors", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/products", className: "font-raleway hover:text-[#00712B] transition-colors", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, "Product"), /*#__PURE__*/ React.createElement("a", { href: "/find-us", className: "font-raleway hover:text-[#00712B] transition-colors", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, "Find Us"))), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "bg-[#00712B] text-white font-raleway py-2 px-4 rounded-lg hover:bg-[#005920] transition-colors text-sm", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, "Contact Us")), /*#__PURE__*/ React.createElement("div", { className: "md:hidden flex justify-center gap-6 mt-4", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "font-raleway hover:text-[#00712B] transition-colors", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "font-raleway hover:text-[#00712B] transition-colors", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/products", className: "font-raleway hover:text-[#00712B] transition-colors", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, "Product"), /*#__PURE__*/ React.createElement("a", { href: "/find-us", className: "font-raleway hover:text-[#00712B] transition-colors", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, "Find Us")), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto text-center mt-16 text-white", __source: { fileName: "", lineNumber: 147, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl md:text-7xl font-league-spartan font-bold mb-6", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, "Contact Us"))), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-black px-4 py-16", __source: { fileName: "", lineNumber: 154, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 155, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-[#00712B] rounded-2xl p-8", __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-lg font-raleway mb-2 text-white", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", value: formData.name, onChange: handleChange, required: true, className: "w-full px-4 py-3 bg-white border-2 border-white rounded-lg text-black placeholder-gray-500 focus:outline-none focus:border-white focus:ring-1 focus:ring-white", placeholder: "Your name", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-lg font-raleway mb-2 text-white", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: formData.email, onChange: handleChange, required: true, className: "w-full px-4 py-3 bg-white border-2 border-white rounded-lg text-black placeholder-gray-500 focus:outline-none focus:border-white focus:ring-1 focus:ring-white", placeholder: "your@email.com", __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block text-lg font-raleway mb-2 text-white", __source: { fileName: "", lineNumber: 197, columnNumber: 17 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { id: "message", name: "message", value: formData.message, onChange: handleChange, required: true, rows: "5", className: "w-full px-4 py-3 bg-white border-2 border-white rounded-lg text-black placeholder-gray-500 focus:outline-none focus:border-white focus:ring-1 focus:ring-white", placeholder: "Your message", __source: { fileName: "", lineNumber: 203, columnNumber: 17 }, __self: this })), status.message && /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded-lg ${status.type === "success" ? "bg-white/10 text-white" : "bg-red-500/10 text-red-500"}`, __source: { fileName: "", lineNumber: 216, columnNumber: 17 }, __self: this }, status.message), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-white text-[#00712B] font-raleway py-3 px-6 rounded-lg hover:bg-gray-100 transition-colors disabled:opacity-50 font-bold", __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }, loading ? "Sending..." : "Send Message"))))), /*#__PURE__*/ React.createElement("footer", { className: "border-t border-[#333]", __source: { fileName: "", lineNumber: 239, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 240, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 241, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-raleway text-sm text-white", __source: { fileName: "", lineNumber: 242, columnNumber: 13 }, __self: this }, "© 2025 Stride. All rights reserved."))))); }