function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F0EAE2] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-4xl text-[#303030] font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Join Our Team"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#505050] mt-2 font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "We're looking for talented individuals")), /*#__PURE__*/ React.createElement("main", { className: "w-full max-w-3xl bg-white shadow-lg rounded-lg overflow-hidden p-8", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fullName", className: "mb-2 font-roboto text-lg text-[#303030]", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", id: "fullName", className: "border p-3 rounded-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "mb-2 font-roboto text-lg text-[#303030]", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", className: "border p-3 rounded-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "position", className: "mb-2 font-roboto text-lg text-[#303030]", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Position"), /*#__PURE__*/ React.createElement("select", { name: "position", id: "position", className: "border p-3 rounded-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Select a position"), /*#__PURE__*/ React.createElement("option", { value: "developer", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "Developer"), /*#__PURE__*/ React.createElement("option", { value: "designer", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Designer"), /*#__PURE__*/ React.createElement("option", { value: "project_manager", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Project Manager"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "coverLetter", className: "mb-2 font-roboto text-lg text-[#303030]", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Cover Letter"), /*#__PURE__*/ React.createElement("textarea", { name: "coverLetter", id: "coverLetter", rows: "5", className: "border p-3 rounded-lg", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-10 py-2 bg-[#303030] text-white rounded-lg font-roboto text-lg", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "Submit"))))); }