function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f2f5] min-h-screen flex flex-col items-center pt-10", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-3xl font-bold text-[#1c1e21] mb-5", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Welcome to UA Free Support"), /*#__PURE__*/ React.createElement("main", { className: "w-full max-w-4xl mx-auto bg-white shadow-lg rounded-lg p-6", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#333] mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "How can we help?"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "queryType", className: "block text-md font-medium text-[#333] mb-1", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "Query Type"), /*#__PURE__*/ React.createElement("select", { id: "queryType", name: "queryType", className: "block w-full p-2.5 border border-[#d1d5db] rounded-md shadow-sm focus:border-[#6b7280] focus:ring-[#6b7280]", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "generalInquiry", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, "General Inquiry"), /*#__PURE__*/ React.createElement("option", { value: "donationSupport", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, "Donation Support"), /*#__PURE__*/ React.createElement("option", { value: "volunteering", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, "Volunteering"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-md font-medium text-[#333] mb-1", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "block w-full p-2.5 border border-[#d1d5db] rounded-md shadow-sm focus:border-[#6b7280] focus:ring-[#6b7280]", placeholder: "your@example.com", required: true, __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block text-md font-medium text-[#333] mb-1", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { id: "message", name: "message", rows: "4", className: "block w-full p-2.5 border border-[#d1d5db] rounded-md shadow-sm focus:border-[#6b7280] focus:ring-[#6b7280]", placeholder: "Your message...", required: true, __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-[#4f46e5] text-white font-semibold rounded-md hover:bg-[#4338ca] focus:outline-none focus:ring-2 focus:ring-[#4338ca]", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Send"))))); }