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 = [ "Success in business requires training, discipline and hard work. - David Rockefeller", "Management is doing things right; leadership is doing the right things. - Peter Drucker", "The best way to predict the future is to create it. - Peter Drucker", "Business opportunities are like buses, there's always another one coming. - Richard Branson", "A project is complete when it starts working for you, rather than you working for it. - Scott Allen" ]; useEffect(()=>{ const timer = setInterval(()=>{ setQuoteIndex((prev)=>(prev + 1) % quotes.length); }, 5000); return ()=>clearInterval(timer); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#090402] 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-[#5C5C5C]", __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 items-center justify-between", __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("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-space-grotesk bg-gradient-to-t from-[#F5F5F5] to-[#A39F9D] bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "Work", /*#__PURE__*/ React.createElement("span", { className: "text-[#FF5500]", __source: { fileName: "", lineNumber: 43, columnNumber: 23 }, __self: this }, "Stream")), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-[#A39F9D] font-inter font-light", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "Business Project Management"))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin?callbackUrl=/app", className: "block px-4 py-2 bg-[#5C5C5C] text-[#F5F5F5] rounded-full font-inter hover:bg-[#4a4a4a] transition-colors", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup?callbackUrl=/app", className: "block bg-[#FF5500] text-[#F5F5F5] px-4 py-2 rounded-full font-inter hover:bg-[#5C5C5C] transition-colors", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Sign Up"))))), /*#__PURE__*/ React.createElement("main", { className: "flex items-center justify-center flex-1 relative", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.8 }, className: "text-center max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase text-[#F5F5F5] text-3xl mb-6", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "inline-block px-4 py-1 mb-3 bg-gradient-to-r from-[#080301] to-[#2E2927] border border-[#2C2722] rounded-full", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-inter text-[#F5F5F5]", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "Business Project Management Reimagined")), /*#__PURE__*/ React.createElement("h1", { className: "text-7xl font-space-grotesk bg-gradient-to-t from-[#F5F5F5] to-[#A39F9D] bg-clip-text text-transparent mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Transform Project Management"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#A39F9D] font-inter mb-6", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "Elevate your business workflow with WorkStream"), /*#__PURE__*/ React.createElement("a", { href: "/app", className: "inline-block bg-[#FF5500] text-[#F5F5F5] px-8 py-3 rounded-full font-inter hover:bg-[#5C5C5C] transition-colors", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Start Managing Projects")), /*#__PURE__*/ React.createElement(FramerMotion, { animate: { opacity: [ 0, 1 ] }, transition: { duration: 1, repeat: Infinity, repeatDelay: 4 }, className: "h-12 mt-20", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm italic text-[#A39F9D] font-inter", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, quotes[quoteIndex])))), /*#__PURE__*/ React.createElement("footer", { className: "relative py-8 border-t border-[#5C5C5C]", __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-6", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#A39F9D] hover:text-[#F5F5F5] transition-colors", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-xl", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#A39F9D] hover:text-[#F5F5F5] transition-colors", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-xl", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#A39F9D] hover:text-[#F5F5F5] transition-colors", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-github text-xl", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#A39F9D] hover:text-[#F5F5F5] transition-colors", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-xl", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 139, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } `)); }