function MainComponent() { const [currentIndex, setCurrentIndex] = useState(0); const [direction, setDirection] = useState(""); const [viewedTips, setViewedTips] = useState([]); const [showAd, setShowAd] = useState(false); const [unlockedPremium, setUnlockedPremium] = useState(false); const [selectedDay, setSelectedDay] = useState("Today"); const [showNotification, setShowNotification] = useState(false); const [initialTips] = useState([ { league: "Brazil, Serie A", homeTeam: "Flamengo", awayTeam: "Botafogo RJ", time: "00:30", date: "Today", odds: "1.65", prediction: "Yes", confidence: "yes", isPremium: false }, { league: "Brazil, Serie A", homeTeam: "Bragantino", awayTeam: "Palmeiras", time: "00:30", date: "Tomorrow", odds: "1.95", prediction: "2 to win", confidence: "yes", isPremium: true }, { league: "Premier League", homeTeam: "Arsenal", awayTeam: "Chelsea", time: "16:00", date: "Monday", odds: "2.10", prediction: "Over 2.5", confidence: "yes", isPremium: false } ]); // Days of the week in English const daysOfWeek = [ "Today", "Tomorrow", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ]; // Filter tips based on selected day const filteredTips = initialTips.filter((tip)=>tip.date === selectedDay); const tips = filteredTips.filter((_, index)=>!viewedTips.includes(index)); // Reset current index when day changes const handleDayChange = (day)=>{ setSelectedDay(day); setCurrentIndex(0); setViewedTips([]); setDirection(""); }; const handleSwipe = (direction)=>{ setDirection(direction); if (direction === "left") { setViewedTips((prev)=>[ ...prev, currentIndex ]); } setTimeout(()=>{ if (currentIndex + 1 < tips.length) { setCurrentIndex((prevIndex)=>(prevIndex + 1) % tips.length); } setDirection(""); }, 300); }; const handleWatchAd = ()=>{ setShowAd(true); setTimeout(()=>{ setShowAd(false); setUnlockedPremium(true); }, 3000); }; if (tips.length === 0) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A0A0A] p-4", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, "MYTIPSMONITOR"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-transparent bg-clip-text bg-gradient-to-r from-blue-400 via-purple-500 to-pink-500 font-semibold", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "🤑Today Active Tips: ", filteredTips.length)), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 justify-center", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, daysOfWeek.map((day)=>/*#__PURE__*/ React.createElement("button", { key: day, onClick: ()=>handleDayChange(day), className: `px-3 py-2 rounded-full text-sm font-medium transition-all ${selectedDay === day ? "bg-gradient-to-r from-blue-500 to-purple-500 text-white" : "bg-[#001F2D] text-gray-400 hover:text-white hover:bg-[#002B3D]"}`, __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, day)))), /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, "No predictions available for this day")))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A0A0A] p-4", __source: { fileName: "", lineNumber: 133, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 134, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("script", { async: true, src: "https://www.googletagmanager.com/gtag/js?id=G-S38LVK613S", __source: { fileName: "", lineNumber: 135, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 139, columnNumber: 9 }, __self: this }, ` window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-S38LVK613S'); `), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5456703017951674", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 152, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mb-4", __source: { fileName: "", lineNumber: 154, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNotification(!showNotification), className: "relative p-2 text-white hover:text-blue-400 transition-colors", __source: { fileName: "", lineNumber: 156, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-xl", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center", __source: { fileName: "", lineNumber: 162, columnNumber: 15 }, __self: this }, "1")), showNotification && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-80 bg-[#001F2D] rounded-xl shadow-xl border border-[#002B3D] z-50", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-[#002B3D]", __source: { fileName: "", lineNumber: 170, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 171, columnNumber: 19 }, __self: this }, "Duyurular")), /*#__PURE__*/ React.createElement("div", { className: "max-h-64 overflow-y-auto", __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-[#002B3D] hover:bg-[#002B3D] transition-colors", __source: { fileName: "", lineNumber: 174, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-3", __source: { fileName: "", lineNumber: 175, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-blue-400 mt-1", __source: { fileName: "", lineNumber: 176, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle", __source: { fileName: "", lineNumber: 177, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 179, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 180, columnNumber: 25 }, __self: this }, "Yeni Premium İpuçları Eklendi!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-xs", __source: { fileName: "", lineNumber: 183, columnNumber: 25 }, __self: this }, "Bu hafta için özel premium tahminler artık mevcut."), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 text-xs", __source: { fileName: "", lineNumber: 186, columnNumber: 25 }, __self: this }, "2 saat önce")))), /*#__PURE__*/ React.createElement("div", { className: "p-4 text-center", __source: { fileName: "", lineNumber: 193, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 194, columnNumber: 21 }, __self: this }, "Tüm duyurular görüntülendi")))))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 204, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, "MYTIPSMONITOR"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-transparent bg-clip-text bg-gradient-to-r from-blue-400 via-purple-500 to-pink-500 font-semibold", __source: { fileName: "", lineNumber: 206, columnNumber: 11 }, __self: this }, "🤑Today Active Tips: ", filteredTips.length, " 🎯")), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 212, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 justify-center", __source: { fileName: "", lineNumber: 213, columnNumber: 11 }, __self: this }, daysOfWeek.map((day)=>/*#__PURE__*/ React.createElement("button", { key: day, onClick: ()=>handleDayChange(day), className: `px-3 py-2 rounded-full text-sm font-medium transition-all ${selectedDay === day ? "bg-gradient-to-r from-blue-500 to-purple-500 text-white" : "bg-[#001F2D] text-gray-400 hover:text-white hover:bg-[#002B3D]"}`, __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }, day)))), showAd && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 231, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#001F2D] p-6 rounded-xl text-center", __source: { fileName: "", lineNumber: 232, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin text-4xl mb-4", __source: { fileName: "", lineNumber: 233, columnNumber: 15 }, __self: this }, "⚙️"), /*#__PURE__*/ React.createElement("p", { className: "text-white mb-2", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, "Watching advertisement..."), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 235, columnNumber: 15 }, __self: this }, "Premium tip will be unlocked shortly"))), /*#__PURE__*/ React.createElement("div", { className: "relative h-[480px] w-full", __source: { fileName: "", lineNumber: 242, columnNumber: 9 }, __self: this }, tips.map((tip, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `absolute w-full transition-all duration-300 ${index === currentIndex ? direction === "left" ? "opacity-0 -translate-x-full" : direction === "right" ? "opacity-0 translate-x-full" : "opacity-100 transform-none" : "opacity-0 translate-x-full"}`, __source: { fileName: "", lineNumber: 244, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#001F2D] rounded-2xl overflow-hidden shadow-xl", __source: { fileName: "", lineNumber: 256, columnNumber: 15 }, __self: this }, tip.isPremium && !unlockedPremium && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-80 flex flex-col items-center justify-center z-10", __source: { fileName: "", lineNumber: 258, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl mb-4", __source: { fileName: "", lineNumber: 259, columnNumber: 21 }, __self: this }, "🔒"), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 260, columnNumber: 21 }, __self: this }, "Premium Prediction"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-4 px-6 text-center", __source: { fileName: "", lineNumber: 263, columnNumber: 21 }, __self: this }, "Watch a short advertisement to unlock this premium prediction"), /*#__PURE__*/ React.createElement("button", { onClick: handleWatchAd, className: "bg-gradient-to-r from-blue-500 to-purple-500 text-white px-6 py-3 rounded-full font-semibold hover:opacity-90 transition-opacity", __source: { fileName: "", lineNumber: 267, columnNumber: 21 }, __self: this }, "Watch Ad to Unlock")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#002B3D] px-6 py-4", __source: { fileName: "", lineNumber: 276, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 277, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 278, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-green-400", __source: { fileName: "", lineNumber: 279, columnNumber: 23 }, __self: this }, "🕑"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 280, columnNumber: 23 }, __self: this }, tip.time), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 281, columnNumber: 23 }, __self: this }, tip.date)), /*#__PURE__*/ React.createElement("span", { className: "text-blue-400", __source: { fileName: "", lineNumber: 283, columnNumber: 21 }, __self: this }, tip.league))), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 287, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 288, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 289, columnNumber: 21 }, __self: this }, tip.homeTeam), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-400", __source: { fileName: "", lineNumber: 292, columnNumber: 21 }, __self: this }, "vs"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mt-2", __source: { fileName: "", lineNumber: 293, columnNumber: 21 }, __self: this }, tip.awayTeam)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#002B3D] rounded-xl p-4 mb-4", __source: { fileName: "", lineNumber: 298, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 299, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 300, columnNumber: 23 }, __self: this }, "Prediction"), /*#__PURE__*/ React.createElement("span", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 301, columnNumber: 23 }, __self: this }, tip.prediction)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 305, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 306, columnNumber: 23 }, __self: this }, "Odds"), /*#__PURE__*/ React.createElement("span", { className: "text-green-400 font-bold", __source: { fileName: "", lineNumber: 307, columnNumber: 23 }, __self: this }, tip.odds))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 313, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 314, columnNumber: 21 }, __self: this }, "Confidence Level"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-2 space-x-1", __source: { fileName: "", lineNumber: 315, columnNumber: 21 }, __self: this }, [ 1, 2, 3, 4, 5 ].map((star)=>/*#__PURE__*/ React.createElement("i", { key: star, className: "fas fa-star text-yellow-400", __source: { fileName: "", lineNumber: 317, columnNumber: 25 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 p-6 bg-[#002B3D]", __source: { fileName: "", lineNumber: 326, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSwipe("left"), className: "w-12 h-12 flex items-center justify-center rounded-full bg-red-500 hover:bg-red-600 transition-colors text-2xl", __source: { fileName: "", lineNumber: 327, columnNumber: 19 }, __self: this }, "❌"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSwipe("right"), className: "w-12 h-12 flex items-center justify-center rounded-full bg-green-500 hover:bg-green-600 transition-colors text-2xl", __source: { fileName: "", lineNumber: 333, columnNumber: 19 }, __self: this }, "✔️")))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center space-y-4", __source: { fileName: "", lineNumber: 345, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 346, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 347, columnNumber: 13 }, __self: this }, "🔞"), "This site is intended for users aged 18 and over. Please bet responsibly."), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-2 text-gray-400", __source: { fileName: "", lineNumber: 352, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 353, columnNumber: 13 }, __self: this }, "@2025"), /*#__PURE__*/ React.createElement("a", { href: "https://vionexai.space", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center hover:opacity-80 transition-opacity", __source: { fileName: "", lineNumber: 354, columnNumber: 13 }, __self: this }))))); }