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 [initialTips] = useState([ { league: "Brazil, Serie A", homeTeam: "Flamengo", awayTeam: "Botafogo RJ", time: "00:30", date: "Bugün", odds: "1.65", prediction: "1 to win", confidence: "yes", isPremium: false }, { league: "Brazil, Serie A", homeTeam: "Bragantino", awayTeam: "Palmeiras", time: "00:30", date: "Bugün", odds: "1.95", prediction: "2 to win", confidence: "yes", isPremium: false } ]); // Filter out viewed tips that were swiped left const tips = initialTips.filter((_, index)=>!viewedTips.includes(index)); 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); // Simulating ad view completion after 3 seconds 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: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 62, 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: 65, columnNumber: 13 }, __self: this }, "ENTREPRENEUR SPORTS TRADER 🤖")))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A0A0A] p-4", __source: { fileName: "", lineNumber: 75, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("script", { async: true, src: "https://www.googletagmanager.com/gtag/js?id=G-S38LVK613S", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 82, 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: 88, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 98, 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: 99, columnNumber: 11 }, __self: this }, "ENTREPRENEUR SPORTS TRADER 🤖")), showAd && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#001F2D] p-6 rounded-xl text-center", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin text-4xl mb-4", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, "⚙️"), /*#__PURE__*/ React.createElement("p", { className: "text-white mb-2", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, "Watching advertisement..."), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Premium tip will be unlocked shortly"))), /*#__PURE__*/ React.createElement("div", { className: "relative h-[480px] w-full", __source: { fileName: "", lineNumber: 118, 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: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#001F2D] rounded-2xl overflow-hidden shadow-xl", __source: { fileName: "", lineNumber: 132, 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: 135, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl mb-4", __source: { fileName: "", lineNumber: 136, columnNumber: 21 }, __self: this }, "🔒"), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 137, columnNumber: 21 }, __self: this }, "Premium Prediction"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-4 px-6 text-center", __source: { fileName: "", lineNumber: 140, 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: 144, columnNumber: 21 }, __self: this }, "Watch Ad to Unlock")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#002B3D] px-6 py-4", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 156, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 157, columnNumber: 23 }, __self: this }, tip.time), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 158, columnNumber: 23 }, __self: this }, tip.date)), /*#__PURE__*/ React.createElement("span", { className: "text-blue-400", __source: { fileName: "", lineNumber: 160, columnNumber: 21 }, __self: this }, tip.league))), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this }, tip.homeTeam), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-400", __source: { fileName: "", lineNumber: 170, columnNumber: 21 }, __self: this }, "vs"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mt-2", __source: { fileName: "", lineNumber: 171, columnNumber: 21 }, __self: this }, tip.awayTeam)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#002B3D] rounded-xl p-4 mb-4", __source: { fileName: "", lineNumber: 177, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 178, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 179, columnNumber: 23 }, __self: this }, "Prediction"), /*#__PURE__*/ React.createElement("span", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 180, columnNumber: 23 }, __self: this }, tip.prediction)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 184, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 185, columnNumber: 23 }, __self: this }, "Odds"), /*#__PURE__*/ React.createElement("span", { className: "text-green-400 font-bold", __source: { fileName: "", lineNumber: 186, columnNumber: 23 }, __self: this }, tip.odds))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 193, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 194, columnNumber: 21 }, __self: this }, "Confidence Level"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-2 space-x-1", __source: { fileName: "", lineNumber: 195, 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: 197, columnNumber: 25 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 p-6 bg-[#002B3D]", __source: { fileName: "", lineNumber: 207, 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: 208, 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: 214, columnNumber: 19 }, __self: this }, "✔️")))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center space-y-4", __source: { fileName: "", lineNumber: 227, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 228, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 229, 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: 235, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 236, columnNumber: 13 }, __self: this }, "@All rights reserved Editorial Project & Brand: Hakan A."), /*#__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: 239, columnNumber: 13 }, __self: this }))))); }