function MainComponent() { const [copied, setCopied] = useState(false); const serverIP = "joonbhee.heresjeffy.com"; const copyIP = ()=>{ navigator.clipboard.writeText(serverIP); setCopied(true); setTimeout(()=>setCopied(false), 2000); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a0a] flex flex-col", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#0a0a0a]/90 backdrop-blur-lg border-b border-[#64ff64]/10 px-6 py-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 group", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-2 bg-gradient-to-r from-[#64ff64]/20 to-transparent rounded-full blur-lg group-hover:from-[#64ff64]/30 transition-all duration-500", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/1892bbe6-924d-4465-ab52-9ab0a55e3b11/", alt: "Logo", className: "w-10 h-10 relative transform group-hover:scale-110 transition-transform duration-500", style: { imageRendering: "pixelated" }, __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white font-minecraft text-2xl tracking-wider", style: { textShadow: "0 2px 10px rgba(100, 255, 100, 0.2), 0 0 30px rgba(100, 255, 100, 0.1)" }, __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Joonhbee SMP")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center relative overflow-hidden px-4", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#0a0a0a]", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-[#64ff64]/5 via-transparent to-transparent animate-pulse", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('https://ucarecdn.com/1892bbe6-924d-4465-ab52-9ab0a55e3b11/')] opacity-[0.02] bg-repeat bg-center animate-slide", style: { backgroundSize: "100px 100px" }, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-1/4 w-px h-20 bg-gradient-to-b from-transparent via-[#64ff64]/20 to-transparent animate-fall-slow", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-2/4 w-px h-32 bg-gradient-to-b from-transparent via-[#64ff64]/10 to-transparent animate-fall-slower", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-1/3 w-px h-16 bg-gradient-to-b from-transparent via-[#64ff64]/30 to-transparent animate-fall-fast", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/4 left-1/4 w-2 h-2 bg-[#64ff64]/20 rounded-full animate-float-delayed blur-sm", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/3 right-1/3 w-2 h-2 bg-[#64ff64]/20 rounded-full animate-float blur-sm", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-1/3 left-1/3 w-2 h-2 bg-[#64ff64]/20 rounded-full animate-float-delayed-more blur-sm", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-2/3 right-1/4 w-1.5 h-1.5 bg-[#64ff64]/30 rounded-full animate-float-delayed-extra blur-sm", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-1/4 right-1/3 w-1 h-1 bg-[#64ff64]/25 rounded-full animate-float-reverse blur-sm", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative mb-12 group", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-4 bg-gradient-to-r from-[#64ff64]/10 via-[#64ff64]/5 to-[#64ff64]/10 rounded-full blur-xl animate-pulse opacity-75", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/1892bbe6-924d-4465-ab52-9ab0a55e3b11/", alt: "Server Logo", className: "w-72 h-72 mx-auto animate-float", style: { imageRendering: "pixelated" }, __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-8 rounded-3xl border-2 border-[#64ff64]/10 animate-spin-slow", __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-12 rounded-3xl border border-[#64ff64]/5 animate-spin-slow-reverse", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-16 rounded-3xl border border-[#64ff64]/5 animate-spin-slower", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-4 -left-4 w-8 h-8 border-t-2 border-l-2 border-[#64ff64]/20 rounded-tl-xl", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-4 -right-4 w-8 h-8 border-t-2 border-r-2 border-[#64ff64]/20 rounded-tr-xl", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -bottom-4 -left-4 w-8 h-8 border-b-2 border-l-2 border-[#64ff64]/20 rounded-bl-xl", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -bottom-4 -right-4 w-8 h-8 border-b-2 border-r-2 border-[#64ff64]/20 rounded-br-xl", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-12 relative group", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-4 bg-gradient-to-r from-transparent via-[#64ff64]/5 to-transparent rounded-full blur-lg group-hover:via-[#64ff64]/10 transition-all duration-500", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-[#64ff64]/10 to-[#64ff64]/10 rounded-lg opacity-25", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-minecraft text-white mb-6 tracking-wide relative transform group-hover:scale-[1.02] transition-transform duration-500", style: { textShadow: "0 2px 10px rgba(100, 255, 100, 0.3), 0 0 40px rgba(100, 255, 100, 0.1)" }, __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, "Survival for the Seasoned Veterans"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-6", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "group/feature px-4 py-2 rounded-lg bg-[#1a1a1a]/50 border border-[#64ff64]/10 backdrop-blur-sm hover:bg-[#1a1a1a]/70 transition-all duration-300", __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 116, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#64ff64] rounded-full animate-pulse", __source: { fileName: "", lineNumber: 117, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#cccccc] font-minecraft group-hover/feature:text-white transition-colors", __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }, "Custom Mobs"))), /*#__PURE__*/ React.createElement("div", { className: "group/feature px-4 py-2 rounded-lg bg-[#1a1a1a]/50 border border-[#64ff64]/10 backdrop-blur-sm hover:bg-[#1a1a1a]/70 transition-all duration-300", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 124, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#64ff64] rounded-full animate-pulse", __source: { fileName: "", lineNumber: 125, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#cccccc] font-minecraft group-hover/feature:text-white transition-colors", __source: { fileName: "", lineNumber: 126, columnNumber: 21 }, __self: this }, "Dynamic Difficulty"))))), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-2 bg-gradient-to-r from-[#64ff64]/20 via-[#64ff64]/10 to-[#64ff64]/20 rounded-2xl blur-lg opacity-75 group-hover:opacity-100 transition-all duration-500", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: copyIP, className: "relative bg-[#1a1a1a] px-8 py-5 rounded-xl border border-[#64ff64]/20 group-hover:border-[#64ff64]/30 transition-all duration-500 transform hover:scale-[1.02] hover:bg-[#1a1a1a]/70", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 bg-gradient-to-r from-[#64ff64]/10 to-[#64ff64]/5 transform origin-left transition-transform duration-500 rounded-xl ${copied ? "scale-x-100" : "scale-x-0"}`, __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-minecraft text-[#64ff64] mb-2 relative transform group-hover:scale-105 transition-transform duration-500", style: { textShadow: "0 0 20px rgba(100, 255, 100, 0.3), 0 0 40px rgba(100, 255, 100, 0.1)" }, __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, serverIP), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-minecraft text-[#999999] transition-colors group-hover:text-[#cccccc]", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, copied ? "IP Copied!" : "Click to Copy"))))))); } /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 172, columnNumber: 1 }, __self: this }, ` @keyframes float { 0%, 100% { transform: translateY(0px) scale(1); } 50% { transform: translateY(-10px) scale(1.02); } } @keyframes float-delayed { 0%, 100% { transform: translate(0px, 0px); } 50% { transform: translate(10px, -10px); } } @keyframes float-delayed-more { 0%, 100% { transform: translate(0px, 0px); } 50% { transform: translate(-10px, -10px); } } @keyframes float-delayed-extra { 0%, 100% { transform: translate(0px, 0px); } 50% { transform: translate(5px, -15px); } } @keyframes float-reverse { 0%, 100% { transform: translate(0px, 0px); } 50% { transform: translate(-5px, 10px); } } @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin-slow-reverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes spin-slower { from { transform: rotate(180deg); } to { transform: rotate(-180deg); } } @keyframes slide { from { background-position: 0 0; } to { background-position: 100px 100px; } } @keyframes fall-slow { 0% { transform: translateY(-100%); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateY(100vh); opacity: 0; } } @keyframes fall-slower { 0% { transform: translateY(-200%); opacity: 0; } 50% { opacity: 0.7; } 100% { transform: translateY(100vh); opacity: 0; } } @keyframes fall-fast { 0% { transform: translateY(-50%); opacity: 0; } 50% { opacity: 0.5; } 100% { transform: translateY(100vh); opacity: 0; } } .animate-float { animation: float 6s ease-in-out infinite; } .animate-float-delayed { animation: float-delayed 7s ease-in-out infinite; } .animate-float-delayed-more { animation: float-delayed-more 8s ease-in-out infinite; } .animate-float-delayed-extra { animation: float-delayed-extra 9s ease-in-out infinite; } .animate-float-reverse { animation: float-reverse 10s ease-in-out infinite; } .animate-spin-slow { animation: spin-slow 20s linear infinite; } .animate-spin-slow-reverse { animation: spin-slow-reverse 25s linear infinite; } .animate-spin-slower { animation: spin-slower 30s linear infinite; } .animate-slide { animation: slide 20s linear infinite; } .animate-fall-slow { animation: fall-slow 10s linear infinite; } .animate-fall-slower { animation: fall-slower 15s linear infinite; } .animate-fall-fast { animation: fall-fast 7s linear infinite; } `);