function MainComponent() { const { data: user, loading: userLoading } = useUser(); const { signInWithGoogle, signOut } = useAuth(); const [isVisible, setIsVisible] = useState(false); const [error, setError] = useState(null); const [signingIn, setSigningIn] = useState(false); const [profileLoading, setProfileLoading] = useState(true); const [hasProfile, setHasProfile] = useState(false); useEffect(()=>{ setIsVisible(true); }, []); useEffect(()=>{ if (user) { checkProfile(); } else { setProfileLoading(false); } }, [ user ]); const checkProfile = async ()=>{ try { const response = await fetch("/api/profile/get"); const data = await response.json(); setHasProfile(data.profile?.onboarding_completed || false); } catch (error) { console.error("Failed to fetch profile:", error); } finally{ setProfileLoading(false); } }; const getStartedButton = ()=>{ if (userLoading || profileLoading) { return /*#__PURE__*/ React.createElement("button", { disabled: true, className: "inline-block rounded-lg bg-gray-200 px-8 py-3 text-lg font-medium", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Loading..."); } if (!user) { return /*#__PURE__*/ React.createElement("button", { onClick: handleSignIn, className: "inline-block rounded-lg bg-[#357AFF] px-8 py-3 text-lg font-medium text-white hover:bg-[#2E69DE]", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Get Started"); } if (!hasProfile) { return /*#__PURE__*/ React.createElement("a", { href: "/onboarding", className: "inline-block rounded-lg bg-[#357AFF] px-8 py-3 text-lg font-medium text-white hover:bg-[#2E69DE]", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "Complete Profile Setup"); } return /*#__PURE__*/ React.createElement("a", { href: "/app", className: "inline-block rounded-lg bg-[#357AFF] px-8 py-3 text-lg font-medium text-white hover:bg-[#2E69DE]", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, "Go to App"); }; const handleSignIn = async ()=>{ setSigningIn(true); setError(null); try { await signInWithGoogle({ callbackUrl: "/app", redirect: true }); } catch (err) { console.error(err); setError("Failed to sign in with Google. Please try again."); } finally{ setSigningIn(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50", __source: { fileName: "", lineNumber: 95, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed top-0 z-50 w-full bg-white/80 px-4 py-4 backdrop-blur-sm", __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto flex max-w-7xl items-center justify-between", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book-open text-2xl text-[#357AFF]", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "AI Homework")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, userLoading || profileLoading ? /*#__PURE__*/ React.createElement("div", { className: "h-10 w-32 animate-pulse rounded-lg bg-gray-200", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }) : user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, user.image && /*#__PURE__*/ React.createElement("img", { src: user.image, alt: "Profile", className: "h-8 w-8 rounded-full", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:block", __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, user.name || user.email), hasProfile ? /*#__PURE__*/ React.createElement("a", { href: "/app", className: "rounded-lg bg-[#357AFF] px-4 py-2 text-sm font-medium text-white hover:bg-[#2E69DE]", __source: { fileName: "", lineNumber: 119, columnNumber: 19 }, __self: this }, "Go to App") : /*#__PURE__*/ React.createElement("a", { href: "/onboarding", className: "rounded-lg bg-[#357AFF] px-4 py-2 text-sm font-medium text-white hover:bg-[#2E69DE]", __source: { fileName: "", lineNumber: 126, columnNumber: 19 }, __self: this }, "Complete Profile"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>signOut({ callbackUrl: "/", redirect: true }), className: "rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-600 hover:bg-gray-200", __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this }, "Sign Out")) : /*#__PURE__*/ React.createElement("button", { onClick: handleSignIn, disabled: signingIn, className: "rounded-lg bg-[#357AFF] px-4 py-2 text-sm font-medium text-white hover:bg-[#2E69DE] disabled:opacity-50", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, signingIn ? "Signing in..." : "Sign in with Google")))), /*#__PURE__*/ React.createElement("main", { className: "pt-20", __source: { fileName: "", lineNumber: 153, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "relative overflow-hidden px-4 py-20 text-center", __source: { fileName: "", lineNumber: 154, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-4xl", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-6 text-4xl font-bold text-gray-900 md:text-6xl", __source: { fileName: "", lineNumber: 156, columnNumber: 13 }, __self: this }, "AI-Powered Homework Generator"), /*#__PURE__*/ React.createElement("p", { className: "mb-8 text-xl text-gray-600", __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this }, "Create engaging, personalized assignments in seconds"), getStartedButton()), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 -z-10", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute left-1/4 top-1/4 h-64 w-64 -translate-x-1/2 rounded-full bg-blue-100/50 blur-3xl", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute right-1/4 top-1/3 h-64 w-64 translate-x-1/2 rounded-full bg-indigo-100/50 blur-3xl", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { className: "px-4 py-16", __source: { fileName: "", lineNumber: 171, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto flex max-w-7xl flex-col items-center gap-12 md:flex-row", __source: { fileName: "", lineNumber: 172, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2", __source: { fileName: "", lineNumber: 173, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/mockup.png", alt: "Application interface showing homework generator", className: "rounded-lg shadow-xl", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2", __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-3xl font-bold", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, "Everything You Need"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-3 text-green-500", __source: { fileName: "", lineNumber: 184, columnNumber: 19 }, __self: this }), "Multiple subjects and grade levels"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 187, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-3 text-green-500", __source: { fileName: "", lineNumber: 188, columnNumber: 19 }, __self: this }), "Adjustable difficulty settings"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 191, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-3 text-green-500", __source: { fileName: "", lineNumber: 192, columnNumber: 19 }, __self: this }), "Save and organize assignments"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 195, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-3 text-green-500", __source: { fileName: "", lineNumber: 196, columnNumber: 19 }, __self: this }), "Professional formatting"))))), /*#__PURE__*/ React.createElement("section", { className: "bg-white px-4 py-16", __source: { fileName: "", lineNumber: 204, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl text-center", __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-lg font-medium text-[#357AFF]", __source: { fileName: "", lineNumber: 206, columnNumber: 13 }, __self: this }, "Used by 10,000+ teachers worldwide"), /*#__PURE__*/ React.createElement("div", { className: "mx-auto mb-8 max-w-2xl rounded-xl bg-gray-50 p-6", __source: { fileName: "", lineNumber: 209, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4 italic text-gray-600", __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, '"This tool has revolutionized how I create assignments. It saves me hours every week!"'), /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 214, columnNumber: 15 }, __self: this }, "Sarah Johnson"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }, "High School Math Teacher")))), /*#__PURE__*/ React.createElement("section", { className: "px-4 py-16 text-center", __source: { fileName: "", lineNumber: 220, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-3xl", __source: { fileName: "", lineNumber: 221, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-3xl font-bold", __source: { fileName: "", lineNumber: 222, columnNumber: 13 }, __self: this }, "Start Creating Assignments"), getStartedButton(), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 226, columnNumber: 13 }, __self: this }, "No credit card required")))), error && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 z-50 rounded-lg bg-red-50 p-4 text-red-500 shadow-lg", __source: { fileName: "", lineNumber: 232, columnNumber: 9 }, __self: this }, error), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 237, columnNumber: 7 }, __self: this }, ` @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } .animate-float { animation: float 6s ease-in-out infinite; } `)); }