function NeonLogo({ flicker = true, size = "md", variant = "message", showText = true }) { const sizeClasses = { sm: "h-8", md: "h-12", lg: "h-16", xl: "h-24" }; const textSizeClasses = { sm: "text-xs", md: "text-sm", lg: "text-lg", xl: "text-2xl" }; const getDefaultSize = ()=>{ if (variant === "live") return "sm"; return size; }; const renderMessageIcon = ()=>/*#__PURE__*/ React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", className: `h-full aspect-square ${flicker ? "animate-neonFlicker" : "animate-neonPulse"} transition-transform duration-300 hover:scale-105`, __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M21 11.5C21 16.1944 16.9706 20 12 20C10.5174 20 9.1257 19.6637 7.8833 19.0724L3 20L4.3111 15.8778C3.4831 14.5047 3 12.8665 3 11.5C3 6.8056 7.0294 3 12 3C16.9706 3 21 6.8056 21 11.5Z", stroke: "#FF00FF", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { filter: ` drop-shadow(0 0 7px #FF00FF) drop-shadow(0 0 10px #FF00FF) drop-shadow(0 0 21px #FF00FF) ` }, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M8 10H16M8 14H13", stroke: "#00FFFF", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { filter: ` drop-shadow(0 0 7px #00FFFF) drop-shadow(0 0 10px #00FFFF) drop-shadow(0 0 21px #00FFFF) ` }, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this })); const renderLiveIcon = ()=>/*#__PURE__*/ React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", className: "h-full aspect-square animate-livePulse transition-transform duration-300 hover:scale-105", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "8", fill: "#FF0000", stroke: "#FF0000", strokeWidth: "2", style: { filter: ` drop-shadow(0 0 7px #FF0000) drop-shadow(0 0 10px #FF0000) drop-shadow(0 0 21px #FF0000) ` }, __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this })); return /*#__PURE__*/ React.createElement("div", { className: `inline-flex items-center gap-2 ${sizeClasses[getDefaultSize()]}`, __source: { fileName: "", lineNumber: 90, columnNumber: 5 }, __self: this }, variant === "live" ? renderLiveIcon() : renderMessageIcon(), showText && /*#__PURE__*/ React.createElement("span", { className: `font-bold ${textSizeClasses[getDefaultSize()]} ${flicker ? "animate-neonFlicker" : "animate-neonPulse"}`, style: { color: "#00FFFF", textShadow: ` 0 0 7px #00FFFF, 0 0 10px #00FFFF, 0 0 21px #00FFFF ` }, __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, "Create"), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this }, ` @keyframes neonPulse { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.8; transform: scale(0.98); } 100% { opacity: 1; transform: scale(1); } } @keyframes neonFlicker { 0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% { opacity: 1; transform: scale(1); } 20%, 21.999%, 63%, 63.999%, 65%, 69.999% { opacity: 0.4; transform: scale(0.95); } } @keyframes livePulse { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.85; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } } .animate-neonPulse { animation: neonPulse 2s ease-in-out infinite; } .animate-neonFlicker { animation: neonFlicker 4s infinite; } .animate-livePulse { animation: livePulse 1.5s ease-in-out infinite; } `)); } function NeonLogoStory() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black p-8 space-y-12", __source: { fileName: "", lineNumber: 171, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 172, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, "Full Logo (Default)"), /*#__PURE__*/ React.createElement(NeonLogo, { variant: "message", size: "md", showText: true, __source: { fileName: "", lineNumber: 174, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 177, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, "Icon Only"), /*#__PURE__*/ React.createElement(NeonLogo, { variant: "message", size: "md", showText: false, __source: { fileName: "", lineNumber: 179, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 182, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 183, columnNumber: 9 }, __self: this }, "Live Variant"), /*#__PURE__*/ React.createElement(NeonLogo, { variant: "live", showText: true, __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 187, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 188, columnNumber: 9 }, __self: this }, "Flickering Effect"), /*#__PURE__*/ React.createElement(NeonLogo, { variant: "message", flicker: true, size: "md", showText: true, __source: { fileName: "", lineNumber: 189, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 197, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 198, columnNumber: 9 }, __self: this }, "Pulsing Effect"), /*#__PURE__*/ React.createElement(NeonLogo, { variant: "message", flicker: false, size: "md", showText: true, __source: { fileName: "", lineNumber: 199, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 207, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 208, columnNumber: 9 }, __self: this }, "Size Variants"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-start gap-4", __source: { fileName: "", lineNumber: 209, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(NeonLogo, { variant: "message", size: "sm", showText: true, __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(NeonLogo, { variant: "message", size: "md", showText: true, __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(NeonLogo, { variant: "message", size: "lg", showText: true, __source: { fileName: "", lineNumber: 212, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(NeonLogo, { variant: "message", size: "xl", showText: true, __source: { fileName: "", lineNumber: 213, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 217, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 218, columnNumber: 9 }, __self: this }, "Inline Text Example"), /*#__PURE__*/ React.createElement("p", { className: "text-white text-xl flex items-center gap-2", __source: { fileName: "", lineNumber: 219, columnNumber: 9 }, __self: this }, "Welcome to", " ", /*#__PURE__*/ React.createElement(NeonLogo, { variant: "message", size: "sm", showText: true, __source: { fileName: "", lineNumber: 221, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(NeonLogo, { variant: "live", size: "sm", showText: false, __source: { fileName: "", lineNumber: 222, columnNumber: 11 }, __self: this }), " Live now!"))); } function MainComponent() { const [isLightOn, setIsLightOn] = useState(false); const [currentTheme, setCurrentTheme] = useState("dms"); const [perspective, setPerspective] = useState({ x: 0, y: 0 }); const [playSound] = useState(()=>{ if (typeof Audio !== "undefined") { return { click: new Audio("/click.mp3"), whoosh: new Audio("/whoosh.mp3"), hover: new Audio("/hover.mp3"), pop: new Audio("/pop.mp3") }; } return null; }); const handleClick = (callback)=>{ if (playSound?.click) { playSound.click.play().catch(console.error); } callback(); }; const teamSwitches = [ { name: "DMs", theme: "dms", logo: "https://ucarecdn.com/85579253-d489-4683-a5f3-1355ee6ddf37/-/preview/50x50/-/format/auto/", position: "top-0" }, { name: "Jordan Bulls", theme: "bulls", logo: "https://ucarecdn.com/85579253-d489-4683-a5f3-1355ee6ddf37/-/preview/50x50/-/format/auto/", position: "top-20" }, { name: "Lakers", theme: "lakers", logo: "https://ucarecdn.com/f2ea41fd-ac87-4d55-9cc4-2ed7c5d8f57b/-/preview/50x50/-/format/auto/", position: "top-40" }, { name: "Warriors", theme: "warriors", logo: "https://ucarecdn.com/cdbc2e70-3307-4df8-8c21-51feb4e878e1/-/preview/50x50/-/format/auto/", position: "top-60" }, { name: "Pelicans", theme: "pelicans", logo: "https://ucarecdn.com/6267911c-8a6d-4a2e-a173-a5340046a99f/-/preview/50x50/-/format/auto/", position: "top-80" } ]; useEffect(()=>{ const handleMouseMove = (e)=>{ const { clientX, clientY } = e; const { innerWidth, innerHeight } = window; const x = (clientX - innerWidth / 2) / 50; const y = (clientY - innerHeight / 2) / 50; setPerspective({ x, y }); }; window.addEventListener("mousemove", handleMouseMove); return ()=>window.removeEventListener("mousemove", handleMouseMove); }, []); const getThemeStyles = (theme)=>{ switch(theme){ case "dms": return { background: { main: "bg-[#1A1B1E]", nav: "bg-[#1A1B1E]/80", card: "bg-[#2C2D31]", modal: "bg-[#2C2D31]/90", button: "bg-[#5C4CE5]", chat: "bg-[#2C2D31]", input: "bg-[#2C2D31]" }, text: { primary: "text-[#5C4CE5]", secondary: "text-gray-300", button: "text-white", chat: "text-gray-200" }, border: "border-[#5C4CE5] shadow-[0_0_30px_#5C4CE5]", input: { bg: "bg-[#2C2D31]", text: "text-[#5C4CE5]", border: "border-[#5C4CE5] shadow-[0_0_30px_#5C4CE5]", placeholder: "placeholder-gray-500" } }; case "bulls": return { background: { main: "bg-black", nav: "bg-black/50", card: "bg-black/30", modal: "bg-[#CE1141]/30", button: "bg-[#CE1141]", chat: "bg-[#1A1A25]", input: "bg-black/30" }, text: { primary: "text-[#CE1141]", secondary: "text-gray-300", button: "text-white", chat: "text-gray-200" }, border: "border-[#CE1141] shadow-[0_0_30px_#CE1141]", input: { bg: "bg-black/30", text: "text-[#CE1141]", border: "border-[#CE1141] shadow-[0_0_30px_#CE1141]", placeholder: "placeholder-gray-500" } }; case "lakers": return { background: { main: "bg-[#552583]", nav: "bg-[#552583]/50", card: "bg-[#552583]/30", modal: "bg-[#FDB927]/30", button: "bg-[#FDB927]", chat: "bg-[#552583]/80", input: "bg-[#552583]/30" }, text: { primary: "text-[#FDB927]", secondary: "text-white", button: "text-[#552583]", chat: "text-white" }, border: "border-[#FDB927] shadow-[0_0_30px_#FDB927]", input: { bg: "bg-[#552583]/30", text: "text-[#FDB927]", border: "border-[#FDB927] shadow-[0_0_30px_#FDB927]", placeholder: "placeholder-gray-500" } }; case "warriors": return { background: { main: "bg-[#006BB6]", nav: "bg-[#006BB6]/50", card: "bg-[#006BB6]/30", modal: "bg-[#FDB927]/30", button: "bg-[#FDB927]", chat: "bg-[#006BB6]/80", input: "bg-[#006BB6]/30" }, text: { primary: "text-[#FDB927]", secondary: "text-white", button: "text-[#006BB6]", chat: "text-white" }, border: "border-[#FDB927] shadow-[0_0_30px_#FDB927]", input: { bg: "bg-[#006BB6]/30", text: "text-[#FDB927]", border: "border-[#FDB927] shadow-[0_0_30px_#FDB927]", placeholder: "placeholder-gray-500" } }; case "pelicans": return { background: { main: "bg-[#002B5C]", nav: "bg-[#002B5C]/50", card: "bg-[#002B5C]/30", modal: "bg-[#C8102E]/30", button: "bg-[#C8102E]", chat: "bg-[#002B5C]/80", input: "bg-[#002B5C]/30" }, text: { primary: "text-[#C8102E]", secondary: "text-[#85714D]", button: "text-white", chat: "text-white" }, border: "border-[#85714D] shadow-[0_0_30px_#85714D]", input: { bg: "bg-[#002B5C]/30", text: "text-[#C8102E]", border: "border-[#85714D] shadow-[0_0_30px_#85714D]", placeholder: "placeholder-gray-500" } }; case "hornets": return { background: { main: "bg-[#1D1160]", nav: "bg-[#1D1160]/50", card: "bg-[#1D1160]/30", modal: "bg-[#00788C]/30", button: "bg-[#00788C]", chat: "bg-[#1D1160]/80", input: "bg-[#1D1160]/30" }, text: { primary: "text-[#00788C]", secondary: "text-[#A1A1A4]", button: "text-white", chat: "text-white" }, border: "border-[#00788C] shadow-[0_0_30px_#00788C]", input: { bg: "bg-[#1D1160]/30", text: "text-[#00788C]", border: "border-[#00788C] shadow-[0_0_30px_#00788C]", placeholder: "placeholder-gray-500" } }; default: return { background: { main: "bg-white", nav: "bg-gray-100", card: "bg-white", modal: "bg-white", button: "bg-black hover:bg-gray-800", chat: "bg-gray-50", input: "bg-gray-100" }, text: { primary: "text-gray-900", secondary: "text-gray-600", button: "text-white", chat: "text-gray-800" }, border: "border-[#FF00FF] shadow-[0_0_30px_#FF00FF]", input: { bg: "bg-gray-100", text: "text-gray-900", border: "border-[#FF00FF] shadow-[0_0_30px_#FF00FF]", placeholder: "placeholder-gray-400" } }; } }; const theme = getThemeStyles(currentTheme); return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen ${theme.background.main} ${theme.text.primary} flex flex-col relative [perspective:2000px]`, style: { transform: `rotateX(${-perspective.y}deg) rotateY(${perspective.x}deg)`, transformStyle: "preserve-3d", willChange: "transform", transformOrigin: "center center" }, __source: { fileName: "", lineNumber: 250, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "glitter", __source: { fileName: "", lineNumber: 259, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: `w-full py-4 px-6 flex justify-between items-center z-20 ${theme.background.nav} ${isLightOn ? "" : "backdrop-blur-sm"} fixed top-0 left-0`, __source: { fileName: "", lineNumber: 260, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 263, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(NeonLogo, { size: "xl", __source: { fileName: "", lineNumber: 264, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "/about", className: `${isLightOn ? "text-gray-900 hover:text-gray-600" : "text-[#00FFFF] hover:text-[#00FFFF]/80"} transition-colors`, __source: { fileName: "", lineNumber: 265, columnNumber: 11 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/help", className: `${isLightOn ? "text-gray-900 hover:text-gray-600" : "text-[#00FFFF] hover:text-[#00FFFF]/80"} transition-colors`, __source: { fileName: "", lineNumber: 271, columnNumber: 11 }, __self: this }, "Help")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 items-center", __source: { fileName: "", lineNumber: 278, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ handleClick(()=>setIsLightOn(!isLightOn)); playSound?.hover?.play().catch(console.error); }, onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), className: "relative w-14 h-14 flex items-center justify-center mx-4 transition-all", "aria-label": "Toggle light mode", __source: { fileName: "", lineNumber: 279, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-14 h-14 bg-gray-800 rounded-lg shadow-inner relative overflow-hidden", __source: { fileName: "", lineNumber: 288, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-2 bg-gray-950 rounded-md", __source: { fileName: "", lineNumber: 289, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 transition-transform duration-500 ease-in-out ${isLightOn ? "translate-y-full" : "translate-y-0"}`, __source: { fileName: "", lineNumber: 290, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-2 bg-[#FF0000] rounded-md shadow-lg transform-gpu transition-all duration-500 hover:shadow-xl", style: { transformStyle: "preserve-3d" }, __source: { fileName: "", lineNumber: 295, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 overflow-hidden pointer-events-none z-2 [transform-style:preserve-3d] ${isLightOn ? "opacity-0" : "opacity-100"} transition-opacity duration-500`, __source: { fileName: "", lineNumber: 306, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-[15%] left-[25%] w-[300px] h-[300px] bg-no-repeat bg-contain animate-paintSplash1", style: { backgroundImage: `url('https://ucarecdn.com/f2ea41fd-ac87-4d55-9cc4-2ed7c5d8f57b/-/preview/500x500/-/quality/smart/-/format/auto/')`, filter: "hue-rotate(45deg) brightness(1.5)", opacity: 0.4, transform: "translateZ(150px) rotate(45deg)" }, __source: { fileName: "", lineNumber: 309, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-[20%] right-[15%] w-[400px] h-[400px] bg-no-repeat bg-contain animate-paintSplash2", style: { backgroundImage: `url('https://ucarecdn.com/85579253-d489-4683-a5f3-1355ee6ddf37/-/preview/500x500/-/quality/smart/-/format/auto/')`, filter: "hue-rotate(180deg) brightness(1.5)", opacity: 0.3, transform: "translateZ(125px) rotate(-15deg)" }, __source: { fileName: "", lineNumber: 319, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-[40%] right-[30%] w-[350px] h-[350px] bg-no-repeat bg-contain animate-paintSplash3", style: { backgroundImage: `url('https://ucarecdn.com/cdbc2e70-3307-4df8-8c21-51feb4e878e1/-/preview/500x500/-/quality/smart/-/format/auto/')`, filter: "hue-rotate(270deg) brightness(1.5)", opacity: 0.2, transform: "translateZ(175px) rotate(180deg)" }, __source: { fileName: "", lineNumber: 329, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-[10%] w-[40vw] h-[40vh] bg-gradient-to-r from-[#FF0000]/10 to-transparent blur-[100px] animate-blob [transform:translateZ(50px)]", __source: { fileName: "", lineNumber: 339, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-[20%] right-[5%] w-[35vw] h-[35vh] bg-gradient-to-l from-[#00FFFF]/10 to-transparent blur-[100px] animate-blob2 [transform:translateZ(100px)]", __source: { fileName: "", lineNumber: 340, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-[40%] right-[15%] w-[30vw] h-[30vh] bg-gradient-to-bl from-[#FF00FF]/10 to-transparent blur-[100px] animate-blob3 [transform:translateZ(75px)]", __source: { fileName: "", lineNumber: 341, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-[10%] left-[20%] w-[45vw] h-[40vh] bg-gradient-to-tr from-[#FF8C00]/10 to-transparent blur-[100px] animate-blob4 [transform:translateZ(125px)]", __source: { fileName: "", lineNumber: 342, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center z-10 [transform-style:preserve-3d] mt-20", __source: { fileName: "", lineNumber: 345, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center [transform-style:preserve-3d]", __source: { fileName: "", lineNumber: 346, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold mb-8 relative select-none font-paintbrush", style: { color: isLightOn ? "#000000" : "#FF0000", textShadow: isLightOn ? "none" : ` 0 0 7px #FF0000, 0 0 10px #FF0000, 0 0 21px #FF0000, 0 0 42px #FF0000, 0 0 82px #FF0000, 0 0 92px #FF0000, 0 0 102px #FF0000, 0 0 151px #FF0000, 1px 1px 2px #FF0000, 2px 2px 4px rgba(255, 0, 0, 0.9), 3px 3px 6px rgba(255, 0, 0, 0.8), 4px 4px 8px rgba(255, 0, 0, 0.7), 5px 5px 10px rgba(255, 0, 0, 0.6) `, transform: "translateZ(50px)", transformStyle: "preserve-3d", animation: isLightOn ? "none" : "neonFloat 3s ease-in-out infinite" }, __source: { fileName: "", lineNumber: 347, columnNumber: 11 }, __self: this }, "DM's"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 378, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 379, columnNumber: 13 }, __self: this }, teamSwitches.map((team)=>/*#__PURE__*/ React.createElement("div", { key: team.theme, className: "relative w-16 h-24 cursor-pointer transform hover:scale-105 transition-all duration-300", onClick: ()=>{ setCurrentTheme(team.theme); playSound?.click?.play().catch(console.error); }, style: { transform: "translateZ(50px)" }, __source: { fileName: "", lineNumber: 381, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 rounded-lg border-2 transition-all duration-300 ${currentTheme === team.theme ? "border-[#00FFFF] shadow-[0_0_20px_#00FFFF]" : "border-gray-400"}`, __source: { fileName: "", lineNumber: 390, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: team.logo, alt: `${team.name} theme`, className: "w-full h-full object-contain p-2", __source: { fileName: "", lineNumber: 397, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: `${theme.background.card} border-2 ${theme.border} rounded-2xl p-10 backdrop-blur-sm max-w-md w-full [transform-style:preserve-3d] [transform:translateZ(50px)] hover:[transform:translateZ(75px)] transition-all duration-500`, __source: { fileName: "", lineNumber: 406, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-6 mb-10 [transform-style:preserve-3d]", __source: { fileName: "", lineNumber: 409, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative transform hover:scale-105 transition-transform duration-300 [transform:translateZ(25px)]", __source: { fileName: "", lineNumber: 410, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/6267911c-8a6d-4a2e-a173-a5340046a99f/-/format/auto/", alt: "Magicman profile", className: `w-16 h-16 rounded-full border-4 ${theme.border}`, style: { transformStyle: "preserve-3d", willChange: "transform" }, __source: { fileName: "", lineNumber: 411, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 right-0 w-4 h-4 bg-green-500 rounded-full border-2 border-black animate-pulse", __source: { fileName: "", lineNumber: 420, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 transform hover:scale-105 transition-transform duration-300 [transform:translateZ(25px)]", onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), style: { transformStyle: "preserve-3d", willChange: "transform" }, __source: { fileName: "", lineNumber: 423, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `font-bold text-xl ${theme.text.primary}`, __source: { fileName: "", lineNumber: 433, columnNumber: 19 }, __self: this }, "Magicman"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-badge-check ${theme.text.primary}`, __source: { fileName: "", lineNumber: 436, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-8 [transform-style:preserve-3d]", __source: { fileName: "", lineNumber: 439, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 440, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${theme.background.chat} px-8 py-4 rounded-2xl rounded-tl-sm border ${theme.border} transform hover:scale-105 transition-all duration-300 max-w-[80%] hover:[transform:rotateX(10deg)_rotateY(-10deg)_translateZ(30px)]`, style: { transformStyle: "preserve-3d", willChange: "transform" }, __source: { fileName: "", lineNumber: 441, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: theme.text.chat, __source: { fileName: "", lineNumber: 448, columnNumber: 21 }, __self: this }, "Yo! what it do?"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 452, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>window.location.href = "/account/signup", className: `${theme.background.chat} px-8 py-4 rounded-2xl rounded-tr-sm border ${theme.border} transform hover:scale-105 transition-all duration-300 max-w-[80%] cursor-pointer hover:[transform:rotateX(-10deg)_rotateY(10deg)_translateZ(30px)]`, __source: { fileName: "", lineNumber: 453, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: theme.text.chat, __source: { fileName: "", lineNumber: 457, columnNumber: 21 }, __self: this }, "Let's connect!"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 461, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>window.location.href = "/account/signup", className: `${theme.background.chat} px-12 py-6 rounded-2xl rounded-tl-sm border ${theme.border} transform hover:scale-105 transition-all duration-300 cursor-pointer font-bold hover:[transform:rotateX(10deg)_rotateY(-10deg)_translateZ(50px)]`, __source: { fileName: "", lineNumber: 462, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: theme.text.chat, __source: { fileName: "", lineNumber: 466, columnNumber: 21 }, __self: this }, "Sign Up"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-10", __source: { fileName: "", lineNumber: 470, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "interactive-layer", __source: { fileName: "", lineNumber: 471, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick(()=>handleModalOpen()), onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), className: `${theme.background.button} ${theme.text.button} px-12 py-4 rounded-2xl rounded-tl-sm transition-all duration-300 transform hover:scale-105 font-bold w-[200px] min-h-[44px] ${theme.border}`, style: { transformStyle: "preserve-3d", willChange: "transform" }, __source: { fileName: "", lineNumber: 472, columnNumber: 21 }, __self: this }, "Sign In")))))))), /*#__PURE__*/ React.createElement("footer", { className: `w-full py-8 ${theme.background.nav} mt-20 relative z-10`, __source: { fileName: "", lineNumber: 495, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-6", __source: { fileName: "", lineNumber: 498, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 499, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mb-4 md:mb-0", __source: { fileName: "", lineNumber: 500, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(NeonLogo, { size: "sm", __source: { fileName: "", lineNumber: 501, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: `${isLightOn ? "text-gray-600" : "text-[#00FFFF]"}`, __source: { fileName: "", lineNumber: 502, columnNumber: 15 }, __self: this }, "© 2025 DM's. All rights reserved.")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-6", __source: { fileName: "", lineNumber: 508, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/terms", className: `${isLightOn ? "text-gray-600 hover:text-gray-900" : "text-[#00FFFF] hover:text-[#00FFFF]/80"} transition-colors`, __source: { fileName: "", lineNumber: 509, columnNumber: 15 }, __self: this }, "Terms of Service"), /*#__PURE__*/ React.createElement("a", { href: "/privacy", className: `${isLightOn ? "text-gray-600 hover:text-gray-900" : "text-[#00FFFF] hover:text-[#00FFFF]/80"} transition-colors`, __source: { fileName: "", lineNumber: 515, columnNumber: 15 }, __self: this }, "Privacy Policy"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 526, columnNumber: 7 }, __self: this }, ` .neon-effect { opacity: ${isLightOn ? 0 : 1}; transition: opacity 500ms; } .regular-light { opacity: ${isLightOn ? 1 : 0}; transition: opacity 500ms; } .light-mode { transition: all 300ms ease-in-out; } @keyframes cubeFloat { 0%, 100% { transform: translateZ(2px) translateY(0); } 50% { transform: translateZ(2px) translateY(-2px); } } .animate-cubeFloat { animation: cubeFloat 2s ease-in-out infinite; } `)); }