function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#0a0a0a] text-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-[#121212] p-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "create.xyz Hackathon"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Register"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 flex flex-col items-center justify-center px-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl font-bold font-roboto mb-6", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Join The Ultimate Coding Battle!"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto mb-8 text-center max-w-[600px]", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Unleash your coding potential at the create.xyz Hackathon. Collaborate, create, and compete with the best minds in the industry."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#ff5722] text-white px-8 py-3 text-xl font-roboto rounded-full hover:bg-[#e64a19] transition", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Register Now")), /*#__PURE__*/ React.createElement("footer", { className: "w-full bg-[#121212] p-4 flex justify-center items-center", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "© 2023 create.xyz Hackathon. All rights reserved.")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, ` @keyframes slideIn { 0% { opacity: 0; transform: translateY(-50%); } 100% { opacity: 1; transform: translateY(0); } } header, main { animation: slideIn 1s ease-out; } `)); }