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 { signInWithCredentials } = useAuth(); const [showModal, setShowModal] = useState(false); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [validationError, setValidationError] = useState(null); const [showForgotPassword, setShowForgotPassword] = useState(false); const [formData, setFormData] = useState({ email: "", password: "" }); const handleResetPassword = async ()=>{ if (!formData.email) { setValidationError("Email is required"); return; } if (!formData.email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) { setValidationError("Please enter a valid email address"); return; } setLoading(true); setError(null); setValidationError(null); try { const response = await fetch("/api/send-password-reset", { method: "POST", body: JSON.stringify({ email: formData.email }) }); if (!response.ok) { throw new Error("Failed to send reset link"); } setShowForgotPassword(false); setShowModal(false); } catch (err) { console.error("Password reset failed:", err); setError("Failed to send reset link. Please try again."); } finally{ setLoading(false); } }; const validateForm = ()=>{ if (!formData.email || !formData.password) { setValidationError("Email and password are required"); return false; } setValidationError(null); return true; }; const handleSignIn = async ()=>{ if (!validateForm()) return; setLoading(true); setError(null); try { const result = await signInWithCredentials({ email: formData.email, password: formData.password, redirect: false }); const profileResponse = await fetch("/api/profile/get", { method: "POST" }); if (!profileResponse.ok) { if (profileResponse.status === 404) { window.location.href = "/create-profile"; return; } throw new Error("Failed to check profile"); } window.location.href = "/messages"; } catch (err) { console.error("Signin failed:", err); setError("Invalid email or password"); setLoading(false); } }; 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 handleModalOpen = ()=>{ if (playSound?.whoosh) { playSound.whoosh.play().catch(console.error); } setShowModal(true); }; const handleBubbleHover = ()=>{ if (playSound?.pop) { playSound.pop.play().catch(console.error); } }; const [perspective, setPerspective] = useState({ x: 0, y: 0 }); 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); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black p-4", __source: { fileName: "", lineNumber: 131, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen text-white flex flex-col relative [perspective:2000px] border-4 border-[#00FFFF] rounded-lg shadow-[0_0_30px_#00FFFF]", style: { transform: `rotateX(${-perspective.y}deg) rotateY(${perspective.x}deg)`, transformStyle: "preserve-3d", willChange: "transform", transformOrigin: "center center" }, __source: { fileName: "", lineNumber: 132, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "glitter", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: "w-full py-4 px-6 flex justify-between items-center z-20 bg-black/50 backdrop-blur-sm fixed top-0 left-0", __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(NeonLogo, { size: "xl", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "/about", onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), className: "text-[#00FFFF] hover:text-[#00FFFF]/80 transition-colors", __source: { fileName: "", lineNumber: 145, columnNumber: 13 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/help", onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), className: "text-[#00FFFF] hover:text-[#00FFFF]/80 transition-colors", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, "Help")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick(()=>handleModalOpen()), onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), className: "text-[#00FFFF] hover:text-[#00FFFF]/80 transition-colors", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, "Sign In"))), /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 overflow-hidden pointer-events-none z-2 [transform-style:preserve-3d]", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __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: 171, columnNumber: 11 }, __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: 181, columnNumber: 11 }, __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: 191, columnNumber: 11 }, __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: 201, columnNumber: 11 }, __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: 202, columnNumber: 11 }, __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: 203, columnNumber: 11 }, __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: 204, columnNumber: 11 }, __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: 206, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center [transform-style:preserve-3d]", __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-8xl font-bold mb-16 relative select-none", style: { color: "#FF0000", textShadow: ` 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: "neonFloat 3s ease-in-out infinite" }, __source: { fileName: "", lineNumber: 208, columnNumber: 13 }, __self: this }, "DM's"), /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 border-2 border-[#FF00FF] rounded-2xl p-10 shadow-[0_0_30px_#FF00FF] backdrop-blur-sm animate-borderGlow max-w-md w-full [transform-style:preserve-3d] [transform:translateZ(50px)] hover:[transform:translateZ(75px)] transition-transform duration-500", __source: { fileName: "", lineNumber: 235, 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: 236, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative transform hover:scale-105 transition-transform duration-300 [transform:translateZ(25px)]", __source: { fileName: "", lineNumber: 237, 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 border-[#00FFFF] shadow-[0_0_20px_#00FFFF] animate-avatarGlow", style: { transformStyle: "preserve-3d", willChange: "transform" }, __source: { fileName: "", lineNumber: 238, 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: 247, 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: 250, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold text-xl text-[#00FFFF] animate-textGlow", __source: { fileName: "", lineNumber: 260, columnNumber: 19 }, __self: this }, "Magicman"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-badge-check text-[#00FFFF] animate-textGlow", __source: { fileName: "", lineNumber: 263, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-8 [transform-style:preserve-3d]", __source: { fileName: "", lineNumber: 267, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 268, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onMouseEnter: handleBubbleHover, className: "bg-[#1A1A25] px-8 py-4 rounded-2xl rounded-tl-sm border border-[#FF0000]/30 transform hover:scale-105 hover:[transform:rotateX(10deg)_rotateY(-10deg)_translateZ(30px)] transition-all duration-300 hover:border-[#FF0000] hover:shadow-[0_0_15px_#FF0000] max-w-[80%]", style: { transformStyle: "preserve-3d", willChange: "transform" }, __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-200", __source: { fileName: "", lineNumber: 277, columnNumber: 21 }, __self: this }, "Hey! Want to chat privately?"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 283, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>handleClick(()=>window.location.href = "/account/signup"), onMouseEnter: handleBubbleHover, className: "bg-[#FFFF00]/30 backdrop-blur-md px-8 py-4 rounded-2xl rounded-tr-sm shadow-[0_0_15px_#FFFF00] transform hover:scale-105 hover:[transform:rotateX(-10deg)_rotateY(10deg)_translateZ(30px)] transition-all duration-300 hover:shadow-[0_0_25px_#FFFF00] max-w-[80%] cursor-pointer", style: { transformStyle: "preserve-3d", willChange: "transform", boxShadow: ` 0 0 7px #FFFF00, 0 0 10px #FFFF00, 0 0 21px #FFFF00, 0 0 42px rgba(255, 255, 0, 0.5) ` }, __source: { fileName: "", lineNumber: 284, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#FFFF00] font-medium", style: { textShadow: ` 0 0 5px #FFFF00, 0 0 10px #FFFF00, 0 0 15px #FFFF00 ` }, __source: { fileName: "", lineNumber: 303, columnNumber: 21 }, __self: this }, "Let's connect!"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 318, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>handleClick(()=>window.location.href = "/account/signup"), onMouseEnter: handleBubbleHover, className: "bg-[#FF6B00]/30 backdrop-blur-md px-12 py-6 rounded-2xl rounded-tl-sm transform hover:scale-105 hover:[transform:rotateX(10deg)_rotateY(-10deg)_translateZ(50px)] transition-all duration-300 cursor-pointer text-xl font-bold", style: { transformStyle: "preserve-3d", willChange: "transform", boxShadow: ` 0 0 10px #FF6B00, 0 0 20px #FF6B00, 0 0 30px #FF6B00, 0 0 40px rgba(255, 107, 0, 0.5), 0 0 50px rgba(255, 107, 0, 0.3), 0 0 60px rgba(255, 107, 0, 0.2) ` }, __source: { fileName: "", lineNumber: 319, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#FF6B00]", style: { textShadow: ` 0 0 10px #FF6B00, 0 0 20px #FF6B00, 0 0 30px #FF6B00, 0 0 40px #FF6B00 ` }, __source: { fileName: "", lineNumber: 340, columnNumber: 21 }, __self: this }, "Sign Up"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-10", __source: { fileName: "", lineNumber: 356, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "interactive-layer", __source: { fileName: "", lineNumber: 357, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick(()=>handleModalOpen()), onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), className: "bg-[#00FFFF] text-black px-12 py-4 rounded-2xl rounded-tl-sm shadow-[0_0_20px_#00FFFF] hover:shadow-[0_0_30px_#00FFFF] transition-all duration-300 transform hover:scale-105 hover:[transform:translateZ(30px)] animate-cyanButtonPulse font-bold w-[200px] min-h-[44px]", style: { transformStyle: "preserve-3d", willChange: "transform" }, __source: { fileName: "", lineNumber: 358, columnNumber: 21 }, __self: this }, "Sign In")))))), showModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-md flex items-center justify-center animate-slideUp [perspective:1000px] [transform-style:preserve-3d] z-[100]", __source: { fileName: "", lineNumber: 381, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FF0000]/30 backdrop-blur-lg rounded-2xl p-10 w-full max-w-md relative border-2 border-[#FF00FF] [transform:translateZ(200px)] hover:[transform:translateZ(225px)] transition-transform duration-500 [transform-style:preserve-3d] shadow-[0_0_30px_rgba(255,0,255,0.3)]", __source: { fileName: "", lineNumber: 382, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "interactive-layer absolute top-2 right-2", __source: { fileName: "", lineNumber: 383, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick(()=>setShowModal(false)), onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), className: "text-white hover:text-[#00FFFF] transition-colors duration-300 transform hover:scale-110 z-[101] w-12 h-12 flex items-center justify-center bg-black/20 rounded-full border-2 border-white/20 hover:border-[#00FFFF] hover:shadow-[0_0_10px_#00FFFF]", __source: { fileName: "", lineNumber: 384, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 394, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 [transform-style:preserve-3d] mt-8", __source: { fileName: "", lineNumber: 398, columnNumber: 17 }, __self: this }, !showForgotPassword ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 400, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Email", name: "email", value: formData.email, onChange: (e)=>setFormData({ ...formData, email: e.target.value }), disabled: loading, className: "w-full bg-black/30 text-[#FFFF00] border border-[#00FFFF] rounded-lg p-3 focus:border-[#00FFFF] focus:shadow-[0_0_10px_#00FFFF] transition-all placeholder-gray-500 leading-normal min-h-[44px]", style: { caretColor: "#FFFF00" }, __source: { fileName: "", lineNumber: 401, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Password", name: "password", value: formData.password, onChange: (e)=>setFormData({ ...formData, password: e.target.value }), disabled: loading, className: "w-full bg-black/30 text-[#FFFF00] border border-[#00FFFF] rounded-lg p-3 focus:border-[#00FFFF] focus:shadow-[0_0_10px_#00FFFF] transition-all placeholder-gray-500 leading-normal min-h-[44px]", style: { caretColor: "#FFFF00" }, __source: { fileName: "", lineNumber: 413, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "interactive-layer", __source: { fileName: "", lineNumber: 428, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick(handleSignIn), onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), disabled: loading, className: "w-full bg-[#FFFF00] text-black py-3 rounded-full font-bold hover:shadow-[0_0_20px_#FFFF00] transition-all duration-300 animate-yellowButtonPulse transform hover:scale-105 disabled:opacity-50 disabled:cursor-not-allowed min-h-[44px]", __source: { fileName: "", lineNumber: 429, columnNumber: 25 }, __self: this }, loading ? "Loading..." : "Sign In")), /*#__PURE__*/ React.createElement("div", { className: "interactive-layer", __source: { fileName: "", lineNumber: 440, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick(()=>setShowForgotPassword(true)), onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), className: "w-full text-[#00FFFF] text-sm hover:underline mt-2 min-h-[44px] py-2", __source: { fileName: "", lineNumber: 441, columnNumber: 25 }, __self: this }, "Forgot Password?"))) : /*#__PURE__*/ React.createElement("div", { className: "animate-slideFromLeft space-y-4", __source: { fileName: "", lineNumber: 455, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 456, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "interactive-layer", __source: { fileName: "", lineNumber: 457, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick(()=>setShowForgotPassword(false)), onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), className: "text-[#FF8C00] hover:text-[#FF8C00]/80 transition-colors p-2 min-h-[44px] min-w-[44px] flex items-center justify-center", __source: { fileName: "", lineNumber: 458, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-xl", __source: { fileName: "", lineNumber: 467, columnNumber: 29 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold ml-4 text-[#FF8C00] animate-orangeTextGlow", __source: { fileName: "", lineNumber: 470, columnNumber: 25 }, __self: this }, "Reset Password")), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Enter your email", name: "email", value: formData.email, onChange: (e)=>setFormData({ ...formData, email: e.target.value }), disabled: loading, className: "w-full bg-black/30 text-[#FFFF00] border border-[#FF8C00] rounded-lg p-3 focus:border-[#FF8C00] focus:shadow-[0_0_10px_#FF8C00] transition-all placeholder-gray-500 leading-normal min-h-[44px]", style: { caretColor: "#FFFF00" }, __source: { fileName: "", lineNumber: 474, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "interactive-layer", __source: { fileName: "", lineNumber: 486, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick(handleResetPassword), onMouseEnter: ()=>playSound?.hover?.play().catch(console.error), disabled: loading, className: "w-full bg-[#FF8C00] text-black py-3 rounded-full font-bold hover:shadow-[0_0_20px_#FF8C00] transition-all duration-300 animate-orangeButtonPulse transform hover:scale-105 disabled:opacity-50 disabled:cursor-not-allowed min-h-[44px]", __source: { fileName: "", lineNumber: 487, columnNumber: 25 }, __self: this }, loading ? "Sending..." : "Send Reset Link"))), validationError && /*#__PURE__*/ React.createElement("div", { className: "text-[#FF0000] text-sm mt-2", __source: { fileName: "", lineNumber: 501, columnNumber: 21 }, __self: this }, validationError), error && /*#__PURE__*/ React.createElement("div", { className: "text-[#FF0000] text-sm mt-2", __source: { fileName: "", lineNumber: 506, columnNumber: 21 }, __self: this }, error))))))); }