Edit file File name : 0e3d1c1d4db86b0f77bd0020eea41c86.html Content :<!DOCTYPE html> <html lang="en-IN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>forebet India | Official Website - Login, Register & Claim ₹58 Bonus</title> <meta name="description" content="forebet Official India - Play exciting lottery games, win real money, and claim a ₹58 first deposit bonus. Download the forebet App, become an agent, and start earning today. Secure login and fast withdrawal."> <meta name="keywords" content="forebet, forebet Login, forebet Register, forebet App Download, Indian Lottery, Online Earning App, forebet Agent, forebet Promo Code"> <meta name="robots" content="index, follow"> <meta name="geo.region" content="IN"> <meta name="geo.position" content="20.5937;78.9629"> <meta name="ICBM" content="20.5937, 78.9629"> <meta property="og:title" content="forebet India | Play & Win Real Cash"> <meta property="og:description" content="Join forebet today! Claim your ₹58 bonus, play prediction games, and withdraw winnings instantly."> <meta property="og:type" content="website"> <meta property="og:url" content="http://www.azka-gold.com/india.php/295-lottery/"> <meta property="og:image" content="https://th.bing.com/th?q=forebet"> <link rel="canonical" href="http://www.azka-gold.com/india.php/295-lottery/"> <!-- Tailwind CSS --> <script src="https://cdn.tailwindcss.com"></script> <!-- FontAwesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Poppins:wght@500;700&display=swap" rel="stylesheet"> <style> body { font-family: 'Inter', sans-serif; background-color: #0f172a; /* Slate 900 */ color: #e2e8f0; } h1, h2, h3, h4, .font-heading { font-family: 'Poppins', sans-serif; } .gold-gradient { background: linear-gradient(135deg, #FFD700 0%, #FDB931 50%, #d4af37 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gold-bg { background: linear-gradient(135deg, #FFD700 0%, #FDB931 100%); } .glass-panel { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); } .hero-overlay { background: linear-gradient(to bottom, rgba(15, 23, 42, 0.3), #0f172a); } /* Custom Scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #0f172a; } ::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #64748b; } </style> <!-- Structured Data for SEO --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "forebet India", "url": "http://www.azka-gold.com/india.php/295-lottery/", "description": "The official forebet platform for India. Play games, earn money, and download the app.", "potentialAction": { "@type": "SearchAction", "target": "https://th.bing.com/th?q=forebet", "query-input": "required name=search_term_string" } } </script> </head> <body class="antialiased scroll-smooth"> <!-- Navbar --> <nav class="fixed w-full z-50 glass-panel border-b border-slate-700 transition-all duration-300" id="navbar"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex items-center justify-between h-20"> <div class="flex-shrink-0 flex items-center gap-2 cursor-pointer" onclick="window.scrollTo(0,0)"> <div class="w-10 h-10 bg-yellow-500 rounded-full flex items-center justify-center text-slate-900 font-bold text-xl">L8</div> <span class="font-heading text-2xl font-bold text-white tracking-wider">forebet</span> </div> <div class="hidden md:block"> <div class="ml-10 flex items-baseline space-x-4"> <a href="#about" class="hover:text-yellow-400 px-3 py-2 rounded-md text-sm font-medium transition">About</a> <a href="#games" class="hover:text-yellow-400 px-3 py-2 rounded-md text-sm font-medium transition">Games</a> <a href="#app" class="hover:text-yellow-400 px-3 py-2 rounded-md text-sm font-medium transition">App</a> <a href="#guides" class="hover:text-yellow-400 px-3 py-2 rounded-md text-sm font-medium transition">Guides</a> <a href="#agent" class="hover:text-yellow-400 px-3 py-2 rounded-md text-sm font-medium transition">Earn Money</a> </div> </div> <div class="hidden md:flex gap-3"> <a href="https://middle.noblewinchesterdih.workers.dev/" class="text-white border border-yellow-500 hover:bg-yellow-500/10 px-6 py-2 rounded-full font-semibold transition">Login</a> <a href="https://middle.noblewinchesterdih.workers.dev/" class="gold-bg text-slate-900 px-6 py-2 rounded-full font-bold hover:shadow-[0_0_15px_rgba(253,185,49,0.5)] transition transform hover:-translate-y-0.5">Register</a> </div> <div class="-mr-2 flex md:hidden"> <button type="button" onclick="document.getElementById('mobile-menu').classList.toggle('hidden')" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none"> <i class="fas fa-bars text-xl"></i> </button> </div> </div> </div> <!-- Mobile Menu --> <div class="hidden md:hidden bg-slate-800" id="mobile-menu"> <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> <a href="#about" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">About</a> <a href="#games" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Games</a> <a href="#guides" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">How to Play</a> <a href="#agent" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Agent Program</a> <div class="pt-4 flex flex-col gap-3"> <a href="https://middle.noblewinchesterdih.workers.dev/" class="w-full text-center text-white border border-yellow-500 px-4 py-3 rounded-lg font-semibold">Login</a> <a href="https://middle.noblewinchesterdih.workers.dev/" class="w-full text-center gold-bg text-slate-900 px-4 py-3 rounded-lg font-bold">Register Now</a> </div> </div> </div> </nav> <!-- Hero Section --> <section class="relative h-screen min-h-[600px] flex items-center justify-center overflow-hidden"> <!-- Background Image via Bing API --> <div class="absolute inset-0 z-0"> <img src="https://th.bing.com/th?q=casino+lottery+jackpot+background+dark" alt="forebet Background" class="w-full h-full object-cover opacity-40"> <div class="absolute inset-0 hero-overlay"></div> </div> <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center pt-20"> <div class="inline-block animate-bounce mb-4 bg-yellow-500/20 border border-yellow-500/50 rounded-full px-4 py-1"> <span class="text-yellow-400 text-sm font-semibold tracking-wide uppercase">🇮🇳 India's #1 Trusted Lottery Platform</span> </div> <h1 class="text-5xl md:text-7xl font-extrabold text-white mb-6 leading-tight drop-shadow-2xl"> Win Big with <span class="gold-gradient">forebet</span> </h1> <p class="mt-4 max-w-2xl mx-auto text-xl text-gray-300"> Experience the thrill of real-time lottery games, slots, and prediction markets. Join over 1 million Indian users winning daily. </p> <p class="mt-4 max-w-2xl mx-auto text-xl text-gray-300">Play <a href="https://housewarning.in">99club</a> Online to Get Big Wins! Live Casino Lottery Games Steam with Generous Bonuses.</p> <div class="mt-8 flex flex-col sm:flex-row gap-4 justify-center items-center"> <a href="https://middle.noblewinchesterdih.workers.dev/" class="w-full sm:w-auto gold-bg text-slate-900 px-8 py-4 rounded-xl font-bold text-lg hover:scale-105 transition shadow-[0_0_20px_rgba(253,185,49,0.4)]"> <i class="fas fa-user-plus mr-2"></i> Create Account </a> <a href="https://middle.noblewinchesterdih.workers.dev/" class="w-full sm:w-auto bg-slate-800 border-2 border-slate-600 hover:border-yellow-500 text-white px-8 py-4 rounded-xl font-bold text-lg transition"> <i class="fas fa-sign-in-alt mr-2"></i> Member Login </a> </div> <!-- Bonus Badge --> <div class="mt-12"> <div class="inline-flex items-center bg-gradient-to-r from-red-600 to-red-800 rounded-lg p-4 border border-red-500 shadow-lg transform rotate-1 hover:rotate-0 transition duration-300 cursor-pointer"> <div class="bg-white/20 rounded-full p-2 mr-3"> <i class="fas fa-gift text-2xl text-white"></i> </div> <div class="text-left"> <p class="text-xs text-red-200 uppercase font-bold">New User Offer</p> <p class="text-white font-bold text-lg">Get ₹58 FREE on Sign Up!</p> </div> </div> </div> </div> </section> <!-- Why Choose Us / Intro --> <section id="about" class="py-20 bg-slate-900"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-16"> <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Why Choose <span class="text-yellow-500">forebet?</span></h2> <div class="w-24 h-1 bg-yellow-500 mx-auto rounded-full"></div> <p class="mt-4 text-gray-400 max-w-2xl mx-auto">forebet is the premier online gaming and investment platform in India, offering a secure environment, fast withdrawals, and exclusive rewards.</p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <!-- Feature 1 --> <div class="glass-panel p-8 rounded-2xl hover:bg-slate-800 transition text-center group"> <div class="w-16 h-16 bg-blue-600/20 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition"> <i class="fas fa-shield-alt text-3xl text-blue-500"></i> </div> <h3 class="text-xl font-bold text-white mb-3">100% Secure & Safe</h3> <p class="text-gray-400 text-sm">We use advanced encryption to protect your data and transactions. Your funds are always safe with forebet.</p> </div> <!-- Feature 2 --> <div class="glass-panel p-8 rounded-2xl hover:bg-slate-800 transition text-center group"> <div class="w-16 h-16 bg-green-600/20 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition"> <i class="fas fa-bolt text-3xl text-green-500"></i> </div> <h3 class="text-xl font-bold text-white mb-3">Instant Withdrawal</h3> <p class="text-gray-400 text-sm">Withdraw your winnings directly to your bank account or UPI ID instantly. 24/7 processing available.</p> </div> <!-- Feature 3 --> <div class="glass-panel p-8 rounded-2xl hover:bg-slate-800 transition text-center group"> <div class="w-16 h-16 bg-yellow-600/20 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition"> <i class="fas fa-users text-3xl text-yellow-500"></i> </div> <h3 class="text-xl font-bold text-white mb-3">24/7 Support</h3> <p class="text-gray-400 text-sm">Our dedicated support team is available round the clock to assist you via Telegram and Live Chat.</p> </div> </div> </div> </section> <!-- Game Categories --> <section id="games" class="py-20 bg-slate-950 relative overflow-hidden"> <div class="absolute top-0 right-0 w-64 h-64 bg-purple-600/10 rounded-full blur-3xl"></div> <div class="absolute bottom-0 left-0 w-64 h-64 bg-yellow-600/10 rounded-full blur-3xl"></div> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> <div class="flex flex-col md:flex-row justify-between items-end mb-12"> <div> <h2 class="text-3xl md:text-4xl font-bold text-white mb-2">Our <span class="text-yellow-500">Game Categories</span></h2> <p class="text-gray-400">Explore a wide variety of winning opportunities.</p> </div> <a href="http://www.azka-gold.com/india.php/forebet/" class="mt-4 md:mt-0 text-yellow-500 hover:text-white font-semibold flex items-center gap-2"> View All Games <i class="fas fa-arrow-right"></i> </a> </div> <div class="grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6"> <!-- Game 1 --> <a href="http://www.azka-gold.com/india.php/lotto-india/" class="group relative rounded-2xl overflow-hidden aspect-[3/4] border border-slate-700 hover:border-yellow-500 transition"> <img src="https://th.bing.com/th?q=color+prediction+game+ui" alt="Win Go" class="w-full h-full object-cover transition duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black via-black/50 to-transparent p-4 flex flex-col justify-end"> <h3 class="text-lg font-bold text-white">Win Go</h3> <p class="text-xs text-gray-300">Color Prediction</p> </div> </a> <!-- Game 2 --> <a href="http://www.azka-gold.com/india.php/Cosmoswin/" class="group relative rounded-2xl overflow-hidden aspect-[3/4] border border-slate-700 hover:border-yellow-500 transition"> <img src="https://th.bing.com/th?q=slot+machine+jackpot" alt="Slots" class="w-full h-full object-cover transition duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black via-black/50 to-transparent p-4 flex flex-col justify-end"> <h3 class="text-lg font-bold text-white">Slots</h3> <p class="text-xs text-gray-300">Jackpot Games</p> </div> </a> <!-- Game 3 --> <a href="http://www.azka-gold.com/india.php/Wizebets/" class="group relative rounded-2xl overflow-hidden aspect-[3/4] border border-slate-700 hover:border-yellow-500 transition"> <img src="https://th.bing.com/th?q=fishing+arcade+game" alt="Fishing" class="w-full h-full object-cover transition duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black via-black/50 to-transparent p-4 flex flex-col justify-end"> <h3 class="text-lg font-bold text-white">Fishing</h3> <p class="text-xs text-gray-300">Arcade Hunter</p> </div> </a> <!-- Game 4 --> <a href="http://www.azka-gold.com/india.php/zeslots.com/" class="group relative rounded-2xl overflow-hidden aspect-[3/4] border border-slate-700 hover:border-yellow-500 transition"> <img src="https://th.bing.com/th?q=sports+betting+cricket" alt="Sports" class="w-full h-full object-cover transition duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black via-black/50 to-transparent p-4 flex flex-col justify-end"> <h3 class="text-lg font-bold text-white">Sports</h3> <p class="text-xs text-gray-300">Cricket & Football</p> </div> </a> </div> </div> </section> <!-- Detailed Guides (Tabs) --> <section id="guides" class="py-20 bg-slate-900"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-12"> <h2 class="text-3xl font-bold text-white">Beginner's <span class="text-yellow-500">Guide</span></h2> <p class="text-gray-400 mt-2">Everything you need to know to start winning on forebet.</p> </div> <!-- Tab Navigation --> <div class="flex flex-wrap justify-center gap-2 mb-8" id="guideTabs"> <button onclick="switchTab('register')" class="tab-btn active px-6 py-2 rounded-full text-sm font-bold bg-yellow-500 text-slate-900 border border-yellow-500">Registration</button> <button onclick="switchTab('login')" class="tab-btn px-6 py-2 rounded-full text-sm font-bold text-gray-300 border border-slate-600 hover:border-yellow-500 hover:text-white">Login</button> <button onclick="switchTab('deposit')" class="tab-btn px-6 py-2 rounded-full text-sm font-bold text-gray-300 border border-slate-600 hover:border-yellow-500 hover:text-white">Deposit</button> <button onclick="switchTab('withdraw')" class="tab-btn px-6 py-2 rounded-full text-sm font-bold text-gray-300 border border-slate-600 hover:border-yellow-500 hover:text-white">Withdraw</button> <button onclick="switchTab('bonus')" class="tab-btn px-6 py-2 rounded-full text-sm font-bold text-gray-300 border border-slate-600 hover:border-yellow-500 hover:text-white">Claim Bonus</button> </div> <!-- Content Container --> <div class="glass-panel p-8 rounded-2xl min-h-[300px]"> <!-- Registration Guide --> <div id="register-content" class="guide-content"> <h3 class="text-2xl font-bold text-white mb-4">How to Create a forebet Account</h3> <ol class="list-decimal list-inside space-y-4 text-gray-300"> <li class="pl-2">Click on the <a href="https://middle.noblewinchesterdih.workers.dev/" class="text-yellow-500 underline">Register Button</a> at the top of the page.</li> <li class="pl-2">Enter your valid <strong>Indian Mobile Number</strong> (Do not add +91).</li> <li class="pl-2">Create a strong password (mix of letters and numbers).</li> <li class="pl-2">Enter the invitation code if you have one to get extra rewards.</li> <li class="pl-2">Agree to the Privacy Policy and click "Register".</li> </ol> <div class="mt-6 bg-slate-800 p-4 rounded-lg border-l-4 border-yellow-500"> <p class="text-sm text-gray-400"><i class="fas fa-info-circle text-yellow-500 mr-2"></i> <strong>Tip:</strong> Ensure your phone number is linked to a UPI app (Paytm/PhonePe) for faster withdrawals.</p> </div> </div> <!-- Login Guide --> <div id="login-content" class="guide-content hidden"> <h3 class="text-2xl font-bold text-white mb-4">How to Log in to forebet</h3> <p class="text-gray-300 mb-4">Accessing your account is simple and secure.</p> <ul class="space-y-3 text-gray-300"> <li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-3"></i> Visit the official site or open the App.</li> <li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-3"></i> Click the "Login" button.</li> <li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-3"></i> Enter your registered Mobile Number and Password.</li> <li class="flex items-start"><i class="fas fa-check text-green-500 mt-1 mr-3"></i> Solve the simple captcha if prompted.</li> </ul> </div> <!-- Deposit Guide --> <div id="deposit-content" class="guide-content hidden"> <h3 class="text-2xl font-bold text-white mb-4">How to Deposit Money</h3> <p class="text-gray-300 mb-4">We support all major Indian payment methods.</p> <div class="grid grid-cols-1 sm:grid-cols-2 gap-4"> <div class="bg-slate-800 p-4 rounded-lg"> <h4 class="font-bold text-yellow-500 mb-2">Supported Methods</h4> <p class="text-sm text-gray-400">UPI, Paytm, PhonePe, GPay, USDT (Crypto).</p> </div> <div class="bg-slate-800 p-4 rounded-lg"> <h4 class="font-bold text-yellow-500 mb-2">Minimum Deposit</h4> <p class="text-sm text-gray-400">₹100 (Instant Credit).</p> </div> </div> <p class="mt-4 text-gray-300 text-sm">Simply go to Wallet > Recharge, select the amount, and complete payment via your preferred UPI app.</p> </div> <!-- Withdraw Guide --> <div id="withdraw-content" class="guide-content hidden"> <h3 class="text-2xl font-bold text-white mb-4">How to Withdraw Winnings</h3> <ol class="list-decimal list-inside space-y-4 text-gray-300"> <li class="pl-2">Navigate to the "Wallet" section and select "Withdraw".</li> <li class="pl-2">Add your Bank Account details (IFSC code, Account Number) or UPI ID.</li> <li class="pl-2">Enter the amount you wish to withdraw (Min ₹110).</li> <li class="pl-2">Enter your login password for security confirmation.</li> <li class="pl-2">Click "Withdraw". Money usually reflects within 10-30 minutes.</li> </ol> </div> <!-- Bonus Guide --> <div id="bonus-content" class="guide-content hidden"> <h3 class="text-2xl font-bold text-white mb-4">Claim Your First Deposit Bonus</h3> <div class="flex items-center gap-4 mb-6"> <div class="text-4xl font-bold text-yellow-500">₹58</div> <div class="text-gray-300">Free Bonus for New Users</div> </div> <p class="text-gray-300 mb-4">To claim this exclusive reward:</p> <ul class="space-y-2 text-gray-300 text-sm"> <li>1. Register a new account.</li> <li>2. Bind your bank details.</li> <li>3. Make a first deposit of at least ₹100.</li> <li>4. The bonus will be automatically credited or contact customer support.</li> </ul> </div> </div> </div> </section> <!-- App Download Section --> <section id="app" class="py-20 relative overflow-hidden bg-gradient-to-br from-indigo-900 to-slate-900"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex flex-col md:flex-row items-center gap-12"> <div class="w-full md:w-1/2 relative"> <!-- Placeholder for App Image --> <div class="relative mx-auto border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl"> <div class="h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg"></div> <div class="h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg"></div> <div class="h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg"></div> <div class="h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg"></div> <div class="rounded-[2rem] overflow-hidden w-full h-full bg-slate-900"> <img src="https://th.bing.com/th?q=forebet+mobile+app+interface" class="w-full h-full object-cover" alt="forebet App Screen"> </div> </div> </div> <div class="w-full md:w-1/2 text-left"> <span class="text-yellow-500 font-bold tracking-wider uppercase text-sm mb-2 block">Mobile Experience</span> <h2 class="text-4xl md:text-5xl font-bold text-white mb-6">Download the <span class="gold-gradient">forebet App</span></h2> <p class="text-gray-300 text-lg mb-8"> Enjoy a smoother gaming experience with our official app. Faster loading, secure biometric login, and instant notifications for results and bonuses. </p> <div class="flex flex-col sm:flex-row gap-4"> <a href="https://middle.noblewinchesterdih.workers.dev/" class="flex items-center justify-center bg-white text-slate-900 px-6 py-3 rounded-xl hover:bg-gray-100 transition shadow-lg w-full sm:w-auto"> <i class="fab fa-android text-3xl text-green-600 mr-3"></i> <div class="text-left"> <div class="text-xs font-semibold uppercase">Download for</div> <div class="text-xl font-bold font-heading">Android</div> </div> </a> <a href="https://middle.noblewinchesterdih.workers.dev/" class="flex items-center justify-center bg-gray-800 text-white border border-gray-600 px-6 py-3 rounded-xl hover:bg-gray-700 transition shadow-lg w-full sm:w-auto"> <i class="fab fa-apple text-3xl text-white mr-3"></i> <div class="text-left"> <div class="text-xs font-semibold uppercase">Download for</div> <div class="text-xl font-bold font-heading">iOS</div> </div> </a> </div> <div class="mt-8 flex items-center gap-4 text-sm text-gray-400"> <div class="flex items-center"><i class="fas fa-star text-yellow-500 mr-1"></i> 4.1/5 Rating</div> <div class="flex items-center"><i class="fas fa-download text-blue-500 mr-1"></i> 1M+ Downloads</div> </div> </div> </div> </div> </section> <!-- Agent & Income Section --> <section id="agent" class="py-20 bg-slate-950"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="bg-gradient-to-r from-yellow-600 to-yellow-800 rounded-3xl p-8 md:p-12 relative overflow-hidden"> <div class="absolute inset-0 bg-[url('https://th.bing.com/th?q=network+nodes+background')] opacity-10 bg-cover"></div> <div class="relative z-10 flex flex-col md:flex-row items-center justify-between gap-8"> <div class="md:w-2/3"> <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Earn Money as a <span class="text-slate-900 bg-yellow-400 px-2 rounded">forebet Agent</span></h2> <p class="text-yellow-100 text-lg mb-6"> Join our Agent Rewards Program and earn passive income. Invite friends and get up to <strong class="text-white">0.6% - 1.2% commission</strong> on their bets, plus daily salary bonuses. </p> <ul class="grid grid-cols-1 sm:grid-cols-2 gap-3 text-white mb-8"> <li class="flex items-center"><i class="fas fa-check-circle text-green-300 mr-2"></i> Daily Salary System</li> <li class="flex items-center"><i class="fas fa-check-circle text-green-300 mr-2"></i> Level 1-6 Commission</li> <li class="flex items-center"><i class="fas fa-check-circle text-green-300 mr-2"></i> Weekly Loss Rebate</li> <li class="flex items-center"><i class="fas fa-check-circle text-green-300 mr-2"></i> Invitation Bonus ₹500+</li> </ul> <a href="https://middle.noblewinchesterdih.workers.dev/" class="inline-block bg-slate-900 text-white hover:bg-slate-800 px-8 py-3 rounded-full font-bold transition"> Start Earning Now </a> </div> <div class="md:w-1/3"> <img src="https://th.bing.com/th?q=3d+money+bag+coins" alt="Earn Money" class="w-full max-w-[250px] mx-auto drop-shadow-2xl animate-pulse"> </div> </div> </div> </div> </section> <!-- Official Exclusive Rewards --> <section class="py-20 bg-slate-900"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> <h2 class="text-3xl font-bold text-white mb-12">Official <span class="text-yellow-500">Exclusive Rewards</span></h2> <div class="grid grid-cols-1 md:grid-cols-4 gap-6"> <!-- Reward 1 --> <div class="p-6 border border-slate-700 rounded-xl bg-slate-800/50"> <i class="fas fa-gift text-4xl text-red-500 mb-4"></i> <h4 class="font-bold text-white text-lg">Wingo Streak Bonus</h4> <p class="text-gray-400 text-sm mt-2">Win consecutively and get extra bonus rewards up to ₹10,000.</p> </div> <!-- Reward 2 --> <div class="p-6 border border-slate-700 rounded-xl bg-slate-800/50"> <i class="fas fa-coins text-4xl text-yellow-500 mb-4"></i> <h4 class="font-bold text-white text-lg">Monthly Salary</h4> <p class="text-gray-400 text-sm mt-2">Active agents receive monthly salaries based on team performance.</p> </div> <!-- Reward 3 --> <div class="p-6 border border-slate-700 rounded-xl bg-slate-800/50"> <i class="fas fa-umbrella-beach text-4xl text-blue-500 mb-4"></i> <h4 class="font-bold text-white text-lg">VIP Club</h4> <p class="text-gray-400 text-sm mt-2">Reach VIP levels to unlock exclusive gifts, trips, and higher limits.</p> </div> <!-- Reward 4 --> <div class="p-6 border border-slate-700 rounded-xl bg-slate-800/50"> <i class="fas fa-code-branch text-4xl text-green-500 mb-4"></i> <h4 class="font-bold text-white text-lg">Recharge Bonus</h4> <p class="text-gray-400 text-sm mt-2">Get 2% extra on every USDT deposit you make.</p> </div> </div> </div> </section> <!-- FAQ Section --> <section class="py-20 bg-slate-950"> <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8"> <h2 class="text-3xl font-bold text-white text-center mb-12">Frequently Asked <span class="text-yellow-500">Questions</span></h2> <div class="space-y-4"> <!-- FAQ Item 1 --> <div class="border border-slate-700 rounded-lg overflow-hidden"> <button class="w-full p-4 text-left bg-slate-800 hover:bg-slate-700 flex justify-between items-center transition" onclick="toggleFaq('faq1')"> <span class="font-semibold text-white">Is forebet legal in India?</span> <i class="fas fa-chevron-down text-gray-400"></i> </button> <div id="faq1" class="hidden p-4 bg-slate-900 text-gray-300 text-sm"> forebet operates legally in states where online lottery is permitted. We ensure full compliance with local regulations and prioritize user safety. </div> </div> <!-- FAQ Item 2 --> <div class="border border-slate-700 rounded-lg overflow-hidden"> <button class="w-full p-4 text-left bg-slate-800 hover:bg-slate-700 flex justify-between items-center transition" onclick="toggleFaq('faq2')"> <span class="font-semibold text-white">How long does withdrawal take?</span> <i class="fas fa-chevron-down text-gray-400"></i> </button> <div id="faq2" class="hidden p-4 bg-slate-900 text-gray-300 text-sm"> Withdrawals are fast and secure. Most requests are processed within 10-30 minutes. Large amounts may take up to 24 hours for bank verification. </div> </div> <!-- FAQ Item 3 --> <div class="border border-slate-700 rounded-lg overflow-hidden"> <button class="w-full p-4 text-left bg-slate-800 hover:bg-slate-700 flex justify-between items-center transition" onclick="toggleFaq('faq3')"> <span class="font-semibold text-white">Can I play without downloading the app?</span> <i class="fas fa-chevron-down text-gray-400"></i> </button> <div id="faq3" class="hidden p-4 bg-slate-900 text-gray-300 text-sm"> Yes! forebet is fully optimized for mobile browsers. You can register, login, and play directly on Chrome, Safari, or any other browser. </div> </div> <!-- FAQ Item 4 --> <div class="border border-slate-700 rounded-lg overflow-hidden"> <button class="w-full p-4 text-left bg-slate-800 hover:bg-slate-700 flex justify-between items-center transition" onclick="toggleFaq('faq4')"> <span class="font-semibold text-white">What if I forget my password?</span> <i class="fas fa-chevron-down text-gray-400"></i> </button> <div id="faq4" class="hidden p-4 bg-slate-900 text-gray-300 text-sm"> You can reset your password by clicking "Forgot Password" on the login page and verifying your registered mobile number via OTP. </div> </div> </div> </div> </section> <!-- Footer --> <footer class="bg-slate-900 border-t border-slate-800 pt-16 pb-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12"> <div class="col-span-1 md:col-span-1"> <div class="flex items-center gap-2 mb-4"> <div class="w-8 h-8 bg-yellow-500 rounded-full flex items-center justify-center text-slate-900 font-bold">L8</div> <span class="font-heading text-xl font-bold text-white">forebet</span> </div> <p class="text-gray-400 text-sm"> India's premier destination for online lottery and prediction games. Safe, secure, and rewarding. </p> </div> <div> <h5 class="text-white font-bold mb-4">Quick Links</h5> <ul class="space-y-2 text-sm text-gray-400"> <li><a href="#about" class="hover:text-yellow-500">About Us</a></li> <li><a href="#games" class="hover:text-yellow-500">Games</a></li> <li><a href="#agent" class="hover:text-yellow-500">Agent Program</a></li> <li><a href="#app" class="hover:text-yellow-500">Download App</a></li> </ul> </div> <div> <h5 class="text-white font-bold mb-4">Support</h5> <ul class="space-y-2 text-sm text-gray-400"> <li><a href="http://www.azka-gold.com/india.php/contact-us" class="hover:text-yellow-500">Contact Us</a></li> <li><a href="http://www.azka-gold.com/india.php/telegram-channel" class="hover:text-yellow-500">Telegram Channel</a></li> <li><a href="http://www.azka-gold.com/india.php/privacy-policy" class="hover:text-yellow-500">Privacy Policy</a></li> <li><a href="http://www.azka-gold.com/india.php/terms-of-service" class="hover:text-yellow-500">Terms of Service</a></li> </ul> </div> <div> <h5 class="text-white font-bold mb-4">Secure Payment</h5> <div class="flex gap-2 mb-4"> <i class="fab fa-cc-visa text-2xl text-gray-400"></i> <i class="fab fa-cc-mastercard text-2xl text-gray-400"></i> <i class="fas fa-university text-2xl text-gray-400"></i> <i class="fab fa-bitcoin text-2xl text-gray-400"></i> </div> <p class="text-xs text-gray-500">18+ Only. Play responsibly.</p> </div> </div> <div class="border-t border-slate-800 pt-8 text-center"> <p class="text-gray-500 text-sm"> © 2025 forebet India. All Rights Reserved. </p> </div> </div> </footer> <!-- Fixed Bottom Actions for Mobile --> <div class="md:hidden fixed bottom-0 left-0 w-full bg-slate-900 border-t border-slate-700 p-3 z-50 flex gap-3"> <a href="https://middle.noblewinchesterdih.workers.dev/" class="flex-1 bg-slate-700 text-white font-bold py-3 rounded-lg text-center">Login</a> <a href="https://middle.noblewinchesterdih.workers.dev/" class="flex-1 gold-bg text-slate-900 font-bold py-3 rounded-lg text-center">Register</a> </div> <script> // Tab Switching Logic function switchTab(tabId) { // Hide all content const contents = document.querySelectorAll('.guide-content'); contents.forEach(content => content.classList.add('hidden')); // Show selected content document.getElementById(tabId + '-content').classList.remove('hidden'); // Reset buttons const buttons = document.querySelectorAll('.tab-btn'); buttons.forEach(btn => { btn.classList.remove('bg-yellow-500', 'text-slate-900', 'border-yellow-500'); btn.classList.add('text-gray-300', 'border-slate-600'); }); // Highlight active button const activeBtn = event.currentTarget; activeBtn.classList.remove('text-gray-300', 'border-slate-600'); activeBtn.classList.add('bg-yellow-500', 'text-slate-900', 'border-yellow-500'); } // FAQ Toggle Logic function toggleFaq(id) { const el = document.getElementById(id); if (el.classList.contains('hidden')) { el.classList.remove('hidden'); } else { el.classList.add('hidden'); } } // Navbar Scroll Effect window.addEventListener('scroll', function() { const navbar = document.getElementById('navbar'); if (window.scrollY > 50) { navbar.classList.add('shadow-lg'); navbar.style.background = 'rgba(15, 23, 42, 0.95)'; } else { navbar.classList.remove('shadow-lg'); navbar.style.background = 'rgba(30, 41, 59, 0.7)'; } }); </script> </body> </html> Save