<div class="tradingview-widget-container">
  <div id="tradingview_jeetforexx"></div>
  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.MediumWidget(
  {
  "symbols": [
    ["GOLD", "FX_IDC:XAUUSD|12M"],
    ["EURUSD", "FX:EURUSD|12M"],
    ["GBPUSD", "FX:GBPUSD|12M"],
    ["USDJPY", "FX:USDJPY|12M"],
    ["NASDAQ", "CAPITALCOM:US100|12M"]
  ],
  "chartOnly": false,
  "width": "100%",
  "height": "500",
  "locale": "en",
  "colorTheme": "dark", // Professional look ke liye dark theme
  "gridLineColor": "rgba(42, 46, 57, 0)",
  "fontFamily": "Trebuchet MS, sans-serif",
  "trendLineColor": "#2962FF",
  "underLineColor": "rgba(41, 98, 255, 0.3)",
  "underLineBottomColor": "rgba(41, 98, 255, 0)",
  "isTransparent": false,
  "autosize": true,
  "container_id": "tradingview_jeetforexx"
}
  );
  </script>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JeetForeXx | Premium Terminal</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        body { background-color: #0f172a; color: #f8fafc; font-family: 'Inter', sans-serif; }
        .gold-border { border: 1px solid #fbbf24; }
        .signal-card { background: linear-gradient(145deg, #1e293b, #0f172a); border-left: 4px solid #fbbf24; }
    </style>
</head>
<body class="p-4 md:p-8">

    <header class="flex justify-between items-center mb-8 pb-4 border-b border-gray-700">
        <div>
            <h1 class="text-3xl font-bold text-yellow-500">JeetForeXx <span class="text-white text-sm font-light">PRO TERMINAL</span></h1>
            <p class="text-gray-400 text-sm">Welcome back, Vishwajeet Singh</p>
        </div>
        <div class="text-right">
            <span class="bg-green-500/10 text-green-500 px-3 py-1 rounded-full text-xs font-bold ring-1 ring-green-500">LIVE SERVER</span>
        </div>
    </header>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        
        <div class="lg:col-span-2 space-y-6">
            <div class="rounded-xl overflow-hidden shadow-2xl border border-gray-800">
                <div id="tradingview_chart" style="height: 500px;"></div>
                <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
                <script type="text/javascript">
                    new TradingView.widget({
                        "autosize": true,
                        "symbol": "FX_IDC:XAUUSD",
                        "interval": "15",
                        "timezone": "Asia/Kolkata",
                        "theme": "dark",
                        "style": "1",
                        "locale": "en",
                        "container_id": "tradingview_chart"
                    });
                </script>
            </div>
        </div>

        <div class="space-y-6">
            <div class="bg-gray-900 rounded-xl p-5 border border-gray-800 h-full">
                <h3 class="text-lg font-bold mb-4 flex items-center">
                    <span class="mr-2">🚀</span> LIVE TRADING SIGNALS
                </h3>
                
                <div id="signal-feed" class="space-y-4 max-h-[600px] overflow-y-auto pr-2">
                    <div class="signal-card p-4 rounded-lg">
                        <div class="flex justify-between text-xs text-gray-400 mb-2">
                            <span>EURUSD • SELL LIMIT</span>
                            <span>10:45 AM</span>
                        </div>
                        <p class="text-yellow-500 font-bold">ENTRY: 1.08450</p>
                        <p class="text-green-400">TP: 1.07900</p>
                        <p class="text-red-400">SL: 1.08750</p>
                    </div>
                    
                    <div class="signal-card p-4 rounded-lg bg-blue-900/10 border-l-blue-500">
                        <p class="text-sm italic text-gray-300 italic">"Gold holding resistance. Wait for breakout before buying."</p>
                    </div>
                </div>

                <div class="mt-6 pt-4 border-t border-gray-800 text-[10px] text-gray-500 text-center">
                    Member Privacy Protected. Direct messaging is disabled.
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<div class="max-w-4xl mx-auto mt-10 p-6 bg-slate-900 border gold-border rounded-2xl shadow-2xl">
    <div class="flex justify-between items-center mb-6">
        <h2 class="text-2xl font-bold text-yellow-500 underline decoration-yellow-600">COMMAND CENTER</h2>
        <div class="flex space-x-2">
            <span id="role-badge" class="bg-red-600 text-white text-[10px] px-2 py-1 rounded">ADMIN MODE</span>
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
        <div class="space-y-4">
            <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-widest">Post New Trade</h3>
            
            <div>
                <label class="text-xs text-gray-500">Asset Pair</label>
                <select class="w-full bg-slate-800 border border-gray-700 p-2 rounded mt-1 focus:ring-1 ring-yellow-500 outline-none">
                    <option>XAUUSD (GOLD)</option>
                    <option>EURUSD</option>
                    <option>GBPUSD</option>
                    <option>NAS100 (NASDAQ)</option>
                </select>
            </div>

            <div class="grid grid-cols-2 gap-2">
                <div>
                    <label class="text-xs text-gray-500">Action</label>
                    <select class="w-full bg-slate-800 border border-gray-700 p-2 rounded mt-1 text-green-500 font-bold">
                        <option>BUY</option>
                        <option class="text-red-500">SELL</option>
                        <option class="text-blue-400">MARKET COMMENT</option>
                    </select>
                </div>
                <div>
                    <label class="text-xs text-gray-500">Entry Price</label>
                    <input type="text" placeholder="1.0845" class="w-full bg-slate-800 border border-gray-700 p-2 rounded mt-1 outline-none focus:border-yellow-500">
                </div>
            </div>

            <div class="grid grid-cols-2 gap-2">
                <input type="text" placeholder="TP (Target)" class="bg-slate-800 border border-gray-700 p-2 rounded outline-none focus:border-green-500 text-green-400">
                <input type="text" placeholder="SL (Stop Loss)" class="bg-slate-800 border border-gray-700 p-2 rounded outline-none focus:border-red-500 text-red-400">
            </div>

            <button class="w-full bg-yellow-600 hover:bg-yellow-500 text-black font-bold py-3 rounded-lg transition duration-300 uppercase tracking-tighter">
                🚀 Broadcast to Subscribers
            </button>
        </div>

        <div class="bg-slate-800/50 p-4 rounded-xl border border-gray-800">
            <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-widest mb-4 font-mono">Moderation & Privacy</h3>
            
            <div class="space-y-3">
                <div class="flex items-center justify-between p-3 bg-slate-800 rounded border border-gray-700">
                    <div>
                        <p class="text-sm font-medium">Moderator_Amit</p>
                        <p class="text-[10px] text-gray-500">Joined: 12 May 2026</p>
                    </div>
                    <label class="relative inline-flex items-center cursor-pointer">
                        <input type="checkbox" class="sr-only peer" checked>
                        <div class="w-9 h-5 bg-gray-600 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all peer-checked:bg-green-600"></div>
                    </label>
                </div>
            </div>

            <div class="mt-6 space-y-2">
                <div class="flex items-center text-xs text-gray-400">
                    <span class="w-2 h-2 bg-green-500 rounded-full mr-2"></span> Subscriber Privacy: **HIDDEN**
                </div>
                <div class="flex items-center text-xs text-gray-400">
                    <span class="w-2 h-2 bg-red-500 rounded-full mr-2"></span> Public Chat: **DISABLED**
                </div>
                <p class="text-[10px] mt-4 text-gray-500 italic border-t border-gray-700 pt-2">
                    *Note: Subscribers cannot see each other. Only Admin can initiate contact.*
                </p>
            </div>
        </div>
    </div>
</div>
<div class="max-w-md mx-auto my-12 p-8 bg-white/5 backdrop-blur-xl border border-white/10 rounded-3xl shadow-[0_0_50px_rgba(251,191,36,0.1)] text-center">
    
    <div class="mb-8">
        <div class="w-20 h-20 bg-yellow-500 rounded-2xl mx-auto flex items-center justify-center shadow-lg shadow-yellow-500/20 mb-4">
            <span class="text-3xl font-black text-black">JF</span>
        </div>
        <h2 class="text-2xl font-bold tracking-tight">Upgrade to <span class="text-yellow-500">PRO</span></h2>
        <p class="text-gray-400 text-sm">Join the elite $99/month club</p>
    </div>

    <div class="bg-gradient-to-br from-yellow-500/20 to-transparent p-6 rounded-2xl border border-yellow-500/30 mb-8">
        <div class="text-4xl font-black mb-1">$99 <span class="text-lg text-gray-400 font-normal">/month</span></div>
        <ul class="text-left text-sm space-y-3 mt-4 text-gray-300">
            <li class="flex items-center">✅ High Accuracy Gold & Forex Signals</li>
            <li class="flex items-center">✅ Full Market Analysis (NASDAQ/US30)</li>
            <li class="flex items-center">✅ 100% Private & Secure Access</li>
        </ul>
    </div>

    <div class="space-y-4">
        <h3 class="text-xs font-bold uppercase tracking-widest text-gray-500">Pay with Crypto (Automatic)</h3>
        
        <div class="grid grid-cols-2 gap-3">
            <button class="flex items-center justify-center p-3 rounded-xl border border-white/10 bg-white/5 hover:border-yellow-500 transition-all group">
                <img src="https://cryptologos.cc/logos/tether-usdt-logo.png" class="w-5 mr-2">
                <span class="text-sm font-semibold">USDT (TRC20)</span>
            </button>
            <button class="flex items-center justify-center p-3 rounded-xl border border-white/10 bg-white/5 hover:border-orange-500 transition-all">
                <img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" class="w-5 mr-2">
                <span class="text-sm font-semibold">Bitcoin</span>
            </button>
        </div>

        <div class="mt-8 p-4 bg-white rounded-2xl inline-block shadow-inner">
            <img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=YOUR_USDT_WALLET_ADDRESS" alt="Payment QR">
        </div>
        
        <p class="text-[10px] text-gray-500 mt-2 px-4">
            Payment confirm hote hi dashboard **Unlock** ho jayega. Please don't close this window.
        </p>

        <div class="flex items-center justify-center space-x-2 mt-4">
            <div class="w-2 h-2 bg-yellow-500 rounded-full animate-bounce"></div>
            <div class="w-2 h-2 bg-yellow-500 rounded-full animate-bounce [animation-delay:-0.3s]"></div>
            <div class="w-2 h-2 bg-yellow-500 rounded-full animate-bounce [animation-delay:-0.5s]"></div>
            <span class="text-xs text-yellow-500 font-mono italic">Waiting for Network Confirmation...</span>
        </div>
    </div>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JeetForeXx App</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700&display=swap" rel="stylesheet">
    <style>
        body { background-color: #050505; color: #ffffff; font-family: 'Outfit', sans-serif; overflow-x: hidden; }
        .glass-card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.05); }
        .gold-glow { box-shadow: 0 0 20px rgba(234, 179, 8, 0.15); }
        .nav-active { color: #eab308; }
        .tab-bar { background: rgba(10, 10, 10, 0.9); backdrop-filter: blur(20px); border-top: 1px solid rgba(255, 255, 255, 0.1); }
    </style>
</head>
<body class="pb-24">

    <div class="flex justify-between p-4 text-xs font-medium text-gray-500">
        <span>9:41</span>
        <div class="flex space-x-1">
            <span>5G</span>
            <span class="w-4 h-4 bg-white/20 rounded-sm"></span>
        </div>
    </div>

    <header class="px-6 flex justify-between items-center py-2">
        <div>
            <h2 class="text-2xl font-bold tracking-tight">Jeet<span class="text-yellow-500">ForeXx</span></h2>
            <div class="flex items-center text-[10px] text-green-500 uppercase tracking-widest font-bold">
                <span class="w-1.5 h-1.5 bg-green-500 rounded-full mr-1 animate-pulse"></span> Terminal Active
            </div>
        </div>
        <div class="w-10 h-10 rounded-full border border-yellow-500/50 flex items-center justify-center bg-yellow-500/10">
            <span class="text-yellow-500 font-bold">VS</span>
        </div>
    </header>

    <div class="flex overflow-x-auto space-x-4 px-6 py-6 no-scrollbar">
        <div class="glass-card min-w-[120px] p-3 rounded-2xl">
            <p class="text-xs text-gray-400">XAUUSD</p>
            <p class="text-lg font-bold">2342.10</p>
            <span class="text-[10px] text-green-400">+1.24%</span>
        </div>
        <div class="glass-card min-w-[120px] p-3 rounded-2xl border-yellow-500/30 gold-glow">
            <p class="text-xs text-gray-400">NAS100</p>
            <p class="text-lg font-bold">18234.5</p>
            <span class="text-[10px] text-red-400">-0.45%</span>
        </div>
        <div class="glass-card min-w-[120px] p-3 rounded-2xl">
            <p class="text-xs text-gray-400">EURUSD</p>
            <p class="text-lg font-bold">1.0845</p>
            <span class="text-[10px] text-green-400">+0.12%</span>
        </div>
    </div>

    <main class="px-6 space-y-4">
        <h3 class="text-sm font-bold text-gray-400 uppercase tracking-tighter">Premium Signals</h3>
        
        <div class="glass-card rounded-3xl p-5 relative overflow-hidden">
            <div class="flex justify-between items-start mb-4">
                <div>
                    <span class="bg-red-500/20 text-red-500 text-[10px] font-bold px-2 py-0.5 rounded-md uppercase">Sell Now</span>
                    <h4 class="text-xl font-bold mt-1 uppercase">Gold (XAUUSD)</h4>
                </div>
                <div class="text-right">
                    <p class="text-[10px] text-gray-500">12 mins ago</p>
                </div>
            </div>
            
            <div class="grid grid-cols-3 gap-2 mb-4">
                <div class="bg-white/5 p-2 rounded-xl text-center">
                    <p class="text-[10px] text-gray-400">Entry</p>
                    <p class="text-sm font-bold">2345.50</p>
                </div>
                <div class="bg-green-500/10 p-2 rounded-xl text-center">
                    <p class="text-[10px] text-green-500">Target</p>
                    <p class="text-sm font-bold">2330.00</p>
                </div>
                <div class="bg-red-500/10 p-2 rounded-xl text-center">
                    <p class="text-[10px] text-red-500">Stop Loss</p>
                    <p class="text-sm font-bold">2352.00</p>
                </div>
            </div>
            
            <p class="text-xs text-gray-400 italic font-light italic">"Market rejected resistance at 2350. Strong bearish momentum expected."</p>
        </div>

        <div class="glass-card rounded-3xl p-5 border-l-4 border-yellow-500">
            <div class="flex justify-between items-center mb-3">
                <span class="text-xs font-bold text-yellow-500">MARKET UPDATE</span>
                <span class="text-[10px] bg-white/10 px-2 py-0.5 rounded-full text-gray-400">By Moderator</span>
            </div>
            <p class="text-sm text-gray-200 leading-relaxed">
                NFP data coming in 30 minutes. High volatility expected. Close half positions and move SL to entry.
            </p>
        </div>
    </main>

    <nav class="fixed bottom-0 left-0 right-0 tab-bar h-20 px-8 flex justify-between items-center">
        <div class="flex flex-col items-center nav-active">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path></svg>
            <span class="text-[10px] mt-1 font-medium">Signals</span>
        </div>
        <div class="flex flex-col items-center text-gray-500">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg>
            <span class="text-[10px] mt-1">Charts</span>
        </div>
        <div class="flex flex-col items-center text-gray-500">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
            <span class="text-[10px] mt-1">Billing</span>
        </div>
        <div class="flex flex-col items-center text-gray-500">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>
            <span class="text-[10px] mt-1">Profile</span>
        </div>
    </nav>

</body>
</html>