"use client"; function MainComponent() { const [isLoading, setIsLoading] = useState(true); const [isLoggedIn, setIsLoggedIn] = useState(false); const [showAuthModal, setShowAuthModal] = useState(false); const [authMode, setAuthMode] = useState("signin"); useEffect(()=>{ setTimeout(()=>setIsLoading(false), 2000); }, []); const handleAuth = (mode)=>{ setAuthMode(mode); setShowAuthModal(true); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a0a] text-white font-orbitron relative overflow-hidden", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1a1a1a] border-b border-[#333] py-4 mb-8", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-[#00ff9d]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "BlockStack"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-6 items-center", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/settings", className: "hover:text-[#00ff9d]", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Game Modes"), /*#__PURE__*/ React.createElement("a", { href: "/marketplace", className: "hover:text-[#00ff9d]", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Marketplace"), /*#__PURE__*/ React.createElement("a", { href: "/hub", className: "hover:text-[#00ff9d]", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Hub World"), /*#__PURE__*/ React.createElement("a", { href: "/explore", className: "hover:text-[#00ff9d]", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Exploration"), isLoggedIn ? /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "hover:text-[#00ff9d]", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-xl", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this })) : /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleAuth("signin"), className: "px-4 py-2 bg-[#00ff9d]/20 border border-[#00ff9d] rounded-lg hover:bg-[#00ff9d]/30", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Sign In")))), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 max-w-6xl mx-auto p-4", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `transition-opacity duration-1000 ${isLoading ? "opacity-0" : "opacity-100"}`, __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-12", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl font-bold text-[#00ff9d] animate-pulse", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "BlockStack"), /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-4 border-2 border-[#00ff9d] rounded-lg animate-spin-slow", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 grid grid-cols-1 lg:grid-cols-2 gap-12", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center space-y-8", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold bg-gradient-to-r from-[#00ff9d] to-[#00ccff] bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "Epic Adventure Awaits"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Stack blocks, explore dungeons, trade items, and conquer challenges in this immersive gaming experience."), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, !isLoggedIn && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleAuth("signin"), className: "px-6 py-3 bg-[#00ff9d]/20 border border-[#00ff9d] rounded-lg text-lg font-bold hover:bg-[#00ff9d]/30", __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleAuth("signup"), className: "px-6 py-3 bg-[#ff00cc]/20 border border-[#ff00cc] rounded-lg text-lg font-bold hover:bg-[#ff00cc]/30", __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, "Sign Up")), /*#__PURE__*/ React.createElement("a", { href: "/settings", className: "px-6 py-3 bg-[#00ccff]/20 border border-[#00ccff] rounded-lg text-lg font-bold hover:bg-[#00ccff]/30", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, "Play Now")), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/game-preview.jpg", alt: "Dynamic gameplay showing block stacking mechanics with special effects and power-ups", className: "rounded-lg shadow-lg border border-[#333]", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/settings", className: "bg-[#1a1a1a] rounded-2xl p-6 border border-[#333] shadow-[0_0_30px_rgba(0,255,157,0.2)] hover:border-[#00ff9d]", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-gamepad text-4xl text-[#00ff9d] mb-4", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, "Game Modes"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, "Classic, Time Attack, and more")), /*#__PURE__*/ React.createElement("a", { href: "/marketplace", className: "bg-[#1a1a1a] rounded-2xl p-6 border border-[#333] shadow-[0_0_30px_rgba(0,204,255,0.2)] hover:border-[#00ccff]", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-store text-4xl text-[#00ccff] mb-4", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, "Marketplace"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, "Trade items and power-ups")), /*#__PURE__*/ React.createElement("a", { href: "/hub", className: "bg-[#1a1a1a] rounded-2xl p-6 border border-[#333] shadow-[0_0_30px_rgba(255,0,204,0.2)] hover:border-[#ff00cc]", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-city text-4xl text-[#ff00cc] mb-4", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, "Hub World"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, "Meet players and join quests")), /*#__PURE__*/ React.createElement("a", { href: "/explore", className: "bg-[#1a1a1a] rounded-2xl p-6 border border-[#333] shadow-[0_0_30px_rgba(255,204,0,0.2)] hover:border-[#ffcc00]", __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-compass text-4xl text-[#ffcc00] mb-4", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, "Exploration"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, "Discover mysterious dungeons")))), /*#__PURE__*/ React.createElement("div", { className: "mt-16 bg-[#1a1a1a] rounded-2xl p-8 border border-[#333] shadow-[0_0_30px_rgba(0,255,157,0.2)]", __source: { fileName: "", lineNumber: 151, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 152, columnNumber: 11 }, __self: this }, "Featured Events"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a] p-4 rounded-lg border border-[#444]", __source: { fileName: "", lineNumber: 156, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff9d] mb-2", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, "🎮 Weekly Tournament"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, "Compete for epic prizes")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a] p-4 rounded-lg border border-[#444]", __source: { fileName: "", lineNumber: 160, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00ccff] mb-2", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, "🎯 Daily Challenges"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 162, columnNumber: 15 }, __self: this }, "New rewards every day")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a] p-4 rounded-lg border border-[#444]", __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#ff00cc] mb-2", __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this }, "⚔️ Boss Raids"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 166, columnNumber: 15 }, __self: this }, "Team up and conquer"))))), showAuthModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-8 rounded-2xl border border-[#333] max-w-md w-full", __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#00ff9d]", __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }, authMode === "signin" ? "Sign In" : "Sign Up"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAuthModal(false), className: "text-[#666] hover:text-white", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Email", className: "w-full bg-[#2a2a2a] border border-[#444] rounded-lg p-3 text-white", __source: { fileName: "", lineNumber: 187, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Password", className: "w-full bg-[#2a2a2a] border border-[#444] rounded-lg p-3 text-white", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full px-6 py-3 bg-[#00ff9d]/20 border border-[#00ff9d] rounded-lg text-lg font-bold hover:bg-[#00ff9d]/30", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, authMode === "signin" ? "Sign In" : "Sign Up")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center text-[#666]", __source: { fileName: "", lineNumber: 201, columnNumber: 13 }, __self: this }, authMode === "signin" ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>setAuthMode("signup"), className: "text-[#00ff9d] hover:underline", __source: { fileName: "", lineNumber: 203, columnNumber: 17 }, __self: this }, "Need an account? Sign up") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>setAuthMode("signin"), className: "text-[#00ff9d] hover:underline", __source: { fileName: "", lineNumber: 210, columnNumber: 17 }, __self: this }, "Already have an account? Sign in")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 222, columnNumber: 7 }, __self: this }, ` @keyframes glow { 0%, 100% { text-shadow: 0 0 10px rgba(0,255,157,0.5); } 50% { text-shadow: 0 0 20px rgba(0,255,157,0.8); } } h1 { animation: glow 3s ease-in-out infinite; } @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .animate-spin-slow { animation: spin-slow 10s linear infinite; } `)); }