function MainComponent() { const { data: user } = useUser(); const [showPayoutModal, setShowPayoutModal] = useState(false); const [showWelcomePopup, setShowWelcomePopup] = useState(true); const [payoutMethod, setPayoutMethod] = useState("paypal"); const [payoutEmail, setPayoutEmail] = useState(""); const [payoutError, setPayoutError] = useState(null); const [payoutSuccess, setPayoutSuccess] = useState(false); const [stats, setStats] = useState({ videosWatched: 0, todaysEarnings: 0, totalEarnings: 0 }); const fetchStats = async ()=>{ if (!user) return; try { const response = await fetch("/api/submit-ad-feedback", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "getStats", userId: user.id }) }); if (!response.ok) { throw new Error("Failed to fetch stats"); } const data = await response.json(); if (data.stats) { setStats({ videosWatched: data.stats.videos_watched || 0, todaysEarnings: parseFloat(data.stats.todays_earnings) || 0, totalEarnings: parseFloat(data.stats.total_earnings) || 0 }); } } catch (error) { console.error("Error fetching stats:", error); } }; useEffect(()=>{ if (user) { fetchStats(); } }, [ user ]); const handleOfferCompletion = useCallback(async (event)=>{ // Only accept messages from our trusted domain if (event.origin !== "https://reward-me.eu") { return; } try { const { offerId, earnings, network } = event.data; if (!user) { window.location.href = "/account/signin?callbackUrl=/"; return; } const response = await fetch("/api/track-cpa-completion", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ userId: user.id, offerId, offerNetwork: network, earnings: parseFloat(earnings) }) }); if (!response.ok) { throw new Error("Failed to track offer completion"); } // Refresh stats after successful completion fetchStats(); } catch (error) { console.error("Error handling offer completion:", error); } }, [ user, fetchStats ]); useEffect(()=>{ // Add event listener for postMessage window.addEventListener("message", handleOfferCompletion); return ()=>window.removeEventListener("message", handleOfferCompletion); }, [ handleOfferCompletion ]); const handlePayoutRequest = async ()=>{ if (!user) { window.location.href = "/account/signin?callbackUrl=/"; return; } if (stats.totalEarnings < 25) { setPayoutError("Minimum payout amount is $25"); return; } try { const response = await fetch("/api/payout-requests", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ userId: user.id, userEmail: user.email, amount: stats.totalEarnings, payoutMethod, payoutEmail }) }); if (!response.ok) { throw new Error("Failed to submit payout request"); } const data = await response.json(); if (data.error) { setPayoutError(data.error); return; } setPayoutSuccess(true); setTimeout(()=>{ setShowPayoutModal(false); setPayoutSuccess(false); setPayoutEmail(""); setPayoutError(null); }, 2000); } catch (error) { setPayoutError("Failed to submit payout request"); } }; useEffect(()=>{ const searchParams = new URLSearchParams(window.location.search); const refCode = searchParams.get("ref"); if (refCode && user) { fetch("/api/referrals", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "processReferral", referralCode: refCode, userId: user.id }) }); } }, [ user ]); // Add animation for counting up numbers const animateValue = (start, end, duration, setValue)=>{ let startTimestamp = null; const step = (timestamp)=>{ if (!startTimestamp) startTimestamp = timestamp; const progress = Math.min((timestamp - startTimestamp) / duration, 1); setValue(Math.floor(progress * (end - start) + start)); if (progress < 1) { window.requestAnimationFrame(step); } }; window.requestAnimationFrame(step); }; // Animate stats when they change useEffect(()=>{ if (stats.videosWatched > 0) { animateValue(0, stats.videosWatched, 1000, (value)=>setStats((prev)=>({ ...prev, videosWatched: value }))); } if (stats.todaysEarnings > 0) { animateValue(0, stats.todaysEarnings * 1000, 1000, (value)=>setStats((prev)=>({ ...prev, todaysEarnings: value / 1000 }))); } if (stats.totalEarnings > 0) { animateValue(0, stats.totalEarnings * 1000, 1000, (value)=>setStats((prev)=>({ ...prev, totalEarnings: value / 1000 }))); } }, [ stats.videosWatched, stats.todaysEarnings, stats.totalEarnings ]); return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("meta", { name: "mylead-verification", content: "552c2d4bf90f21c0afb5b8875a6e03a7", __source: { fileName: "", lineNumber: 193, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 198, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideIn { from { transform: translateX(-20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .stats-card { transition: all 0.3s ease; animation: fadeIn 0.6s ease-out; } .stats-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(59, 130, 246, 0.1); } .tab-button { transition: all 0.3s ease; } .tab-button:hover { transform: translateY(-2px); } .gradient-text { background: linear-gradient(45deg, #3b82f6, #00ff9d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: pulse 2s infinite; } `), /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 right-0 bg-[#1a1b26]/80 backdrop-blur-md border-b border-gray-800/50 shadow-lg z-50 transition-all duration-300", __source: { fileName: "", lineNumber: 247, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 248, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-16", __source: { fileName: "", lineNumber: 249, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", style: { animation: "slideIn 0.5s ease-out" }, __source: { fileName: "", lineNumber: 250, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill-wave text-[#3b82f6] text-2xl mr-2", __source: { fileName: "", lineNumber: 254, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "gradient-text font-bold text-xl", __source: { fileName: "", lineNumber: 255, columnNumber: 15 }, __self: this }, "ViewGotti")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 257, columnNumber: 13 }, __self: this }, user ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPayoutModal(true), className: "flex items-center px-4 py-2 bg-[#2d2e3d] text-white rounded-lg hover:bg-[#363748] transition-all duration-200", __source: { fileName: "", lineNumber: 260, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wallet text-[#3b82f6] mr-2", __source: { fileName: "", lineNumber: 264, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 265, columnNumber: 21 }, __self: this }, "$", stats.totalEarnings.toFixed(3))), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 text-white hover:bg-[#2d2e3d] rounded-lg", __source: { fileName: "", lineNumber: 270, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-2xl", __source: { fileName: "", lineNumber: 271, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-[#2d2e3d] rounded-lg shadow-xl py-1 hidden group-hover:block", __source: { fileName: "", lineNumber: 273, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/referrals", className: "block px-4 py-2 text-sm text-gray-300 hover:bg-[#363748]", __source: { fileName: "", lineNumber: 274, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 278, columnNumber: 25 }, __self: this }), "Referral Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "block px-4 py-2 text-sm text-red-400 hover:bg-[#363748]", __source: { fileName: "", lineNumber: 281, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 285, columnNumber: 25 }, __self: this }), "Sign Out")))) : /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 292, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 text-white hover:bg-[#2d2e3d] rounded-lg", __source: { fileName: "", lineNumber: 293, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-2xl", __source: { fileName: "", lineNumber: 294, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-[#2d2e3d] rounded-lg shadow-xl py-1 hidden group-hover:block", __source: { fileName: "", lineNumber: 296, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "block px-4 py-2 text-sm text-gray-300 hover:bg-[#363748]", __source: { fileName: "", lineNumber: 297, columnNumber: 21 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "block px-4 py-2 text-sm text-gray-300 hover:bg-[#363748]", __source: { fileName: "", lineNumber: 303, columnNumber: 21 }, __self: this }, "Sign Up"))))))), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#13141c] via-[#1a1b26] to-[#13141c] pt-20 p-4 sm:p-6", style: { backgroundSize: "200% 200%", animation: "gradientBG 15s ease infinite" }, __source: { fileName: "", lineNumber: 317, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 324, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", style: { animation: "fadeIn 0.8s ease-out" }, __source: { fileName: "", lineNumber: 325, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-4", __source: { fileName: "", lineNumber: 329, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "gradient-text", __source: { fileName: "", lineNumber: 330, columnNumber: 15 }, __self: this }, "Get paid"), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 331, columnNumber: 15 }, __self: this }, " for completing offers & tasks")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-lg", __source: { fileName: "", lineNumber: 333, columnNumber: 13 }, __self: this }, "Earn up to", " ", /*#__PURE__*/ React.createElement("span", { className: "text-[#3b82f6] font-semibold", __source: { fileName: "", lineNumber: 335, columnNumber: 15 }, __self: this }, "$925.00"), " per offer •", /*#__PURE__*/ React.createElement("span", { className: "text-white font-semibold ml-2", __source: { fileName: "", lineNumber: 337, columnNumber: 15 }, __self: this }, "15079"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 338, columnNumber: 15 }, __self: this }, " Offers available now"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1b26]/90 backdrop-blur-lg rounded-xl shadow-xl overflow-hidden mb-8 transition-all duration-300 hover:shadow-2xl hover:shadow-[#3b82f6]/10", __source: { fileName: "", lineNumber: 342, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 343, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://reward-me.eu/997ac710-4d57-11f0-b820-c2a106037d45", sandbox: "allow-top-navigation allow-scripts allow-same-origin allow-popups allow-forms", style: { width: "100%", height: "690px", border: "none" }, frameBorder: "0", __source: { fileName: "", lineNumber: 344, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 353, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "stats-card bg-[#1a1b26]/90 backdrop-blur-lg rounded-xl p-6 text-center border border-gray-800/50", __source: { fileName: "", lineNumber: 354, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-2", __source: { fileName: "", lineNumber: 355, columnNumber: 15 }, __self: this }, "Tasks Completed"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-white", __source: { fileName: "", lineNumber: 356, columnNumber: 15 }, __self: this }, stats.videosWatched)), /*#__PURE__*/ React.createElement("div", { className: "stats-card bg-[#1a1b26]/90 backdrop-blur-lg rounded-xl p-6 text-center border border-gray-800/50", __source: { fileName: "", lineNumber: 360, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-2", __source: { fileName: "", lineNumber: 361, columnNumber: 15 }, __self: this }, "Today's Earnings"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold gradient-text", __source: { fileName: "", lineNumber: 362, columnNumber: 15 }, __self: this }, "$", stats.todaysEarnings.toFixed(3))), /*#__PURE__*/ React.createElement("div", { className: "stats-card bg-[#1a1b26]/90 backdrop-blur-lg rounded-xl p-6 text-center border border-gray-800/50", __source: { fileName: "", lineNumber: 366, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-2", __source: { fileName: "", lineNumber: 367, columnNumber: 15 }, __self: this }, "Total Balance"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold gradient-text", __source: { fileName: "", lineNumber: 368, columnNumber: 15 }, __self: this }, "$", stats.totalEarnings.toFixed(3)))), !user && /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8", style: { animation: "fadeIn 1s ease-out" }, __source: { fileName: "", lineNumber: 375, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 379, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#3b82f6] hover:underline transition-all duration-300", __source: { fileName: "", lineNumber: 380, columnNumber: 17 }, __self: this }, "Sign in"), " ", "or", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-[#3b82f6] hover:underline transition-all duration-300", __source: { fileName: "", lineNumber: 387, columnNumber: 17 }, __self: this }, "create an account"), " ", "to start earning")))), showPayoutModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/75 backdrop-blur-sm flex items-center justify-center z-50", style: { animation: "fadeIn 0.3s ease-out" }, __source: { fileName: "", lineNumber: 401, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1b26]/90 backdrop-blur-lg rounded-xl p-6 w-full max-w-md border border-gray-800/50 shadow-2xl", style: { animation: "fadeIn 0.4s ease-out, slideIn 0.4s ease-out" }, __source: { fileName: "", lineNumber: 405, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 409, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 410, columnNumber: 15 }, __self: this }, "Request Payout"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowPayoutModal(false); setPayoutError(null); setPayoutSuccess(false); }, className: "text-gray-400 hover:text-white", __source: { fileName: "", lineNumber: 411, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 419, columnNumber: 17 }, __self: this }))), payoutSuccess ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-6", __source: { fileName: "", lineNumber: 424, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#3b82f6] text-4xl mb-4", __source: { fileName: "", lineNumber: 425, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#3b82f6]", __source: { fileName: "", lineNumber: 426, columnNumber: 17 }, __self: this }, "Payout request submitted successfully!")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 432, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white mb-2", __source: { fileName: "", lineNumber: 433, columnNumber: 19 }, __self: this }, "Available Balance:", " ", /*#__PURE__*/ React.createElement("span", { className: "text-[#3b82f6]", __source: { fileName: "", lineNumber: 435, columnNumber: 21 }, __self: this }, "$", stats.totalEarnings.toFixed(3))), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 439, columnNumber: 19 }, __self: this }, "Minimum payout: $25.00")), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 444, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-3", __source: { fileName: "", lineNumber: 445, columnNumber: 19 }, __self: this }, "Payout Method"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 446, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 447, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "payoutMethod", value: "paypal", checked: payoutMethod === "paypal", onChange: (e)=>setPayoutMethod(e.target.value), className: "mr-2", __source: { fileName: "", lineNumber: 448, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-300", __source: { fileName: "", lineNumber: 456, columnNumber: 23 }, __self: this }, "PayPal")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 458, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "payoutMethod", value: "visa_giftcard", checked: payoutMethod === "visa_giftcard", onChange: (e)=>setPayoutMethod(e.target.value), className: "mr-2", __source: { fileName: "", lineNumber: 459, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-300", __source: { fileName: "", lineNumber: 467, columnNumber: 23 }, __self: this }, "Visa Gift Card")))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 472, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2", __source: { fileName: "", lineNumber: 473, columnNumber: 19 }, __self: this }, payoutMethod === "paypal" ? "PayPal Email" : "Email for Gift Card"), /*#__PURE__*/ React.createElement("input", { type: "email", value: payoutEmail, onChange: (e)=>setPayoutEmail(e.target.value), className: "w-full p-3 bg-[#2d2e3d] border border-gray-700 rounded-lg text-white focus:ring-2 focus:ring-[#00ff9d] focus:border-transparent", placeholder: "Enter your email", __source: { fileName: "", lineNumber: 478, columnNumber: 19 }, __self: this })), payoutError && /*#__PURE__*/ React.createElement("div", { className: "mb-4 text-red-400 text-sm", __source: { fileName: "", lineNumber: 488, columnNumber: 19 }, __self: this }, payoutError), /*#__PURE__*/ React.createElement("button", { onClick: handlePayoutRequest, disabled: stats.totalEarnings < 25, className: "w-full py-3 bg-[#3b82f6] text-white rounded-lg font-medium hover:bg-[#2563eb] disabled:bg-gray-600 disabled:text-gray-400 disabled:cursor-not-allowed transition-colors duration-200", __source: { fileName: "", lineNumber: 491, columnNumber: 17 }, __self: this }, "Request Payout")))), showWelcomePopup && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/75 backdrop-blur-sm flex items-center justify-center z-50", style: { animation: "fadeIn 0.3s ease-out" }, __source: { fileName: "", lineNumber: 505, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1b26]/90 backdrop-blur-lg rounded-xl p-6 w-full max-w-md border border-gray-800/50 shadow-2xl", style: { animation: "fadeIn 0.4s ease-out, slideIn 0.4s ease-out" }, __source: { fileName: "", lineNumber: 509, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 513, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#3b82f6]", __source: { fileName: "", lineNumber: 514, columnNumber: 15 }, __self: this }, "Making Money is Easy! 💰"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowWelcomePopup(false), className: "text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 517, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 521, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 525, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-3", __source: { fileName: "", lineNumber: 526, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-mobile-alt text-[#3b82f6] mt-1", __source: { fileName: "", lineNumber: 527, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 528, columnNumber: 17 }, __self: this }, "Download and try new apps")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-3", __source: { fileName: "", lineNumber: 530, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-poll text-[#3b82f6] mt-1", __source: { fileName: "", lineNumber: 531, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 532, columnNumber: 17 }, __self: this }, "Complete quick surveys")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-3", __source: { fileName: "", lineNumber: 534, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-gamepad text-[#3b82f6] mt-1", __source: { fileName: "", lineNumber: 535, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 536, columnNumber: 17 }, __self: this }, "Play new mobile games")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-3", __source: { fileName: "", lineNumber: 538, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wallet text-[#3b82f6] mt-1", __source: { fileName: "", lineNumber: 539, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 540, columnNumber: 17 }, __self: this }, "Get paid instantly via PayPal or Visa"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowWelcomePopup(false), className: "w-full mt-6 py-3 bg-[#3b82f6] text-white rounded-lg font-medium hover:bg-[#2563eb] transition-colors duration-200", __source: { fileName: "", lineNumber: 546, columnNumber: 13 }, __self: this }, "Start Earning Now")))); }

Get paid for completing offers & tasks

Making Money is Easy! 💰