function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", phone: "", event_date: "", event_type: "", cake_type: "", number_of_servings: "", special_requirements: "" }); const [status, setStatus] = useState({ message: "", isError: false, isSubmitting: false }); const handleChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleSubmit = async (e)=>{ e.preventDefault(); setStatus({ message: "", isError: false, isSubmitting: true }); try { const response = await fetch("/api/submit-inquiry", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const data = await response.json(); if (!response.ok) { throw new Error(data.error || "Failed to submit inquiry"); } setStatus({ message: "Thank you for your inquiry! We will get back to you soon.", isError: false, isSubmitting: false }); setFormData({ name: "", email: "", phone: "", event_date: "", event_type: "", cake_type: "", number_of_servings: "", special_requirements: "" }); } catch (error) { setStatus({ message: error.message, isError: true, isSubmitting: false }); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F0F7F7]", __source: { fileName: "", lineNumber: 71, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#2A9D8F] text-white py-4 px-6 fixed w-full z-50", __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-playfair", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "Blissful Bites & Bakes"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-[#A7E8E3]", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "Back to Home"))), /*#__PURE__*/ React.createElement("div", { className: "pt-24 pb-12 px-6", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto bg-white rounded-lg shadow-xl p-8", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-playfair text-[#264653] mb-8 text-center", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "Cake Inquiry Form"), status.message && /*#__PURE__*/ React.createElement("div", { className: `p-4 mb-6 rounded ${status.isError ? "bg-red-100 text-red-700" : "bg-green-100 text-green-700"}`, __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, status.message), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, "Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", required: true, value: formData.name, onChange: handleChange, className: "w-full px-4 py-2 border rounded focus:outline-none focus:border-[#2A9D8F]", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, "Email *"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", required: true, value: formData.email, onChange: handleChange, className: "w-full px-4 py-2 border rounded focus:outline-none focus:border-[#2A9D8F]", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, "Phone"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleChange, className: "w-full px-4 py-2 border rounded focus:outline-none focus:border-[#2A9D8F]", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this }, "Event Date"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "event_date", value: formData.event_date, onChange: handleChange, className: "w-full px-4 py-2 border rounded focus:outline-none focus:border-[#2A9D8F]", __source: { fileName: "", lineNumber: 134, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 143, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, "Event Type"), /*#__PURE__*/ React.createElement("select", { name: "event_type", value: formData.event_type, onChange: handleChange, className: "w-full px-4 py-2 border rounded focus:outline-none focus:border-[#2A9D8F]", __source: { fileName: "", lineNumber: 145, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 151, columnNumber: 19 }, __self: this }, "Select Event Type"), /*#__PURE__*/ React.createElement("option", { value: "Wedding", __source: { fileName: "", lineNumber: 152, columnNumber: 19 }, __self: this }, "Wedding"), /*#__PURE__*/ React.createElement("option", { value: "Birthday", __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }, "Birthday"), /*#__PURE__*/ React.createElement("option", { value: "Anniversary", __source: { fileName: "", lineNumber: 154, columnNumber: 19 }, __self: this }, "Anniversary"), /*#__PURE__*/ React.createElement("option", { value: "Corporate", __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }, "Corporate"), /*#__PURE__*/ React.createElement("option", { value: "Other", __source: { fileName: "", lineNumber: 156, columnNumber: 19 }, __self: this }, "Other"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, "Cake Type"), /*#__PURE__*/ React.createElement("select", { name: "cake_type", value: formData.cake_type, onChange: handleChange, className: "w-full px-4 py-2 border rounded focus:outline-none focus:border-[#2A9D8F]", __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 168, columnNumber: 19 }, __self: this }, "Select Cake Type"), /*#__PURE__*/ React.createElement("option", { value: "Traditional", __source: { fileName: "", lineNumber: 169, columnNumber: 19 }, __self: this }, "Traditional"), /*#__PURE__*/ React.createElement("option", { value: "Fondant", __source: { fileName: "", lineNumber: 170, columnNumber: 19 }, __self: this }, "Fondant"), /*#__PURE__*/ React.createElement("option", { value: "Buttercream", __source: { fileName: "", lineNumber: 171, columnNumber: 19 }, __self: this }, "Buttercream"), /*#__PURE__*/ React.createElement("option", { value: "Chocolate", __source: { fileName: "", lineNumber: 172, columnNumber: 19 }, __self: this }, "Chocolate"), /*#__PURE__*/ React.createElement("option", { value: "Fruit", __source: { fileName: "", lineNumber: 173, columnNumber: 19 }, __self: this }, "Fruit"), /*#__PURE__*/ React.createElement("option", { value: "Bakes", __source: { fileName: "", lineNumber: 174, columnNumber: 19 }, __self: this }, "Bakes"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 178, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 179, columnNumber: 17 }, __self: this }, "Number of Servings"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "number_of_servings", value: formData.number_of_servings, onChange: handleChange, min: "1", className: "w-full px-4 py-2 border rounded focus:outline-none focus:border-[#2A9D8F]", __source: { fileName: "", lineNumber: 182, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2A9D8F] mb-2", __source: { fileName: "", lineNumber: 194, columnNumber: 15 }, __self: this }, "Special Requirements"), /*#__PURE__*/ React.createElement("textarea", { name: "special_requirements", value: formData.special_requirements, onChange: handleChange, rows: "4", className: "w-full px-4 py-2 border rounded focus:outline-none focus:border-[#2A9D8F]", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: status.isSubmitting, className: "w-full bg-[#2A9D8F] text-white px-8 py-3 rounded-full hover:bg-[#264653] transition-colors disabled:bg-gray-400", __source: { fileName: "", lineNumber: 206, columnNumber: 13 }, __self: this }, status.isSubmitting ? "Submitting..." : "Submit Inquiry")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#2A9D8F] text-white py-6 px-6", __source: { fileName: "", lineNumber: 217, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto text-center", __source: { fileName: "", lineNumber: 218, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 219, columnNumber: 11 }, __self: this }, "© 2025 Blissful Bites & Bakes. All rights reserved.")))); }