function MainComponent() { const { data: user, loading } = useUser(); const { signOut } = useAuth(); const [unreadCount, setUnreadCount] = useState(0); const [matches, setMatches] = useState([]); const [loadingMatches, setLoadingMatches] = useState(false); const [uploadingMemory, setUploadingMemory] = useState(false); const [uploadSuccess, setUploadSuccess] = useState(false); const [uploadError, setUploadError] = useState(null); const [memoryData, setMemoryData] = useState(""); const [userProfile, setUserProfile] = useState(null); const [loadingProfile, setLoadingProfile] = useState(false); const [showHeroSection, setShowHeroSection] = useState(true); // Fetch user profile to check if they have uploaded memory const fetchUserProfile = async ()=>{ if (!user) return; setLoadingProfile(true); try { const response = await fetch("/api/get-user-profile", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ userId: user.id }) }); if (response.ok) { const result = await response.json(); if (!result.error) { setUserProfile(result.profile); // If user has personality analysis data (from encrypted_profile), hide hero section permanently if (result.profile.personality_traits || result.profile.communication_style || result.profile.interests) { setShowHeroSection(false); } else { // Only show hero section if no personality analysis exists setShowHeroSection(true); } } else { console.error("Profile fetch error:", result.error); // If profile doesn't exist, set userProfile to empty object so hero shows if (result.error === "Profile not found") { setUserProfile({}); setShowHeroSection(true); } } } } catch (error) { console.error("Error fetching user profile:", error); // On error, set userProfile to empty object so hero shows setUserProfile({}); setShowHeroSection(true); } finally{ setLoadingProfile(false); } }; const handleSignOut = async ()=>{ try { await signOut({ callbackUrl: "/", redirect: true }); } catch (error) { console.error("Sign out error:", error); } }; const handleMemoryUpload = async ()=>{ if (!memoryData.trim()) { setUploadError("Please paste your ChatGPT memory data"); return; } setUploadingMemory(true); setUploadError(null); try { const response = await fetch("/api/parse-memory", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ memoryData: memoryData.trim() }) }); if (response.ok) { const result = await response.json(); if (!result.error) { setUploadSuccess(true); setMemoryData(""); // Don't automatically refresh profile - let user choose what to do next } else { setUploadError(result.error || "Failed to process memory data"); } } else { setUploadError("Failed to upload memory data. Please try again."); } } catch (error) { console.error("Error uploading memory:", error); setUploadError("Network error. Please check your connection and try again."); } finally{ setUploadingMemory(false); } }; // New function to handle button clicks after successful upload const handlePostUploadAction = (action)=>{ setShowHeroSection(false); setUploadSuccess(false); // Refresh the profile data now that user is navigating away fetchUserProfile(); if (action === "matches") { window.location.href = "/find-matches"; } else if (action === "profile") { window.location.href = "/profile"; } }; // Fetch unread message count for authenticated users const fetchUnreadCount = async ()=>{ if (!user) return; try { const response = await fetch("/api/get-unread-count", { method: "POST", headers: { "Content-Type": "application/json" } }); if (response.ok) { const result = await response.json(); if (!result.error) { setUnreadCount(result.unread_count || 0); } } } catch (error) { console.error("Error fetching unread count:", error); } }; // Fetch matches for authenticated users const fetchMatches = async ()=>{ if (!user) return; setLoadingMatches(true); try { const response = await fetch("/api/find-matches", { method: "POST", headers: { "Content-Type": "application/json" } }); if (response.ok) { const result = await response.json(); if (!result.error && result.matches) { setMatches(result.matches.slice(0, 4)); // Show top 4 matches } else { // If no matches due to gender preferences or other filters, clear matches setMatches([]); } } } catch (error) { console.error("Error fetching matches:", error); setMatches([]); } finally{ setLoadingMatches(false); } }; // Function to refresh matches (can be called when profile changes) const refreshMatches = ()=>{ if (user) { fetchMatches(); } }; useEffect(()=>{ if (user) { fetchUnreadCount(); fetchMatches(); fetchUserProfile(); // Refresh unread count every 30 seconds const interval = setInterval(fetchUnreadCount, 30000); return ()=>clearInterval(interval); } }, [ user ]); // Listen for profile updates that might affect matches useEffect(()=>{ const handleProfileUpdate = (event)=>{ if (event.detail && event.detail.genderPreferenceUpdated) { // Refresh matches when gender preferences are updated refreshMatches(); } }; window.addEventListener("profileUpdated", handleProfileUpdate); return ()=>window.removeEventListener("profileUpdated", handleProfileUpdate); }, [ user ]); if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-900 via-blue-900 to-indigo-900 relative overflow-hidden", __source: { fileName: "", lineNumber: 215, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 217, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-20 left-10 w-2 h-2 bg-white/20 rounded-full animate-pulse", __source: { fileName: "", lineNumber: 218, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-40 right-20 w-1 h-1 bg-pink-300/30 rounded-full animate-bounce", style: { animationDelay: "0.5s" }, __source: { fileName: "", lineNumber: 219, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-32 left-1/4 w-3 h-3 bg-blue-300/20 rounded-full animate-pulse", style: { animationDelay: "1s" }, __source: { fileName: "", lineNumber: 223, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/3 right-1/3 w-1 h-1 bg-purple-300/40 rounded-full animate-bounce", style: { animationDelay: "1.5s" }, __source: { fileName: "", lineNumber: 227, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-20 right-10 w-2 h-2 bg-indigo-300/30 rounded-full animate-pulse", style: { animationDelay: "2s" }, __source: { fileName: "", lineNumber: 231, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen w-full items-center justify-center relative z-10", __source: { fileName: "", lineNumber: 237, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center backdrop-blur-sm bg-white/10 rounded-3xl p-12 border border-white/20 shadow-2xl", __source: { fileName: "", lineNumber: 238, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative mb-6", __source: { fileName: "", lineNumber: 239, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-6xl text-pink-400 animate-bounce", __source: { fileName: "", lineNumber: 240, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-2 -right-2 w-4 h-4 bg-yellow-400 rounded-full animate-ping", __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 243, columnNumber: 13 }, __self: this }, "Loading SoulSync"), /*#__PURE__*/ React.createElement("div", { className: "text-lg text-blue-200", __source: { fileName: "", lineNumber: 246, columnNumber: 13 }, __self: this }, "Preparing your experience..."), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex justify-center space-x-1", __source: { fileName: "", lineNumber: 249, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-pink-400 rounded-full animate-bounce", __source: { fileName: "", lineNumber: 250, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-blue-400 rounded-full animate-bounce", style: { animationDelay: "0.1s" }, __source: { fileName: "", lineNumber: 251, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-purple-400 rounded-full animate-bounce", style: { animationDelay: "0.2s" }, __source: { fileName: "", lineNumber: 255, columnNumber: 15 }, __self: this }))))); } if (user) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-900 via-blue-900 to-indigo-900 relative overflow-hidden", __source: { fileName: "", lineNumber: 268, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 270, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-20 left-10 w-2 h-2 bg-white/20 rounded-full animate-pulse", __source: { fileName: "", lineNumber: 271, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-40 right-20 w-1 h-1 bg-pink-300/30 rounded-full animate-bounce", style: { animationDelay: "0.5s" }, __source: { fileName: "", lineNumber: 272, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-32 left-1/4 w-3 h-3 bg-blue-300/20 rounded-full animate-pulse", style: { animationDelay: "1s" }, __source: { fileName: "", lineNumber: 276, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/3 right-1/3 w-1 h-1 bg-purple-300/40 rounded-full animate-bounce", style: { animationDelay: "1.5s" }, __source: { fileName: "", lineNumber: 280, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-20 right-10 w-2 h-2 bg-indigo-300/30 rounded-full animate-pulse", style: { animationDelay: "2s" }, __source: { fileName: "", lineNumber: 284, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-60 left-1/3 w-1 h-1 bg-yellow-300/30 rounded-full animate-pulse", style: { animationDelay: "2.5s" }, __source: { fileName: "", lineNumber: 288, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-40 right-1/4 w-2 h-2 bg-green-300/20 rounded-full animate-bounce", style: { animationDelay: "3s" }, __source: { fileName: "", lineNumber: 292, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-6 relative z-10", __source: { fileName: "", lineNumber: 299, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-12 flex justify-between items-center", __source: { fileName: "", lineNumber: 300, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 301, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:opacity-80 transition-opacity", __source: { fileName: "", lineNumber: 302, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/2f3c4ea8-84c2-46e8-b753-9df6af835054/-/format/auto/", alt: "SoulSync", className: "h-20 w-auto md:h-24 drop-shadow-lg", __source: { fileName: "", lineNumber: 303, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 310, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/find-matches", className: "flex items-center px-4 py-2 text-sm font-medium text-white/90 hover:text-white hover:bg-white/10 rounded-lg transition-all duration-200", __source: { fileName: "", lineNumber: 311, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2 text-sm", __source: { fileName: "", lineNumber: 315, columnNumber: 17 }, __self: this }), "Find Matches"), /*#__PURE__*/ React.createElement("a", { href: "/messages", className: "flex items-center px-4 py-2 text-sm font-medium text-white/90 hover:text-white hover:bg-white/10 rounded-lg transition-all duration-200", __source: { fileName: "", lineNumber: 318, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments mr-2 text-sm", __source: { fileName: "", lineNumber: 322, columnNumber: 17 }, __self: this }), "Messages", unreadCount > 0 && /*#__PURE__*/ React.createElement("span", { className: "ml-2 inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-white bg-gradient-to-r from-pink-500 to-red-500 rounded-full min-w-[16px] shadow-lg animate-pulse", __source: { fileName: "", lineNumber: 325, columnNumber: 19 }, __self: this }, unreadCount > 99 ? "99+" : unreadCount)), !loadingProfile && userProfile && !userProfile.personality_traits && !userProfile.communication_style && !userProfile.interests && /*#__PURE__*/ React.createElement("a", { href: "/upload-memory", className: "flex items-center px-4 py-2 text-sm font-medium text-white/90 hover:text-white hover:bg-white/10 rounded-lg transition-all duration-200", __source: { fileName: "", lineNumber: 336, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain mr-2 text-sm", __source: { fileName: "", lineNumber: 340, columnNumber: 21 }, __self: this }), "Upload Memory"), /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "flex items-center px-4 py-2 text-sm font-medium text-white/90 hover:text-white hover:bg-white/10 rounded-lg transition-all duration-200", __source: { fileName: "", lineNumber: 344, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2 text-sm", __source: { fileName: "", lineNumber: 348, columnNumber: 17 }, __self: this }), "Profile"), /*#__PURE__*/ React.createElement("button", { onClick: handleSignOut, className: "flex items-center px-4 py-2 text-sm font-medium text-white/70 hover:text-white/90 hover:bg-white/10 rounded-lg transition-all duration-200", __source: { fileName: "", lineNumber: 351, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2 text-sm", __source: { fileName: "", lineNumber: 355, columnNumber: 17 }, __self: this }), "Sign Out"))), !loadingProfile && userProfile && showHeroSection && (!userProfile.personality_traits || !userProfile.communication_style || !userProfile.interests || uploadSuccess) && /*#__PURE__*/ React.createElement("div", { className: "mb-16", __source: { fileName: "", lineNumber: 369, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 370, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-gradient-to-r from-pink-500/20 to-purple-600/20 rounded-3xl p-8 border border-white/20 shadow-2xl", __source: { fileName: "", lineNumber: 371, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 372, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative mb-6", __source: { fileName: "", lineNumber: 373, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sparkles text-5xl text-yellow-400 animate-pulse", __source: { fileName: "", lineNumber: 374, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-2 -right-2 w-4 h-4 bg-pink-400 rounded-full animate-ping", __source: { fileName: "", lineNumber: 375, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-4xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 377, columnNumber: 23 }, __self: this }, "Welcome to SoulSync! 🎉"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-blue-200 mb-6 leading-relaxed", __source: { fileName: "", lineNumber: 380, columnNumber: 23 }, __self: this }, "Let's create your soul profile by analyzing your ChatGPT conversations. This helps us understand your personality and find your perfect matches.")), uploadSuccess ? /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 388, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-green-500/20 rounded-2xl p-6 border border-green-400/30 mb-6", __source: { fileName: "", lineNumber: 389, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-4xl text-green-400 mb-4", __source: { fileName: "", lineNumber: 390, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 391, columnNumber: 27 }, __self: this }, "Memory Uploaded Successfully! ✨"), /*#__PURE__*/ React.createElement("p", { className: "text-green-200", __source: { fileName: "", lineNumber: 394, columnNumber: 27 }, __self: this }, "Your soul profile is being created. You can now explore matches and connect with compatible souls!")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", __source: { fileName: "", lineNumber: 399, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePostUploadAction("matches"), className: "inline-block rounded-2xl bg-gradient-to-r from-pink-500 to-purple-600 px-6 py-3 text-lg font-bold text-white hover:from-pink-600 hover:to-purple-700 transition-all duration-300 transform hover:scale-105 shadow-xl", __source: { fileName: "", lineNumber: 400, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2", __source: { fileName: "", lineNumber: 404, columnNumber: 29 }, __self: this }), "Find Your Matches"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePostUploadAction("profile"), className: "inline-block rounded-2xl border-2 border-white/30 px-6 py-3 text-lg font-bold text-white hover:bg-white/10 transition-all duration-300 transform hover:scale-105", __source: { fileName: "", lineNumber: 407, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 411, columnNumber: 29 }, __self: this }), "View Profile"))) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 417, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 418, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-3 text-left", __source: { fileName: "", lineNumber: 419, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain mr-2 text-pink-400", __source: { fileName: "", lineNumber: 420, columnNumber: 29 }, __self: this }), "Paste Your ChatGPT Memory Data:"), /*#__PURE__*/ React.createElement("textarea", { value: memoryData, onChange: (e)=>setMemoryData(e.target.value), placeholder: "Paste your ChatGPT memory export here... This will help us understand your personality, interests, and communication style to find your perfect matches.", className: "w-full h-40 px-4 py-3 bg-white/10 border border-white/20 rounded-2xl text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-pink-400 focus:border-transparent resize-none backdrop-blur-sm", disabled: uploadingMemory, __source: { fileName: "", lineNumber: 423, columnNumber: 27 }, __self: this })), uploadError && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-red-500/20 border border-red-400/30 rounded-2xl", __source: { fileName: "", lineNumber: 433, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-red-200", __source: { fileName: "", lineNumber: 434, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 435, columnNumber: 31 }, __self: this }), uploadError)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", __source: { fileName: "", lineNumber: 441, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleMemoryUpload, disabled: uploadingMemory || !memoryData.trim(), className: "inline-flex items-center justify-center rounded-2xl bg-gradient-to-r from-pink-500 to-purple-600 px-8 py-4 text-lg font-bold text-white hover:from-pink-600 hover:to-purple-700 transition-all duration-300 transform hover:scale-105 shadow-xl disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none", __source: { fileName: "", lineNumber: 442, columnNumber: 27 }, __self: this }, uploadingMemory ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 449, columnNumber: 33 }, __self: this }), "Processing Memory...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-upload mr-2", __source: { fileName: "", lineNumber: 454, columnNumber: 33 }, __self: this }), "Create My Soul Profile")), /*#__PURE__*/ React.createElement("a", { href: "/upload-memory", className: "inline-block rounded-2xl border-2 border-white/30 px-8 py-4 text-lg font-bold text-white hover:bg-white/10 transition-all duration-300 transform hover:scale-105", __source: { fileName: "", lineNumber: 459, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mr-2", __source: { fileName: "", lineNumber: 463, columnNumber: 29 }, __self: this }), "Learn More")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 468, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-blue-200/80", __source: { fileName: "", lineNumber: 469, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt mr-1", __source: { fileName: "", lineNumber: 470, columnNumber: 29 }, __self: this }), "Your data is encrypted and secure. We only use it to create your personality profile.")))))), !showHeroSection && matches.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-16", __source: { fileName: "", lineNumber: 484, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 485, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-white/5 rounded-2xl p-6 border border-white/10 shadow-xl inline-block", __source: { fileName: "", lineNumber: 486, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 487, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-pink-400 mr-2", __source: { fileName: "", lineNumber: 488, columnNumber: 21 }, __self: this }), "Your Recent Matches"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-200", __source: { fileName: "", lineNumber: 491, columnNumber: 19 }, __self: this }, "Here are some of your top compatible matches"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 496, columnNumber: 15 }, __self: this }, matches.map((match, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: `/profile/view?userId=${match.id}`, className: "backdrop-blur-sm bg-white/10 rounded-2xl p-6 border border-white/20 shadow-xl text-center transform hover:scale-105 hover:bg-white/20 transition-all duration-300 cursor-pointer block", __source: { fileName: "", lineNumber: 498, columnNumber: 19 }, __self: this }, match.profile_photo_url ? /*#__PURE__*/ React.createElement("img", { src: match.profile_photo_url, alt: match.display_name || "User", className: "w-16 h-16 rounded-full mx-auto mb-4 object-cover shadow-lg border-2 border-white/20", __source: { fileName: "", lineNumber: 504, columnNumber: 23 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-gradient-to-r from-pink-400 to-purple-500 rounded-full mx-auto mb-4 flex items-center justify-center shadow-lg", __source: { fileName: "", lineNumber: 510, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-white text-xl", __source: { fileName: "", lineNumber: 511, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 514, columnNumber: 21 }, __self: this }, match.display_name || "Anonymous User"), /*#__PURE__*/ React.createElement("div", { className: "mb-3", __source: { fileName: "", lineNumber: 517, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-blue-200 mb-1", __source: { fileName: "", lineNumber: 518, columnNumber: 23 }, __self: this }, "Compatibility Score"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 521, columnNumber: 23 }, __self: this }, Math.round(match.compatibility_score || 85), "%"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-white/20 rounded-full h-2", __source: { fileName: "", lineNumber: 524, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-green-400 to-blue-500 h-2 rounded-full transition-all duration-1000", style: { width: `${Math.round(match.compatibility_score || 85)}%` }, __source: { fileName: "", lineNumber: 525, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "text-sm font-medium text-green-300", __source: { fileName: "", lineNumber: 533, columnNumber: 21 }, __self: this }, "Excellent Match")))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8", __source: { fileName: "", lineNumber: 539, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/find-matches", className: "inline-block rounded-2xl bg-gradient-to-r from-pink-500 to-purple-600 px-8 py-4 text-lg font-bold text-white hover:from-pink-600 hover:to-purple-700 transition-all duration-300 transform hover:scale-105 shadow-xl", __source: { fileName: "", lineNumber: 540, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2", __source: { fileName: "", lineNumber: 544, columnNumber: 19 }, __self: this }), "View All Matches"))), loadingMatches && !showHeroSection && /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 552, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-white/10 rounded-2xl p-8 border border-white/20 shadow-xl inline-block", __source: { fileName: "", lineNumber: 553, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sparkles fa-spin text-3xl text-pink-400 mb-4", __source: { fileName: "", lineNumber: 554, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-lg text-white animate-pulse", __source: { fileName: "", lineNumber: 555, columnNumber: 17 }, __self: this }, "Finding your matches..."))))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-900 via-blue-900 to-indigo-900 relative overflow-hidden", __source: { fileName: "", lineNumber: 567, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 569, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-20 left-10 w-2 h-2 bg-white/20 rounded-full animate-pulse", __source: { fileName: "", lineNumber: 570, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-40 right-20 w-1 h-1 bg-pink-300/30 rounded-full animate-bounce", style: { animationDelay: "0.5s" }, __source: { fileName: "", lineNumber: 571, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-32 left-1/4 w-3 h-3 bg-blue-300/20 rounded-full animate-pulse", style: { animationDelay: "1s" }, __source: { fileName: "", lineNumber: 575, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/3 right-1/3 w-1 h-1 bg-purple-300/40 rounded-full animate-bounce", style: { animationDelay: "1.5s" }, __source: { fileName: "", lineNumber: 579, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-20 right-10 w-2 h-2 bg-indigo-300/30 rounded-full animate-pulse", style: { animationDelay: "2s" }, __source: { fileName: "", lineNumber: 583, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-60 left-1/3 w-1 h-1 bg-yellow-300/30 rounded-full animate-pulse", style: { animationDelay: "2.5s" }, __source: { fileName: "", lineNumber: 587, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-40 right-1/4 w-2 h-2 bg-green-300/20 rounded-full animate-bounce", style: { animationDelay: "3s" }, __source: { fileName: "", lineNumber: 591, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-6 relative z-10", __source: { fileName: "", lineNumber: 598, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-12 flex justify-between items-center", __source: { fileName: "", lineNumber: 599, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 600, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:opacity-80 transition-opacity", __source: { fileName: "", lineNumber: 601, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/2f3c4ea8-84c2-46e8-b753-9df6af835054/-/format/auto/", alt: "SoulSync", className: "h-20 w-auto md:h-24 drop-shadow-lg", __source: { fileName: "", lineNumber: 602, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 609, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "flex items-center px-4 py-2 text-sm font-medium text-white/70 hover:text-white/90 hover:bg-white/10 rounded-lg transition-all duration-200", __source: { fileName: "", lineNumber: 610, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-2 text-sm", __source: { fileName: "", lineNumber: 614, columnNumber: 15 }, __self: this }), "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "flex items-center px-4 py-2 text-sm font-medium bg-gradient-to-r from-pink-500 to-purple-600 text-white hover:from-pink-600 hover:to-purple-700 rounded-lg transition-all duration-200", __source: { fileName: "", lineNumber: 617, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus mr-2 text-sm", __source: { fileName: "", lineNumber: 621, columnNumber: 15 }, __self: this }), "Sign Up"))), /*#__PURE__*/ React.createElement("div", { className: "mb-16 text-center", __source: { fileName: "", lineNumber: 628, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 629, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 630, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl md:text-7xl font-bold text-white mb-6 leading-tight", __source: { fileName: "", lineNumber: 631, columnNumber: 15 }, __self: this }, "Find Your", /*#__PURE__*/ React.createElement("span", { className: "bg-gradient-to-r from-pink-400 to-purple-500 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 633, columnNumber: 17 }, __self: this }, " ", "Soul"), /*#__PURE__*/ React.createElement("span", { className: "bg-gradient-to-r from-purple-500 to-blue-500 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 637, columnNumber: 17 }, __self: this }, "Mate")), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl text-blue-200 mb-8 leading-relaxed", __source: { fileName: "", lineNumber: 641, columnNumber: 15 }, __self: this }, "Upload your ChatGPT conversations and let AI find your perfect match based on deep personality compatibility")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center mb-12", __source: { fileName: "", lineNumber: 647, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "inline-block rounded-2xl bg-gradient-to-r from-pink-500 to-purple-600 px-8 py-4 text-lg font-bold text-white hover:from-pink-600 hover:to-purple-700 transition-all duration-300 transform hover:scale-105 shadow-xl", __source: { fileName: "", lineNumber: 648, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket mr-2", __source: { fileName: "", lineNumber: 652, columnNumber: 17 }, __self: this }), "Get Started Free"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "inline-block rounded-2xl border-2 border-white/30 px-8 py-4 text-lg font-bold text-white hover:bg-white/10 transition-all duration-300 transform hover:scale-105", __source: { fileName: "", lineNumber: 655, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-2", __source: { fileName: "", lineNumber: 659, columnNumber: 17 }, __self: this }), "Sign In")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 max-w-3xl mx-auto mb-16", __source: { fileName: "", lineNumber: 664, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-white/10 rounded-2xl p-6 border border-white/20 shadow-xl", __source: { fileName: "", lineNumber: 665, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-pink-500 to-purple-600 rounded-full flex items-center justify-center mb-4 mx-auto", __source: { fileName: "", lineNumber: 666, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-white text-xl", __source: { fileName: "", lineNumber: 667, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 669, columnNumber: 17 }, __self: this }, "AI-Powered Matching"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-200 text-sm", __source: { fileName: "", lineNumber: 672, columnNumber: 17 }, __self: this }, "Advanced algorithms analyze your personality for perfect compatibility")), /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-white/10 rounded-2xl p-6 border border-white/20 shadow-xl", __source: { fileName: "", lineNumber: 678, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-purple-500 to-blue-600 rounded-full flex items-center justify-center mb-4 mx-auto", __source: { fileName: "", lineNumber: 679, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-white text-xl", __source: { fileName: "", lineNumber: 680, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 682, columnNumber: 17 }, __self: this }, "Privacy First"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-200 text-sm", __source: { fileName: "", lineNumber: 685, columnNumber: 17 }, __self: this }, "Your data is encrypted and secure. We respect your privacy completely")), /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-white/10 rounded-2xl p-6 border border-white/20 shadow-xl", __source: { fileName: "", lineNumber: 691, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-blue-500 to-indigo-600 rounded-full flex items-center justify-center mb-4 mx-auto", __source: { fileName: "", lineNumber: 692, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-white text-xl", __source: { fileName: "", lineNumber: 693, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 695, columnNumber: 17 }, __self: this }, "Deep Connections"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-200 text-sm", __source: { fileName: "", lineNumber: 698, columnNumber: 17 }, __self: this }, "Move beyond surface-level matching to find true compatibility"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-16", __source: { fileName: "", lineNumber: 707, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-white/5 rounded-2xl p-8 border border-white/10 shadow-xl max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 708, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-center text-white mb-8", __source: { fileName: "", lineNumber: 709, columnNumber: 13 }, __self: this }, "How SoulSync Works"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center space-x-8", __source: { fileName: "", lineNumber: 712, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center transform hover:scale-105 transition-transform duration-300", __source: { fileName: "", lineNumber: 713, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-gradient-to-r from-pink-500 to-purple-600 rounded-full shadow-2xl flex items-center justify-center mb-4 mx-auto", __source: { fileName: "", lineNumber: 714, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-upload text-2xl text-white", __source: { fileName: "", lineNumber: 715, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 717, columnNumber: 17 }, __self: this }, "Upload ChatGPT", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 719, columnNumber: 19 }, __self: this }), "Memory"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-200 text-sm", __source: { fileName: "", lineNumber: 722, columnNumber: 17 }, __self: this }, "Share your AI conversations")), /*#__PURE__*/ React.createElement("div", { className: "text-pink-400 animate-pulse", __source: { fileName: "", lineNumber: 727, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right text-2xl", __source: { fileName: "", lineNumber: 728, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center transform hover:scale-105 transition-transform duration-300", __source: { fileName: "", lineNumber: 731, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-gradient-to-r from-purple-500 to-blue-600 rounded-full shadow-2xl flex items-center justify-center mb-4 mx-auto", __source: { fileName: "", lineNumber: 732, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-2xl text-white animate-spin", __source: { fileName: "", lineNumber: 733, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 735, columnNumber: 17 }, __self: this }, "AI Builds Your", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 737, columnNumber: 19 }, __self: this }), "Soul Profile"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-200 text-sm", __source: { fileName: "", lineNumber: 740, columnNumber: 17 }, __self: this }, "Deep personality analysis")), /*#__PURE__*/ React.createElement("div", { className: "text-pink-400 animate-pulse", __source: { fileName: "", lineNumber: 745, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right text-2xl", __source: { fileName: "", lineNumber: 746, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center transform hover:scale-105 transition-transform duration-300", __source: { fileName: "", lineNumber: 749, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-gradient-to-r from-blue-500 to-indigo-600 rounded-full shadow-2xl flex items-center justify-center mb-4 mx-auto", __source: { fileName: "", lineNumber: 750, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-2xl text-white animate-pulse", __source: { fileName: "", lineNumber: 751, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 753, columnNumber: 17 }, __self: this }, "Meet Your", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 755, columnNumber: 19 }, __self: this }), "Perfect Matches"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-200 text-sm", __source: { fileName: "", lineNumber: 758, columnNumber: 17 }, __self: this }, "Find compatible souls"))))))); }