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 [currentTestimonial, setCurrentTestimonial] = useState(0); const testimonials = [ { name: "Sarah Mitchell", location: "Tokyo, Japan", review: "The AI planner created the perfect itinerary for my Tokyo adventure. Every suggestion was spot-on!" }, { name: "James Wilson", location: "Swiss Alps", review: "The weather forecasts helped me pack exactly what I needed for my hiking trip. No surprises!" }, { name: "Emma Rodriguez", location: "Barcelona, Spain", review: "Having a day-by-day packing list made my European vacation so much easier to prepare for." } ]; useEffect(()=>{ const timer = setInterval(()=>{ setCurrentTestimonial((prev)=>(prev + 1) % testimonials.length); }, 5000); return ()=>clearInterval(timer); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#1B1B1B] to-[#2C2C2C] relative", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/e13f9abc-7bad-469f-b175-0e316ab8c9b9/-/format/auto/", alt: "Globe wireframe", className: "absolute -left-1/4 top-1/2 transform -translate-y-1/2 w-[1000px] h-[1000px] object-contain opacity-40", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col relative", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "border-b border-[#4B4B4B] bg-[#1B1B1B]", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full px-6 h-16 flex items-center", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#F6F6F6] text-2xl hover:text-[#B1B1B1] transition-colors", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plane", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-medium font-inter-tight text-[#F6F6F6] absolute left-1/2 transform -translate-x-1/2", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "JourneyGenius"), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex justify-end gap-4", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "px-4 py-2 bg-[#2C2C2C] text-[#F6F6F6] rounded border border-[#4B4B4B] font-inter-tight hover:bg-[#B1B1B1] transition-colors", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "px-4 py-2 bg-[#DFFF4E] text-[#1B1B1B] rounded font-inter-tight hover:bg-[#2C2C2C] hover:text-[#F6F6F6] transition-colors", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "Sign Up")))), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-6 py-20 flex-grow flex flex-col", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mt-12 mb-24", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(FramerMotion, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6 }, className: "text-center", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#B1B1B1] uppercase font-inter-tight mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "Plan Smarter, Travel Better"), /*#__PURE__*/ React.createElement("h1", { className: "text-7xl font-medium font-inter-tight mb-4 text-[#DFFF4E]", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Your Dream Trip Awaits"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#B1B1B1] font-inter-tight mb-8", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, "AI-Powered Itineraries with Weather & Packing"), /*#__PURE__*/ React.createElement("a", { href: user ? "/planner" : "/account/signup?callbackUrl=/planner", className: "inline-block bg-[#DFFF4E] text-[#1B1B1B] px-8 py-4 rounded text-xl font-inter-tight hover:bg-[#2C2C2C] hover:text-[#F6F6F6] transition-colors", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, "Start Planning"))), /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-[200px]", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(FramerMotion, { key: currentTestimonial, initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -20 }, transition: { duration: 0.6 }, className: "text-center", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#F6F6F6] text-2xl mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-[#B1B1B1] font-inter-tight mb-4 text-base max-w-2xl", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, '"', testimonials[currentTestimonial].review, '"'), /*#__PURE__*/ React.createElement("p", { className: "text-[#F6F6F6] font-medium font-inter-tight text-sm", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, testimonials[currentTestimonial].name), /*#__PURE__*/ React.createElement("p", { className: "text-[#DFFF4E] text-sm font-inter-tight", __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this }, testimonials[currentTestimonial].location))))), /*#__PURE__*/ React.createElement("footer", { className: "border-t border-[#4B4B4B] py-8 bg-[#1B1B1B]", __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-6 text-center", __source: { fileName: "", lineNumber: 128, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#B1B1B1] font-inter-tight", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, "© 2025 JourneyGenius. All rights reserved."))))); }