function FramerMotion(props) { const [mounted, setMounted] = useState(false); const ref = useRef(null); useEffect(()=>{ const checkRef = setInterval(()=>{ if (window.Motion) { clearInterval(checkRef); } if (ref.current) { clearInterval(checkRef); window.React = React; const script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/npm/framer-motion@11.11.17/dist/framer-motion.min.js"; script.type = "module"; script.onload = ()=>{ setMounted(true); }; ref.current.appendChild(script); } }, 100); return ()=>{ clearInterval(checkRef); if (ref.current) { const script = ref.current.querySelector("script"); if (script) { ref.current.removeChild(script); } } delete window.motion; }; }, []); const mountElm = /*#__PURE__*/ React.createElement("div", { className: "hidden", ref: ref, __source: { fileName: "", lineNumber: 35, columnNumber: 20 }, __self: this }); return mounted ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(window.Motion.motion.div, { ...props, __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }), mountElm) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { ...props, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), mountElm); } function FramerMotionStory() { return /*#__PURE__*/ React.createElement(FramerMotion, { __source: { fileName: "", lineNumber: 50, columnNumber: 10 }, __self: this }); } function MainComponent() { const { data: user } = useUser(); const [quoteIndex, setQuoteIndex] = useState(0); const quotes = [ "The way to get started is to quit talking and begin doing. - Walt Disney", "Done is better than perfect. - Sheryl Sandberg", "Time management is life management. - Robin Sharma", "Focus on being productive instead of busy. - Tim Ferriss", "Organization isn't about perfection; it's about efficiency. - Anonymous" ]; useEffect(()=>{ const timer = setInterval(()=>{ setQuoteIndex((prev)=>(prev + 1) % quotes.length); }, 5000); return ()=>clearInterval(timer); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#fafafa] to-[#f5f5f5] relative flex flex-col", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", style: { backgroundImage: `radial-gradient(#00000009 1px, transparent 1px)`, backgroundSize: "20px 20px" }, __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/4 -left-1/4 w-1/2 h-1/2 bg-gradient-to-r from-blue-100/30 to-transparent rounded-full blur-3xl", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/3 -right-1/4 w-1/2 h-1/2 bg-gradient-to-l from-purple-100/30 to-transparent rounded-full blur-3xl", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent via-white/5 to-white/30", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: "relative border-b border-black/10", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-4", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 cursor-pointer", onClick: ()=>user && (window.location.href = "/app"), __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto font-medium", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, "FinRize Manager"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-[#6F6F6F] font-roboto font-light", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "Track Your Ops"))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin?callbackUrl=/app", className: "block w-full md:w-auto px-4 py-2 text-center border border-black rounded hover:bg-black hover:text-white font-roboto font-medium", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup?callbackUrl=/app", className: "block w-full md:w-auto bg-black text-white px-4 py-2 text-center rounded hover:bg-opacity-90 font-roboto font-medium", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, "Sign Up"))))), /*#__PURE__*/ React.createElement("main", { className: "flex items-center justify-center flex-1 relative px-4", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm uppercase tracking-wider font-roboto font-light mb-3 text-[#6F6F6F]", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "YOUR FINRIZE.CO COMPANION"), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-roboto-mono font-medium mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Access FinRize Manager"), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl text-[#6F6F6F] font-roboto font-light mb-6", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "Add, edit, and track your tasks, projects, investments, expenses, and earnings"), /*#__PURE__*/ React.createElement("a", { href: "/app", className: "inline-block w-full md:w-auto bg-black text-white px-8 py-3 rounded hover:bg-opacity-90 text-lg font-roboto font-medium", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Start Now")), /*#__PURE__*/ React.createElement("div", { className: "h-12 mt-20", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm italic text-[#6F6F6F] font-roboto font-light transition-opacity duration-500 px-4", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, quotes[quoteIndex]))))); }