function Button({ text, icon, onClick, className }) { return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: "bg-gray-100 text-gray-800 font-semibold py-2 px-4 rounded-[8px] hover:bg-gray-200 transition-colors duration-200 " + className, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, icon && /*#__PURE__*/ React.createElement("i", { className: `fas ${icon} ${text ? "mr-2" : ""}`, __source: { fileName: "", lineNumber: 11, columnNumber: 18 }, __self: this }), text)); } function ButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { text: "Sign in", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { icon: "fa-shopping-cart", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this })); } function MainComponent() { const [showCloud, setShowCloud] = useState(false); const { data: user } = useUser(); const [activeTab, setActiveTab] = useState(null); const auth = useAuth(); const signInWithCredentials = auth.signInWithCredentials; const signUpWithCredentials = auth.signUpWithCredentials; const [showSignup, setShowSignup] = useState(false); const [showSignin, setShowSignin] = useState(false); const [showBubble, setShowBubble] = useState(false); const [signinData, setSigninData] = useState({ email: "", password: "" }); const [signinError, setSigninError] = useState(null); const [isSigningIn, setIsSigningIn] = useState(false); const [isSigningUp, setIsSigningUp] = useState(false); const [formData, setFormData] = useState({ fullName: "", email: "", birthday: "", username: "", password: "" }); const validateField = (name, value)=>{ switch(name){ case "fullName": return !value?.trim() ? "Name is required" : null; case "email": if (!value?.trim()) return "Email is required"; if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) return "Invalid email format"; return null; case "password": if (!value) return "Password is required"; if (value.length < 8) return "Password must be at least 8 characters"; if (!/[A-Z]/.test(value)) return "Password must contain at least one uppercase letter"; if (!/[0-9]/.test(value)) return "Password must contain at least one number"; return null; case "username": if (!value?.trim()) return "Username is required"; if (value.length < 3) return "Username must be at least 3 characters"; if (!/^[a-zA-Z0-9_]+$/.test(value)) return "Username can only contain letters, numbers and underscores"; return null; case "birthday": if (!value) return "Birthday is required"; const birthDate = new Date(value); const today = new Date(); let age = today.getFullYear() - birthDate.getFullYear(); if (age < 13) return "Must be at least 13 years old"; return null; default: return null; } }; const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleSignupClick = useCallback(()=>{ setShowBubble(true); setFormData({ fullName: "", email: "", birthday: "", username: "", password: "" }); }, []); const handleSubmit = useCallback(async (e)=>{ e.preventDefault(); setIsSigningUp(true); const errors = {}; Object.keys(formData).forEach((field)=>{ const error = validateField(field, formData[field]); if (error) errors[field] = error; }); if (Object.keys(errors).length > 0) { setIsSigningUp(false); return; } try { const authResult = await signUpWithCredentials({ email: formData.email, password: formData.password, callbackUrl: "/app-page", redirect: false }); if (!authResult?.user?.id) { throw new Error("Auth signup failed - no user ID returned"); } const profileResult = await fetch("/api/create-user-profile2", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ userId: authResult.user.id, username: formData.username, fullName: formData.fullName, birthday: formData.birthday, password: formData.password }) }); if (!profileResult.ok) { throw new Error("Failed to create profile"); } const profileData = await profileResult.json(); if (profileData.error) { throw new Error(profileData.error); } window.location.href = "/app-page"; } catch (error) { console.error("Signup error:", error); setFormData((prev)=>({ ...prev, password: "" })); } finally{ setIsSigningUp(false); } }, [ formData, signUpWithCredentials ]); const handleSignin = useCallback(async (e)=>{ e.preventDefault(); setIsSigningIn(true); setSigninError(null); try { await signInWithCredentials({ email: signinData.email, password: signinData.password, callbackUrl: "/app-page", redirect: true }); } catch (error) { console.error("Error during sign in:", error); setSigninError("Invalid email or password"); } finally{ setIsSigningIn(false); } }, [ signinData, signInWithCredentials ]); const handleStartCreating = (e)=>{ e.preventDefault(); setShowCloud(true); }; const handleCloudClick = ()=>{ setShowBubble(true); setShowCloud(false); setFormData({ fullName: "", email: "", birthday: "", username: "", password: "" }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white relative", __source: { fileName: "", lineNumber: 174, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-0", __source: { fileName: "", lineNumber: 175, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/abdb7504-e271-4f55-9b5d-6951b5409e95/", alt: "Moon Reflection", className: "absolute w-full h-full object-cover", style: { minWidth: "100vw", minHeight: "100vh" }, __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 pt-16 px-4", __source: { fileName: "", lineNumber: 186, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto text-center", __source: { fileName: "", lineNumber: 187, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold mb-4 bg-gradient-to-r from-[#06B6D4] to-[#8B5CF6] text-transparent bg-clip-text", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }, "DREAM ENGINE"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-white/80 mb-8", __source: { fileName: "", lineNumber: 191, columnNumber: 11 }, __self: this }, "Create Anything You Can Imagine"), /*#__PURE__*/ React.createElement("button", { onClick: handleStartCreating, className: "inline-block px-8 py-3 rounded-lg text-lg font-medium relative group", __source: { fileName: "", lineNumber: 194, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-[#89CFF0] to-[#B0E0E6] rounded-lg blur opacity-30 group-hover:opacity-100 transition duration-1000 group-hover:duration-200", __source: { fileName: "", lineNumber: 198, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative bg-black/50 px-6 py-3 rounded-lg leading-none flex items-center justify-center border border-[#89CFF0]/20 hover:border-[#89CFF0]/40 transition-all", __source: { fileName: "", lineNumber: 199, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#89CFF0] text-glow-blue font-medium", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, "Start Creating"))), /*#__PURE__*/ React.createElement("div", { className: "mt-16 flex justify-center gap-8", __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, [ { icon: "fa-camera", title: "Images", color: "from-[#FF3366] to-[#FF66CC]" }, { icon: "fa-video", title: "Animation", color: "from-[#33CCFF] to-[#3366FF]" }, { icon: "fa-pen-ruler", title: "Logo", color: "from-[#FFCC33] to-[#FF9933]" } ].map((feature, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "group relative", __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `absolute -inset-1 bg-gradient-to-r ${feature.color} rounded-full blur-xl opacity-75 group-hover:opacity-100 transition-opacity duration-300`, __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative w-20 h-20 rounded-full bg-black/40 backdrop-blur-sm flex flex-col items-center justify-center hover:-translate-y-1 transition-all duration-300", __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 bg-gradient-to-r ${feature.color} rounded-full opacity-20`, __source: { fileName: "", lineNumber: 229, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: `far ${feature.icon} text-2xl mb-1`, style: { WebkitBackgroundClip: "text", backgroundClip: "text", WebkitTextFillColor: "transparent", backgroundImage: `linear-gradient(to right, var(--tw-gradient-from), var(--tw-gradient-to))` }, __source: { fileName: "", lineNumber: 233, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xs font-light tracking-wider", style: { WebkitBackgroundClip: "text", backgroundClip: "text", WebkitTextFillColor: "transparent", backgroundImage: `linear-gradient(to right, var(--tw-gradient-from), var(--tw-gradient-to))` }, __source: { fileName: "", lineNumber: 243, columnNumber: 19 }, __self: this }, feature.title))))))), activeTab === "profile" && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-40 flex items-center justify-center", __source: { fileName: "", lineNumber: 261, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 border border-[#00ff00]/30 p-8 rounded-lg w-[400px] mx-4 backdrop-blur-lg", __source: { fileName: "", lineNumber: 262, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center text-[#00ff00] mb-8 neon-green-glow", __source: { fileName: "", lineNumber: 263, columnNumber: 13 }, __self: this }, "Profile Settings"), user ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 267, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 268, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 mx-auto rounded-full border-2 border-[#00ff00] overflow-hidden", __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: user.profilePicture || "https://via.placeholder.com/150", alt: "Profile", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 270, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 279, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#00ff00]/80 text-sm", __source: { fileName: "", lineNumber: 280, columnNumber: 19 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "text", value: user.email, disabled: true, className: "w-full bg-black/20 border border-[#00ff00]/50 rounded-lg px-4 py-3 text-[#00ff00] disabled:opacity-50", __source: { fileName: "", lineNumber: 283, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 290, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#00ff00]/80 text-sm", __source: { fileName: "", lineNumber: 291, columnNumber: 19 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { type: "text", value: user.username, disabled: true, className: "w-full bg-black/20 border border-[#00ff00]/50 rounded-lg px-4 py-3 text-[#00ff00] disabled:opacity-50", __source: { fileName: "", lineNumber: 294, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab(null), className: "w-full bg-[#00ff00]/20 border border-[#00ff00] text-[#00ff00] rounded-lg px-4 py-3 font-medium hover:bg-[#00ff00]/30 transition-colors mt-6", __source: { fileName: "", lineNumber: 301, columnNumber: 17 }, __self: this }, "Close")) : /*#__PURE__*/ React.createElement("div", { className: "text-center text-[#00ff00]/80", __source: { fileName: "", lineNumber: 309, columnNumber: 15 }, __self: this }, "Please sign in to view your profile"))), /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 bg-black/80 backdrop-blur-sm transition-opacity duration-300 ${showSignin ? "opacity-100 z-50" : "opacity-0 pointer-events-none"}`, onClick: ()=>setShowSignin(false), __source: { fileName: "", lineNumber: 316, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `fixed top-1/2 right-0 -translate-y-1/2 w-[320px] bg-black/40 border-l border-[#FFFF00]/20 h-screen p-8 transform transition-all duration-500 backdrop-blur-lg ${showSignin ? "translate-x-0" : "translate-x-full"}`, onClick: (e)=>e.stopPropagation(), style: { boxShadow: "-10px 0 30px rgba(255, 255, 0, 0.1)" }, __source: { fileName: "", lineNumber: 322, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -left-16 top-1/2 -translate-y-1/2 w-32 h-32", __source: { fileName: "", lineNumber: 331, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-full animate-float", __source: { fileName: "", lineNumber: 332, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-[#06B6D4] to-[#8B5CF6] rounded-lg blur-xl opacity-50", __source: { fileName: "", lineNumber: 333, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative bg-black/50 backdrop-blur-sm w-full h-full rounded-lg border border-white/10 flex items-center justify-center", __source: { fileName: "", lineNumber: 334, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt text-2xl text-[#FFFF00] text-glow-yellow", __source: { fileName: "", lineNumber: 335, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "h-full flex flex-col justify-center", __source: { fileName: "", lineNumber: 339, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSignin(false), className: "absolute top-6 left-6 text-[#FFFF00]/60 hover:text-[#FFFF00] transition-colors", __source: { fileName: "", lineNumber: 340, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 344, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 347, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-8 text-[#FFFF00] text-glow-yellow", __source: { fileName: "", lineNumber: 348, columnNumber: 15 }, __self: this }, "Welcome Back"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSignin, className: "space-y-6", __source: { fileName: "", lineNumber: 351, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Email", className: "w-full bg-white/5 border border-[#FFFF00]/20 rounded-lg px-4 py-3 text-sm text-[#FFFF00] placeholder-[#FFFF00]/40 focus:border-[#FFFF00]/20 focus:bg-white/10 transition-all outline-none disabled:opacity-50", value: signinData.email, onChange: (e)=>setSigninData({ ...signinData, email: e.target.value }), required: true, disabled: isSigningIn, __source: { fileName: "", lineNumber: 352, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Password", className: "w-full bg-white/5 border border-[#FFFF00]/20 rounded-lg px-4 py-3 text-sm text-[#FFFF00] placeholder-[#FFFF00]/40 focus:border-[#FFFF00]/20 focus:bg-white/10 transition-all outline-none disabled:opacity-50", value: signinData.password, onChange: (e)=>setSigninData({ ...signinData, password: e.target.value }), required: true, disabled: isSigningIn, __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }), signinError && /*#__PURE__*/ React.createElement("div", { className: "text-red-400 text-sm", __source: { fileName: "", lineNumber: 375, columnNumber: 19 }, __self: this }, signinError), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSigningIn, className: "w-full relative group", __source: { fileName: "", lineNumber: 377, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-[#06B6D4] to-[#8B5CF6] rounded-lg blur opacity-30 group-hover:opacity-100 transition duration-1000 group-hover:duration-200", __source: { fileName: "", lineNumber: 382, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative bg-black px-6 py-3 rounded-lg leading-none flex items-center justify-center", __source: { fileName: "", lineNumber: 383, columnNumber: 19 }, __self: this }, isSigningIn ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center text-[#FFFF00]", __source: { fileName: "", lineNumber: 385, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-spinner-third fa-spin mr-2", __source: { fileName: "", lineNumber: 386, columnNumber: 25 }, __self: this }), "Signing in...") : /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFF00] font-medium", __source: { fileName: "", lineNumber: 390, columnNumber: 23 }, __self: this }, "Sign In")))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-[#FFFF00]/40 text-sm", __source: { fileName: "", lineNumber: 398, columnNumber: 15 }, __self: this }, "Don't have an account?", " ", /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowSignin(false); setShowSignup(true); }, className: "text-[#FFFF00] hover:text-[#FFFF00]/80 transition-colors", __source: { fileName: "", lineNumber: 400, columnNumber: 17 }, __self: this }, "Sign Up")))))), /*#__PURE__*/ React.createElement("div", { className: `fixed inset-x-0 bottom-0 z-50 transition-transform duration-500 ease-out ${showBubble ? "translate-y-0" : "translate-y-full"}`, __source: { fileName: "", lineNumber: 414, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative bg-black/30 border-t border-[#00ff00]/30 p-8 backdrop-blur-lg", style: { boxShadow: "0 -10px 30px rgba(0, 255, 0, 0.1)", background: "linear-gradient(to bottom, rgba(255, 107, 0, 0.1), rgba(0, 255, 0, 0.1))" }, __source: { fileName: "", lineNumber: 419, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 427, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 428, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center mb-8", style: { background: "linear-gradient(to right, #00ff00, #ff6b00)", WebkitBackgroundClip: "text", backgroundClip: "text", WebkitTextFillColor: "transparent", textShadow: "0 0 10px rgba(0, 255, 0, 0.5)" }, __source: { fileName: "", lineNumber: 429, columnNumber: 15 }, __self: this }, "Create Profile"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "Full Name", className: "w-full bg-black/20 border border-[#00ff00]/50 rounded-lg px-4 py-3 text-[#00ff00] placeholder-[#00ff00]/40 focus:border-[#00ff00] transition-colors", value: formData.fullName, onChange: handleInputChange, disabled: isSigningUp, __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", placeholder: "Username", className: "w-full bg-black/20 border border-[#00ff00]/50 rounded-lg px-4 py-3 text-[#00ff00] placeholder-[#00ff00]/40 focus:border-[#00ff00] transition-colors", value: formData.username, onChange: handleInputChange, disabled: isSigningUp, __source: { fileName: "", lineNumber: 453, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "w-full bg-black/20 border border-[#00ff00]/50 rounded-lg px-4 py-3 text-[#00ff00] placeholder-[#00ff00]/40 focus:border-[#00ff00] transition-colors", value: formData.email, onChange: handleInputChange, disabled: isSigningUp, __source: { fileName: "", lineNumber: 463, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password (8+ characters)", className: "w-full bg-black/20 border border-[#00ff00]/50 rounded-lg px-4 py-3 text-[#00ff00] placeholder-[#00ff00]/40 focus:border-[#00ff00] transition-colors", value: formData.password, onChange: handleInputChange, disabled: isSigningUp, __source: { fileName: "", lineNumber: 473, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "birthday", className: "w-full bg-black/20 border border-[#00ff00]/50 rounded-lg px-4 py-3 text-[#00ff00] placeholder-[#00ff00]/40 focus:border-[#00ff00] transition-colors", value: formData.birthday, onChange: handleInputChange, max: new Date().toISOString().split("T")[0], disabled: isSigningUp, __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 493, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "terms", name: "terms", className: "w-4 h-4 rounded border-[#00ff00]/50 bg-black/20 text-[#00ff00] focus:ring-[#00ff00]/30", required: true, __source: { fileName: "", lineNumber: 494, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "terms", className: "text-sm text-[#00ff00]/80", __source: { fileName: "", lineNumber: 501, columnNumber: 19 }, __self: this }, "I agree to the", " ", /*#__PURE__*/ React.createElement("a", { href: "/terms", className: "text-[#ff6b00] hover:text-[#ff6b00]/80 underline", target: "_blank", __source: { fileName: "", lineNumber: 503, columnNumber: 21 }, __self: this }, "Terms and Conditions")))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 514, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowBubble(false), className: "flex-1 bg-black/20 border border-[#ff6b00]/50 text-[#ff6b00] rounded-lg px-4 py-3 font-medium hover:bg-[#ff6b00]/10 transition-colors", __source: { fileName: "", lineNumber: 515, columnNumber: 17 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSigningUp, className: "flex-1 bg-black/20 border border-[#00ff00]/50 text-[#00ff00] rounded-lg px-4 py-3 font-medium hover:bg-[#00ff00]/10 transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 523, columnNumber: 17 }, __self: this }, isSigningUp ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 529, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-spinner-third fa-spin mr-2", __source: { fileName: "", lineNumber: 530, columnNumber: 23 }, __self: this }), "Creating...") : "Create Profile")), /*#__PURE__*/ React.createElement("p", { className: "text-center text-[#00ff00]/60 text-sm", __source: { fileName: "", lineNumber: 539, columnNumber: 15 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowBubble(false); setShowSignin(true); }, className: "text-[#ff6b00] hover:text-[#ff6b00]/80 transition-colors", __source: { fileName: "", lineNumber: 541, columnNumber: 17 }, __self: this }, "Sign In")))))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-10", __source: { fileName: "", lineNumber: 555, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 h-32 overflow-hidden", __source: { fileName: "", lineNumber: 556, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "smoke-animation", __source: { fileName: "", lineNumber: 557, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-20 flex flex-col items-center pb-6", __source: { fileName: "", lineNumber: 560, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FF6B00]/10 border border-[#FF6B00]/30 px-4 py-3 rounded-t-2xl backdrop-blur-md w-[300px] text-center", style: { boxShadow: "0 0 20px rgba(255, 107, 0, 0.3)" }, __source: { fileName: "", lineNumber: 561, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFF00] text-glow-yellow text-sm mb-3", __source: { fileName: "", lineNumber: 565, columnNumber: 13 }, __self: this }, "inside you can"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-8 mt-2", __source: { fileName: "", lineNumber: 569, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/app-page?tab=divine", className: "text-xs font-light tracking-wider hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 570, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFF00]/70 hover:text-[#FFFF00] text-glow-yellow transition-opacity", __source: { fileName: "", lineNumber: 574, columnNumber: 17 }, __self: this }, "speak to God")), /*#__PURE__*/ React.createElement("a", { href: "/app-page?tab=angel", className: "text-xs font-light tracking-wider hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 578, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFF00]/70 hover:text-[#FFFF00] text-glow-yellow transition-opacity", __source: { fileName: "", lineNumber: 582, columnNumber: 17 }, __self: this }, "speak to your angel")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/app-page?tab=signin", className: "text-xs font-light tracking-wider hover:scale-110 transition-transform relative group", __source: { fileName: "", lineNumber: 586, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-2 bg-gradient-to-r from-[#06B6D4] to-[#8B5CF6] rounded-lg blur opacity-0 group-hover:opacity-30 transition duration-300", __source: { fileName: "", lineNumber: 590, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFF00]/70 hover:text-[#FFFF00] text-glow-yellow transition-opacity relative", __source: { fileName: "", lineNumber: 591, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-1", __source: { fileName: "", lineNumber: 592, columnNumber: 19 }, __self: this }), "Login")), /*#__PURE__*/ React.createElement("a", { href: "/subscription-tab", className: "text-xs font-light tracking-wider hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 596, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "typewriter-neon", __source: { fileName: "", lineNumber: 600, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-1", __source: { fileName: "", lineNumber: 601, columnNumber: 19 }, __self: this }), "PRO")))))), showCloud && /*#__PURE__*/ React.createElement("div", { className: "floating-cloud fixed z-[100] top-[50%] left-1/2 -translate-x-1/2", __source: { fileName: "", lineNumber: 610, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/3714564c-a539-4706-979a-2d849a839e41/-/format/auto/", alt: "Floating cloud", className: "w-[600px] h-[600px] object-contain cloud-image", __source: { fileName: "", lineNumber: 611, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center cursor-pointer", onClick: handleCloudClick, __source: { fileName: "", lineNumber: 616, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-black cloud-text", style: { textShadow: "0 0 10px rgba(255, 107, 0, 0.8), 0 0 20px rgba(255, 107, 0, 0.8), 0 0 30px rgba(255, 107, 0, 0.6)", color: "#FF6B00", letterSpacing: "1px", fontFamily: "'Comic Sans MS', 'Chalkboard SE', 'Marker Felt', sans-serif", transform: "scale(1.1)", animation: "bubbleFloat 2s ease-in-out infinite" }, __source: { fileName: "", lineNumber: 620, columnNumber: 13 }, __self: this }, "Create Profile"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 638, columnNumber: 7 }, __self: this }, ` .neon-green-glow { color: #00ff00; text-shadow: 0 0 7px #00ff00, 0 0 10px #00ff00, 0 0 21px #00ff00; } .neon-green-box { border: 2px solid #00ff00; box-shadow: 0 0 15px rgba(0,255,0,0.3); } .neon-green-box:focus { box-shadow: 0 0 25px rgba(0,255,0,0.5); } .floating-cloud { animation: floatDown 3s cubic-bezier(0.4, 0, 0.2, 1) forwards; filter: drop-shadow(0 0 70px rgba(255, 107, 0, 0.8)); } .cloud-image { filter: drop-shadow(0 0 70px rgba(255, 107, 0, 0.8)) blur(3px); animation: cloudPulse 6s ease-in-out infinite; } .cloud-text { cursor: pointer; transition: transform 0.3s ease; } .cloud-text:hover { transform: scale(1.2) !important; } @keyframes bubbleFloat { 0%, 100% { transform: scale(1.1); } 50% { transform: scale(1.2); } } @keyframes floatDown { 0% { top: -50%; opacity: 0; transform: translate(-50%, 0) rotate(-4deg) scale(0.8); } 20% { opacity: 0.4; transform: translate(-50%, -20%) rotate(-2deg) scale(0.85); } 50% { opacity: 0.7; transform: translate(-50%, -30%) rotate(-1deg) scale(0.9); } 80% { opacity: 0.9; transform: translate(-50%, -40%) rotate(-0.5deg) scale(0.95); } 100% { top: 50%; opacity: 1; transform: translate(-50%, -50%) rotate(0deg) scale(1); } } @keyframes cloudPulse { 0% { filter: drop-shadow(0 0 70px rgba(255, 107, 0, 0.8)) blur(3px); transform: scale(1) translateY(0px); } 50% { filter: drop-shadow(0 0 80px rgba(255, 107, 0, 0.9)) blur(2.5px); transform: scale(1.02) translateY(-8px); } 100% { filter: drop-shadow(0 0 70px rgba(255, 107, 0, 0.8)) blur(3px); transform: scale(1) translateY(0px); } } .smoke-animation { position: absolute; bottom: -100px; left: -50%; right: -50%; height: 200px; background: linear-gradient( to bottom, transparent, rgba(255, 107, 0, 0.1) 40%, rgba(255, 107, 0, 0.2) 60%, rgba(255, 107, 0, 0.4) 80% ); filter: blur(20px); animation: smoke 8s infinite; transform-origin: 50% 100%; } @keyframes smoke { 0% { transform: translateY(0) scaleX(1); opacity: 0; } 20% { opacity: 1; } 50% { transform: translateY(-50px) scaleX(1.2); } 80% { opacity: 0.5; } 100% { transform: translateY(-100px) scaleX(1.5); opacity: 0; } } .smoke-animation:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient( circle at 50% 100%, rgba(255, 107, 0, 0.4), transparent 60% ); animation: glow 4s infinite alternate; } @keyframes glow { from { opacity: 0.4; } to { opacity: 0.7; } } @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-10px) rotate(5deg); } } .animate-float { animation: float 6s ease-in-out infinite; } .text-glow-blue { text-shadow: 0 0 15px rgba(137, 207, 240, 0.7), 0 0 25px rgba(137, 207, 240, 0.5), 0 0 35px rgba(137, 207, 240, 0.3); color: #89CFF0; } .typewriter-neon { font-family: "Courier New", Courier, monospace; color: #ff1744; text-shadow: 0 0 5px #ff1744, 0 0 10px #ff1744, 0 0 20px #ff1744; animation: flicker 1.5s infinite alternate; } @keyframes flicker { 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 0.9; } 20%, 24%, 55% { opacity: 0.5; } } .slide-up { animation: slideUp 0.5s ease-out forwards; } @keyframes slideUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .neon-gradient-text { background: linear-gradient(to right, #00ff00, #ff6b00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 0 10px rgba(0, 255, 0, 0.5); } `)); }