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 { signUpWithCredentials } = useAuth(); const [showCloud, setShowCloud] = useState(false); const { data: user } = useUser(); const [activeTab, setActiveTab] = useState(null); const [showSignupPanel, setShowSignupPanel] = useState(false); const [formData, setFormData] = useState({ email: "", password: "", username: "" }); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const handleStartCreating = (e)=>{ e.preventDefault(); setShowSignupPanel(true); }; const handleSubmit = async (e)=>{ e.preventDefault(); setError(null); setLoading(true); try { await signUpWithCredentials({ email: formData.email, password: formData.password, callbackUrl: "/app-page", redirect: false }); window.location.href = "/app-page"; } catch (err) { setError("Failed to create account. Please try again."); console.error(err); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white relative", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-0", __source: { fileName: "", lineNumber: 40, 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: 41, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 pt-16 px-4", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto text-center", __source: { fileName: "", lineNumber: 52, 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: 53, columnNumber: 11 }, __self: this }, "DREAM ENGINE"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-white/80 mb-8", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "Create Stunning AI Art"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-white/60 mb-8", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "From photorealistic portraits to fantasy worlds - bring any vision to life with AI"), /*#__PURE__*/ React.createElement("button", { onClick: handleStartCreating, className: "inline-block px-8 py-3 rounded-lg text-lg font-medium relative group", __source: { fileName: "", lineNumber: 61, 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: 65, 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: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#89CFF0] text-glow-blue font-medium", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "Start Creating"))), /*#__PURE__*/ React.createElement("div", { className: "mt-16 flex flex-wrap justify-center gap-8", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, [ { icon: "fa-user", title: "Portraits", color: "from-[#FF3366] to-[#FF66CC]" }, { icon: "fa-dragon", title: "Fantasy", color: "from-[#33CCFF] to-[#3366FF]" }, { icon: "fa-palette", title: "Abstract", color: "from-[#FFCC33] to-[#FF9933]" }, { icon: "fa-mountain", title: "Landscapes", color: "from-[#66CC33] to-[#33CC66]" }, { icon: "fa-robot", title: "Sci-Fi", color: "from-[#9933FF] to-[#6633FF]" }, { icon: "fa-wand-sparkles", title: "Anime", color: "from-[#FF66B2] to-[#FF3399]" } ].map((feature, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "group relative", __source: { fileName: "", lineNumber: 105, 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: 106, 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: 110, 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: 111, 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: 115, 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: 125, 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: 143, 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: 144, 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: 145, columnNumber: 13 }, __self: this }, "Profile Settings"), user ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 150, 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: 151, 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: 152, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#00ff00]/80 text-sm", __source: { fileName: "", lineNumber: 162, 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: 165, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#00ff00]/80 text-sm", __source: { fileName: "", lineNumber: 173, 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: 176, 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: 183, columnNumber: 17 }, __self: this }, "Close")) : /*#__PURE__*/ React.createElement("div", { className: "text-center text-[#00ff00]/80", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, "Please sign in to view your profile"))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-10", __source: { fileName: "", lineNumber: 198, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 h-32 overflow-hidden", __source: { fileName: "", lineNumber: 199, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "smoke-animation", __source: { fileName: "", lineNumber: 200, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-20 flex flex-col items-center pb-6", __source: { fileName: "", lineNumber: 203, 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: 204, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFF00] text-glow-yellow text-sm mb-3", __source: { fileName: "", lineNumber: 208, columnNumber: 13 }, __self: this }, "inside you can"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-8 mt-2", __source: { fileName: "", lineNumber: 212, 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: 213, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFF00]/70 hover:text-[#FFFF00] text-glow-yellow transition-opacity", __source: { fileName: "", lineNumber: 217, 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: 221, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFF00]/70 hover:text-[#FFFF00] text-glow-yellow transition-opacity", __source: { fileName: "", lineNumber: 225, columnNumber: 17 }, __self: this }, "speak to your angel")), /*#__PURE__*/ React.createElement("a", { href: "/app-page?tab=signin", className: "text-xs font-light tracking-wider hover:scale-110 transition-transform relative group", __source: { fileName: "", lineNumber: 229, 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: 233, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFF00]/70 hover:text-[#FFFF00] text-glow-yellow transition-opacity relative", __source: { fileName: "", lineNumber: 234, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-1", __source: { fileName: "", lineNumber: 235, columnNumber: 19 }, __self: this }), "Login")), /*#__PURE__*/ React.createElement("a", { href: "/subscription-tab", className: "text-xs font-light tracking-wider hover:scale-110 transition-transform group", __source: { fileName: "", lineNumber: 239, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "typewriter-neon group-hover:opacity-100 opacity-80 transition-opacity", __source: { fileName: "", lineNumber: 243, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-1", __source: { fileName: "", lineNumber: 244, columnNumber: 19 }, __self: this }), "PRO")))))), showSignupPanel && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-50 flex items-end justify-center", __source: { fileName: "", lineNumber: 253, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/60 backdrop-blur-sm", onClick: ()=>setShowSignupPanel(false), __source: { fileName: "", lineNumber: 254, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative w-full max-w-lg mx-4 mb-4 transform translate-y-0 transition-transform duration-300 ease-out panel-slide-up", __source: { fileName: "", lineNumber: 258, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/80 border border-[#89CFF0]/30 rounded-lg p-8 backdrop-blur-lg", __source: { fileName: "", lineNumber: 259, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSignupPanel(false), className: "absolute top-4 right-4 text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 260, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-times text-xl", __source: { fileName: "", lineNumber: 264, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center mb-8 bg-gradient-to-r from-[#06B6D4] to-[#8B5CF6] text-transparent bg-clip-text", __source: { fileName: "", lineNumber: 267, columnNumber: 15 }, __self: this }, "Create Your Account"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 271, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 272, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white/80 text-sm mb-2", __source: { fileName: "", lineNumber: 273, columnNumber: 19 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: (e)=>setFormData({ ...formData, email: e.target.value }), className: "w-full bg-black/40 border border-[#89CFF0]/20 rounded-lg px-4 py-3 text-white focus:border-[#89CFF0]/50 focus:outline-none", required: true, __source: { fileName: "", lineNumber: 276, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white/80 text-sm mb-2", __source: { fileName: "", lineNumber: 289, columnNumber: 19 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: formData.password, onChange: (e)=>setFormData({ ...formData, password: e.target.value }), className: "w-full bg-black/40 border border-[#89CFF0]/20 rounded-lg px-4 py-3 text-white focus:border-[#89CFF0]/50 focus:outline-none", required: true, __source: { fileName: "", lineNumber: 292, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 304, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white/80 text-sm mb-2", __source: { fileName: "", lineNumber: 305, columnNumber: 19 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", value: formData.username, onChange: (e)=>setFormData({ ...formData, username: e.target.value }), className: "w-full bg-black/40 border border-[#89CFF0]/20 rounded-lg px-4 py-3 text-white focus:border-[#89CFF0]/50 focus:outline-none", required: true, __source: { fileName: "", lineNumber: 308, columnNumber: 19 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm text-center", __source: { fileName: "", lineNumber: 321, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-gradient-to-r from-[#06B6D4] to-[#8B5CF6] text-white rounded-lg px-4 py-3 font-medium hover:opacity-90 transition-opacity disabled:opacity-50", __source: { fileName: "", lineNumber: 326, columnNumber: 17 }, __self: this }, loading ? "Creating Account..." : "Create Profile"), /*#__PURE__*/ React.createElement("div", { className: "text-center text-white/60", __source: { fileName: "", lineNumber: 334, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "hover:text-white transition-colors", __source: { fileName: "", lineNumber: 335, columnNumber: 19 }, __self: this }, "Already have an account? Sign in")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 347, columnNumber: 7 }, __self: this }, ` .neon-green-glow { color: #00ff00; text-shadow: 0 0 7px #00ff00, 0 0 10px #00ff00, 0 0 21px #00ff00; } .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; } } .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; } } `), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 440, columnNumber: 7 }, __self: this }, ` @keyframes slideUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .panel-slide-up { animation: slideUp 0.3s ease-out forwards; } `)); }