function MainComponent() { const handleLoginSubmit = (event)=>{ event.preventDefault(); // Process the form submission here }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#5865F2] p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-white font-bold font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Discord Bot Controller"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#ADB8CD] font-light font-roboto mt-2", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Simplify your Discord bot management")), /*#__PURE__*/ React.createElement("main", { className: "w-full max-w-4xl bg-[#2C2F33] rounded-lg p-8", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-white font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Bot Features"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside text-[#DCDDDE] font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Intuitive control dashboard"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Live bot statistics tracking"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Flexible command customization"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Advanced user role assignments"))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-white font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Access Your Bot"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLoginSubmit, __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "botToken", className: "block text-sm text-[#ADB8CD] font-roboto mb-2", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Bot Token"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "botToken", name: "botToken", className: "w-full p-3 rounded bg-[#40444B] text-white placeholder-[#72767D] focus:outline-none focus:ring-2 focus:ring-[#7289DA] transition ease-in-out duration-300", placeholder: "Enter your Discord bot token", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-3 bg-[#7289DA] text-white rounded hover:bg-[#5B6EAE] transition ease-in-out duration-300 font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Sign In")))), /*#__PURE__*/ React.createElement("footer", { className: "text-center mt-8 text-[#ADB8CD] font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Powered by Discord API & Next.js 🚀")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } body { animation: fadeIn 1s ease-in-out; } `)); }