function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-6 bg-gradient-to-r from-[#6dd5ed] to-[#2193b0] min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white mb-8 font-roboto animate-pulse", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Join Our Beginner-Friendly Team"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-white mb-6 font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "Start your career with a vibrant team!"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] bg-white p-10 shadow-2xl rounded-xl", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block font-roboto text-xl text-[#333] mb-3", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Name:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", className: "w-full p-4 border border-[#CCC] rounded-2xl", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block font-roboto text-xl text-[#333] mb-3", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Email:"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "w-full p-4 border border-[#CCC] rounded-2xl", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "resume", className: "block font-roboto text-xl text-[#333] mb-3", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Upload Resume:"), /*#__PURE__*/ React.createElement("input", { type: "file", id: "resume", name: "resume", className: "w-full p-4 border border-[#CCC] rounded-2xl", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#1238cc] text-white p-4 rounded-2xl hover:bg-[#0c2d99] transition-colors duration-300", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Submit Application")))); }