function MainComponent() { const handleSubmit = (e)=>{ e.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f7f7f7] min-h-screen flex flex-col items-center justify-center px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-xl rounded-2xl px-10 pt-10 pb-12 mb-4 w-full max-w-md", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-12", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/geco-games-logo.png", alt: "Geco Games Zambia Logo", className: "h-[80px] w-auto", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center font-semibold font-roboto mb-8 text-[#121212]", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-8", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { name: "name", type: "text", required: true, className: "rounded-lg block w-full px-4 py-3 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500", placeholder: "Your Name", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", required: true, className: "rounded-lg block w-full px-4 py-3 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500", placeholder: "Your Email", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block text-sm font-medium text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { name: "message", required: true, className: "rounded-lg block w-full px-4 py-3 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500", placeholder: "Your Message", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "relative w-full flex justify-center py-3 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Send Message"))))); }