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 [scrollY, setScrollY] = useState(0); useEffect(()=>{ const handleScroll = ()=>{ setScrollY(window.scrollY); }; window.addEventListener("scroll", handleScroll); return ()=>window.removeEventListener("scroll", handleScroll); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen relative overflow-hidden", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 w-full h-full bg-cover bg-center bg-no-repeat", style: { backgroundImage: 'url("https://ucarecdn.com/47761de8-6b40-4888-a086-df1caa4966bd/-/format/auto/")', transform: `translateY(${scrollY * 0.5}px)` }, __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative flex flex-col min-h-screen", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#242424] z-10", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full px-4 md:px-6", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[2000px] mx-auto h-16 flex items-center justify-between", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white text-xl md:text-2xl font-pt-serif hover:text-white/90 transition-opacity", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, "Wanderlust AI"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 md:gap-4", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "px-2 md:px-4 py-1.5 md:py-2 bg-transparent border border-white text-white rounded-full font-lato hover:bg-white hover:text-[#242424] transition-all text-sm md:text-base", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "px-2 md:px-4 py-1.5 md:py-2 bg-white text-[#242424] rounded-full font-lato hover:bg-white/90 transition-colors text-sm md:text-base", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, "Sign Up"))))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow flex flex-col items-center", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl w-full px-4 md:px-6", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "pt-12 md:pt-20 text-center", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6 }, className: "mb-8 md:mb-16", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-pt-serif mb-2 md:mb-4 text-[#242424]", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, "Wanderlust AI"), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl font-lato text-[#242424]", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "AI-Powered Adventure Planning")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:grid md:grid-cols-3 gap-12 mb-16", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6, delay: 0.2 }, className: "bg-gray-50/95 aspect-square rounded-full p-8 text-center hover:scale-105 transition-all duration-300 flex flex-col items-center justify-center backdrop-blur-sm", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#242424] text-4xl mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt", __source: { fileName: "", lineNumber: 77, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "font-pt-serif text-lg text-[#242424] mb-2", __source: { fileName: "", lineNumber: 79, columnNumber: 19 }, __self: this }, "Choose Destinations"), /*#__PURE__*/ React.createElement("p", { className: "font-lato text-sm text-[#242424] leading-relaxed", __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }, "Select the places you want to visit")), /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6, delay: 0.4 }, className: "bg-gray-50/95 aspect-square rounded-full p-8 text-center hover:scale-105 transition-all duration-300 flex flex-col items-center justify-center backdrop-blur-sm", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#242424] text-4xl mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar", __source: { fileName: "", lineNumber: 93, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "font-pt-serif text-lg text-[#242424] mb-2", __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }, "Set Dates"), /*#__PURE__*/ React.createElement("p", { className: "font-lato text-sm text-[#242424] leading-relaxed", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, "Pick your travel dates")), /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6, delay: 0.6 }, className: "bg-gray-50/95 aspect-square rounded-full p-8 text-center hover:scale-105 transition-all duration-300 flex flex-col items-center justify-center backdrop-blur-sm", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#242424] text-4xl mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic", __source: { fileName: "", lineNumber: 110, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "font-pt-serif text-lg text-[#242424] mb-2", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, "Get Itinerary"), /*#__PURE__*/ React.createElement("p", { className: "font-lato text-sm text-[#242424] leading-relaxed", __source: { fileName: "", lineNumber: 115, columnNumber: 19 }, __self: this }, "AI creates your perfect schedule"))), /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6, delay: 0.8 }, className: "mb-12 md:mb-16", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: user ? "/planner" : "/account/signup?callbackUrl=/planner", className: "inline-block bg-[#242424] text-white px-6 md:px-8 py-3 md:py-4 rounded-full text-lg md:text-xl font-lato hover:bg-[#363636] transition-colors", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, "Start Planning"))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-white border-t border-[#9B9B9B] py-6 md:py-8 mt-auto z-10", __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4 md:px-6 text-center", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-lato text-sm md:text-base text-[#242424]", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, "© 2025 Wanderlust AI. All rights reserved."))))); }