function ErrorModal({ isOpen, onClose, message, nextAllowedDate }) { if (!isOpen) return null; return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 max-w-md w-full mx-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-500 text-4xl", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Trial Access Limited"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-400 mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, message), nextAllowedDate && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 dark:text-gray-400", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "You can try again on:", " ", new Date(nextAllowedDate).toLocaleDateString())), /*#__PURE__*/ React.createElement("button", { onClick: onClose, className: "w-full bg-red-600 text-white py-2 rounded-md hover:bg-red-700 transition-colors", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Close"))); } function ErrorModalStory() { const [isOpen1, setIsOpen1] = useState(false); const [isOpen2, setIsOpen2] = useState(false); const futureDate = new Date(); futureDate.setDate(futureDate.getDate() + 30); return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Basic Error Modal"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsOpen1(true), className: "bg-blue-600 text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Show Basic Error"), /*#__PURE__*/ React.createElement(ErrorModal, { isOpen: isOpen1, onClose: ()=>setIsOpen1(false), message: "You have reached the maximum number of trial attempts.", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Error Modal with Next Allowed Date"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsOpen2(true), className: "bg-blue-600 text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Show Error with Date"), /*#__PURE__*/ React.createElement(ErrorModal, { isOpen: isOpen2, onClose: ()=>setIsOpen2(false), message: "You have reached the maximum number of trial attempts for this device.", nextAllowedDate: futureDate, __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }))); } function SubscriptionModal({ isOpen, onClose }) { const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [gracePeriod, setGracePeriod] = useState(null); const { data: user } = useUser(); useEffect(()=>{ const checkGracePeriod = async ()=>{ try { const response = await fetch("/api/check-grace-period", { method: "POST" }); const data = await response.json(); setGracePeriod(data); } catch (err) { console.error("Error checking grace period:", err); } }; if (isOpen && user) { checkGracePeriod(); } }, [ isOpen, user ]); const handleSubscribe = async ()=>{ setLoading(true); try { const response = await fetch("/api/create-pay-fast-payment", { method: "POST", body: JSON.stringify({ plan: "monthly" }) }); const data = await response.json(); if (data.success) { window.location.href = data.paymentUrl; } else { setError(data.error || "Failed to initiate payment."); } } catch (err) { console.error("Subscription error:", err); setError("Failed to initiate payment."); } finally{ setLoading(false); } }; if (!isOpen) return null; const canDismiss = user?.is_subscribed || user?.role === "admin" || user?.role === "super_admin" || gracePeriod?.hasGracePeriod && gracePeriod?.minutesRemaining > 0; const isGracePeriodExpired = !gracePeriod?.hasGracePeriod || gracePeriod?.minutesRemaining <= 0; return /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 z-50 flex items-center justify-center ${isGracePeriodExpired ? "bg-gray-900 bg-opacity-75" : ""}`, __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 ${!isGracePeriodExpired ? "bottom-[60px] md:bottom-0 bg-black/60 backdrop-blur-sm" : ""}`, onClick: canDismiss ? onClose : undefined, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative bg-white dark:bg-gray-800 rounded-[25px] shadow-xl w-[95%] sm:w-full max-w-[400px] flex flex-col max-h-[90vh] border-2 border-[#149c6f] p-4 sm:p-5 md:p-6", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, canDismiss && /*#__PURE__*/ React.createElement("button", { onClick: onClose, className: "absolute right-3 sm:right-4 top-3 sm:top-4 text-[#E52020] hover:text-[#cc1d1d] dark:text-[#E52020] dark:hover:text-[#cc1d1d] p-2", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-base sm:text-lg", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center sticky top-0 bg-white dark:bg-gray-800 py-1 sm:py-2", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl sm:text-2xl font-semibold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#E52020]", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Aviato", /*#__PURE__*/ React.createElement("i", { __source: { fileName: "", lineNumber: 79, columnNumber: 21 }, __self: this }, "Rush"), ".")), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-semibold text-gray-700 dark:text-gray-300 mt-1", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "Premium Subscription")), gracePeriod?.minutesRemaining > 0 ? /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-center text-sm text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "Grace period: ", Math.ceil(gracePeriod.minutesRemaining), " minutes remaining") : !gracePeriod?.hasGracePeriod && /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-center text-sm text-red-600 dark:text-red-400", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Grace period has expired. Please subscribe to continue."), /*#__PURE__*/ React.createElement("div", { className: "mt-4 sm:mt-6 text-center", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-baseline", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-3xl sm:text-4xl font-bold text-[#E52020] dark:text-[#E52020]", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, "R299.99"), /*#__PURE__*/ React.createElement("span", { className: "text-base sm:text-lg text-gray-500 dark:text-gray-400 ml-1 sm:ml-2", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "/month")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 sm:mt-6 space-y-3 sm:space-y-4 text-sm sm:text-base text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center px-2 sm:px-0", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-emerald-500 mr-2 sm:mr-3 text-sm sm:text-base", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, "Unlimited AI-powered predictions"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle text-[#E52020] text-[3px] sm:text-[4px] mx-2 sm:mx-3 opacity-50", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center px-2 sm:px-0", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-emerald-500 mr-2 sm:mr-3 text-sm sm:text-base", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, "Priority access to new features"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle text-[#E52020] text-[3px] sm:text-[4px] mx-2 sm:mx-3 opacity-50", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center px-2 sm:px-0", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-emerald-500 mr-2 sm:mr-3 text-sm sm:text-base", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }, "24/7 VIP customer support"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle text-[#E52020] text-[3px] sm:text-[4px] mx-2 sm:mx-3 opacity-50", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this })))), error && /*#__PURE__*/ React.createElement("div", { className: "mt-3 sm:mt-4 text-red-500 text-xs sm:text-sm text-center", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "mt-6 sm:mt-8", __source: { fileName: "", lineNumber: 135, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSubscribe, disabled: loading, className: "w-full text-white px-3 sm:px-4 py-2.5 sm:py-3 text-sm sm:text-base rounded-lg bg-[#149c6f] hover:bg-[#0f7353] transition-colors !important", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 143, columnNumber: 17 }, __self: this }), "Processing...") : "Subscribe Now"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center text-xs sm:text-sm text-gray-500 mt-3 sm:mt-4", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-[#E52020] mr-1.5 sm:mr-2", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }), "Secure payment via PayFast")))); } function SubscriptionModalStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-8", __source: { fileName: "", lineNumber: 163, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 164, columnNumber: 7 }, __self: this }, "Subscription Modal Examples"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 166, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 167, columnNumber: 9 }, __self: this }, "Non-Subscribed User View"), /*#__PURE__*/ React.createElement(SubscriptionModal, { isOpen: true, onClose: ()=>{}, __source: { fileName: "", lineNumber: 168, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 171, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 172, columnNumber: 9 }, __self: this }, "Loading State"), /*#__PURE__*/ React.createElement(SubscriptionModal, { isOpen: true, onClose: ()=>{}, __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 176, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 177, columnNumber: 9 }, __self: this }, "Admin View (With Close Button)"), /*#__PURE__*/ React.createElement(SubscriptionModal, { isOpen: true, onClose: ()=>{}, __source: { fileName: "", lineNumber: 180, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 183, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }, "Error State"), /*#__PURE__*/ React.createElement(SubscriptionModal, { isOpen: true, onClose: ()=>{}, __source: { fileName: "", lineNumber: 185, columnNumber: 9 }, __self: this }))); } function Header1() { const { data: user, loading } = useUser(); const { signOut } = useAuth(); const [isMenuOpen, setIsMenuOpen] = useState(false); useEffect(()=>{ const handleClickOutside = (event)=>{ if (isMenuOpen && !event.target.closest(".user-menu")) { setIsMenuOpen(false); } }; document.addEventListener("click", handleClickOutside); return ()=>document.removeEventListener("click", handleClickOutside); }, [ isMenuOpen ]); return /*#__PURE__*/ React.createElement("header", { className: "fixed top-0 left-0 right-0 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 z-50", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "mx-auto px-4 sm:px-6 lg:px-8", "aria-label": "Top", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full py-4 flex items-center justify-between", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#E52020]", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Aviato", /*#__PURE__*/ React.createElement("i", { __source: { fileName: "", lineNumber: 24, columnNumber: 23 }, __self: this }, "Rush"), "."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, !loading && user && /*#__PURE__*/ React.createElement("div", { className: "relative user-menu", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "flex items-center space-x-2 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: user.image || "https://www.gravatar.com/avatar/00000000000000000000000000000000?d=mp&f=y", alt: "User profile", className: "h-8 w-8 rounded-full", __source: { fileName: "", lineNumber: 36, columnNumber: 19 }, __self: this })), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 rounded-md shadow-lg bg-white dark:bg-gray-800 ring-1 ring-black ring-opacity-5", __source: { fileName: "", lineNumber: 47, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-2 border-b border-gray-200 dark:border-gray-700", __source: { fileName: "", lineNumber: 48, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 dark:text-gray-300 truncate", __source: { fileName: "", lineNumber: 49, columnNumber: 23 }, __self: this }, user.email)), /*#__PURE__*/ React.createElement("div", { className: "py-1", role: "menu", __source: { fileName: "", lineNumber: 53, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700", role: "menuitem", __source: { fileName: "", lineNumber: 54, columnNumber: 23 }, __self: this }, "Profile"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>signOut({ callbackUrl: "/" }), className: "block w-full text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700", role: "menuitem", __source: { fileName: "", lineNumber: 61, columnNumber: 23 }, __self: this }, "Sign out")))), !loading && !user && /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-[#E52020] hover:bg-[#D41E1E]", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "Sign in"))))); } function Header1Story() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-[200vh]", __source: { fileName: "", lineNumber: 90, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, "Header Component"), /*#__PURE__*/ React.createElement(Header1, { __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, "Header Component (Loading)"), /*#__PURE__*/ React.createElement(Header1, { __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, "Header Component (Signed In)"), /*#__PURE__*/ React.createElement(Header1, { __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 106, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, "Header Component (Signed Out)"), /*#__PURE__*/ React.createElement(Header1, { __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "pt-16", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "p-4", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, "Scroll down to see the header stay in place"))); } function AuthModal({ isOpen = false, onClose = ()=>{} }) { const { signInWithGoogle, signInWithCredentials, signUpWithCredentials } = useAuth(); const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const [showLimitError, setShowLimitError] = useState(false); const [limitErrorDetails, setLimitErrorDetails] = useState(null); const [mounted, setMounted] = useState(false); const [modalReady, setModalReady] = useState(false); useEffect(()=>{ if (isOpen) { setMounted(true); const timer = setTimeout(()=>{ setModalReady(true); }, 100); return ()=>clearTimeout(timer); } else { setModalReady(false); const timer = setTimeout(()=>{ setMounted(false); }, 300); return ()=>clearTimeout(timer); } }, [ isOpen ]); const handleGoogleSignIn = async ()=>{ setError(""); setLoading(true); try { await signInWithGoogle({ callbackUrl: "/", redirect: true, select_account: true }); await fetch("/api/auth/update-user-login-status", { method: "POST" }); } catch (error) { console.error("Google sign in failed:", error); setError("Failed to sign in with Google. Please try again."); setLoading(false); } }; if (!mounted) return null; return /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 z-50 transition-all duration-300 ${modalReady ? "opacity-100" : "opacity-0"}`, __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/30 backdrop-blur-sm", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `bg-white dark:bg-gray-800 rounded-[25px] p-8 max-w-md w-full mx-4 relative transform transition-all duration-300 ${modalReady ? "translate-y-0 opacity-100" : "translate-y-4 opacity-0"}`, __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, modalReady ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-center", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block p-3 rounded-[25px] bg-[#E52020]/10 dark:bg-[#E52020]/20 mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-[#E52020] dark:text-[#E52020] text-3xl", __source: { fileName: "", lineNumber: 65, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }, "Sign in to", " ", /*#__PURE__*/ React.createElement("span", { className: "text-[#E52020]", __source: { fileName: "", lineNumber: 69, columnNumber: 21 }, __self: this }, "Aviato", /*#__PURE__*/ React.createElement("i", { __source: { fileName: "", lineNumber: 70, columnNumber: 29 }, __self: this }, "Rush"), ".")))), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-50 dark:bg-red-900/20 border border-red-100 dark:border-red-800 text-red-700 dark:text-red-200 rounded-[25px] text-sm text-center", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 78, columnNumber: 19 }, __self: this }), error), /*#__PURE__*/ React.createElement("button", { onClick: handleGoogleSignIn, disabled: loading, className: "w-full bg-white dark:bg-gray-700 text-gray-900 dark:text-white border border-gray-200 dark:border-gray-600 py-4 rounded-[25px] hover:bg-gray-50 dark:hover:bg-gray-600 transition-all duration-200 flex items-center justify-center", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 90, columnNumber: 21 }, __self: this }), "Processing...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("img", { src: "https://www.google.com/favicon.ico", alt: "Google", className: "w-5 h-5 mr-3", __source: { fileName: "", lineNumber: 95, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 100, columnNumber: 21 }, __self: this }, "Continue with Google"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-xs text-gray-500 dark:text-gray-400 text-center", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, "By continuing, you agree to our", " ", /*#__PURE__*/ React.createElement("a", { href: "/terms", className: "text-[#E52020] hover:underline", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, "Terms of Service"), ",", " ", /*#__PURE__*/ React.createElement("a", { href: "/privacy", className: "text-[#E52020] hover:underline", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, "Privacy Policy"), ",", " ", /*#__PURE__*/ React.createElement("a", { href: "/refund", className: "text-[#E52020] hover:underline", __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, "Refund Policy"), ", and", " ", /*#__PURE__*/ React.createElement("a", { href: "/guidelines", className: "text-[#E52020] hover:underline", __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this }, "Community Guidelines"), ".")) : /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-[400px]", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-[#E52020] text-3xl", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement(ErrorModal, { isOpen: showLimitError, onClose: ()=>setShowLimitError(false), message: limitErrorDetails?.message, nextAllowedDate: limitErrorDetails?.nextAllowedDate, __source: { fileName: "", lineNumber: 136, columnNumber: 7 }, __self: this })); } function AuthModalStory() { const [isOpen, setIsOpen] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 150, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsOpen(true), className: "bg-[#E52020] text-white px-4 py-2 rounded-[25px]", __source: { fileName: "", lineNumber: 151, columnNumber: 7 }, __self: this }, "Show Auth Modal"), /*#__PURE__*/ React.createElement(AuthModal, { isOpen: isOpen, onClose: ()=>setIsOpen(false), __source: { fileName: "", lineNumber: 157, columnNumber: 7 }, __self: this })); } function Footer() { return /*#__PURE__*/ React.createElement("footer", { className: "fixed bottom-0 left-0 right-0 bg-white dark:bg-gray-900 border-t border-gray-200 dark:border-gray-800 z-50", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-3 flex flex-col items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full flex items-center justify-around mb-2", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex flex-col items-center hover:text-[#E52020]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-[#E52020]", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-inter", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "flex flex-col items-center hover:text-[#E52020]", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info text-[#E52020]", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-inter", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("a", { href: "/whatsapp-contact", className: "flex flex-col items-center hover:text-[#E52020]", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { viewBox: "0 0 448 512", className: "h-4 w-4 fill-[#E52020]", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-inter", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "WhatsApp")), /*#__PURE__*/ React.createElement("a", { href: "/documents", className: "flex flex-col items-center hover:text-[#E52020]", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt text-[#E52020]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-inter", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Docs"))), /*#__PURE__*/ React.createElement("div", { className: "text-sm font-bold", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }))); } function FooterStory() { return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen pb-[80px]", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Main content goes here"))), /*#__PURE__*/ React.createElement(Footer, { __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this })); } function MainComponent() { const { data: user, loading } = useUser(); const [showAuth, setShowAuth] = useState(false); const [isInitialized, setIsInitialized] = useState(false); useEffect(()=>{ if (!loading) { setIsInitialized(true); setShowAuth(!user); } }, [ user, loading ]); if (!isInitialized) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white dark:bg-gray-900", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Header1, { __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("main", { className: "max-w-6xl mx-auto px-4 pt-[100px] pb-20 flex items-center justify-center", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-pulse flex space-x-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-gray-200 dark:bg-gray-700 rounded-full", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 w-[250px] bg-gray-200 dark:bg-gray-700 rounded", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 w-[200px] bg-gray-200 dark:bg-gray-700 rounded", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement(Footer, { __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this })); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white dark:bg-gray-900", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header1, { __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("main", { className: "max-w-6xl mx-auto px-4 pt-[100px] pb-20", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-gray-900 dark:text-white font-inter mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "About AviatoRush"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Your trusted partner in AI-powered Aviator predictions")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mb-12", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-800 dark:to-gray-900 rounded-2xl p-6", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-900 dark:text-white mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Welcome to AviatoRush"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300 leading-relaxed", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "At AviatoRush, we're dedicated to enhancing your gaming experience by providing AI-powered predictions that help you make informed decisions. We understand that Aviator is a game of timing and precision, where knowing when to cash out can make all the difference. That's why our advanced AI analyzes historical patterns to deliver predictions that are as close to accurate as possible.")), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-800 dark:to-gray-900 rounded-2xl p-6", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-900 dark:text-white mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Our Mission"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300 leading-relaxed", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Our mission is to empower you to play smarter, not harder. By offering reliable insights, we aim to minimize your losses and maximize your potential winnings — all while keeping things simple and transparent."))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-800 dark:to-gray-900 rounded-2xl p-8 mb-12", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-900 dark:text-white mb-6 text-center", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "Why Choose AviatoRush?"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-4", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 p-2 rounded-lg", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, "Accurate Predictions"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, "Our AI robot continuously learns and improves, ensuring you get the most reliable forecasts."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-4", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-500 p-2 rounded-lg", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }, "User-Centric Approach"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }, "We prioritize your success with a user-friendly interface and actionable insights."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-4", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-purple-500 p-2 rounded-lg", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z", __source: { fileName: "", lineNumber: 139, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this }, "Free Trial Available"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, "Start with a 10 minutes free trial after verifying your email."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-4", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-500 p-2 rounded-lg", __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z", __source: { fileName: "", lineNumber: 165, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 173, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this }, "Transparency and Security"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, "We're not a gambling site. Our predictions are purely based on data analysis."))))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-800 dark:to-gray-900 rounded-2xl p-8", __source: { fileName: "", lineNumber: 186, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-900 dark:text-white mb-4 text-center", __source: { fileName: "", lineNumber: 187, columnNumber: 11 }, __self: this }, "Our Vision"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300 leading-relaxed text-center max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 190, columnNumber: 11 }, __self: this }, "At AviatoRush, we strive to become the leading AI-powered prediction platform for Aviator players worldwide. We continuously evolve our technology to deliver highly accurate predictions, helping you play smarter and win more confidently."), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8", __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block", __source: { fileName: "", lineNumber: 197, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl font-semibold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, "Predict • Play • Prosper"), /*#__PURE__*/ React.createElement("div", { className: "h-1 w-full bg-gradient-to-r from-blue-600 to-purple-600 rounded-[25px] mt-2", __source: { fileName: "", lineNumber: 201, columnNumber: 15 }, __self: this }))))), showAuth && /*#__PURE__*/ React.createElement(AuthModal, { isOpen: true, onClose: ()=>setShowAuth(false), __source: { fileName: "", lineNumber: 208, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Footer, { __source: { fileName: "", lineNumber: 211, columnNumber: 7 }, __self: this })); }