import React, { useState } from 'react'; import { Bell, Trophy, Users, Gamepad2, Zap, Shield, Settings, Plus, Edit3, Trash2 } from 'lucide-react'; const DenzArenaApp = () => { const [currentUser, setCurrentUser] = useState(null); const [isAdmin, setIsAdmin] = useState(false); const [activePanel, setActivePanel] = useState('login'); const [tournaments, setTournaments] = useState([ { id: 1, name: 'Solo', players: 100, prize: '10,000', status: 'active' }, { id: 2, name: 'Duo', players: 50, prize: '15,000', status: 'active' }, { id: 3, name: 'Squad', players: 25, prize: '20,000', status: 'active' }, { id: 4, name: 'Clash Squad', players: 32, prize: '8,000', status: 'active' }, { id: 5, name: 'eSports', players: 16, prize: '50,000', status: 'upcoming' }, { id: 6, name: 'Fantasy', players: 64, prize: '12,000', status: 'completed' } ]); const [users, setUsers] = useState([]); const [userCoins, setUserCoins] = useState(0); // Login Component const LoginPanel = () => { const [loginData, setLoginData] = useState({ email: '', password: '' }); const [registerData, setRegisterData] = useState({ name: '', email: '', password: '', gameId: '' }); const [isRegistering, setIsRegistering] = useState(false); const handleLogin = (e) => { e.preventDefault(); if (loginData.email === 'admin@denzarena.com') { setCurrentUser({ name: 'Admin', email: loginData.email, id: 'admin1' }); setIsAdmin(true); setActivePanel('admin'); } else { const user = { name: loginData.email.split('@')[0], email: loginData.email, id: Date.now().toString(), gameId: 'GAME' + Math.random().toString(36).substr(2, 6).toUpperCase() }; setCurrentUser(user); setIsAdmin(false); setActivePanel('user'); setUserCoins(1000); } }; const handleRegister = (e) => { e.preventDefault(); const newUser = { ...registerData, id: Date.now().toString(), createdAt: new Date().toISOString() }; setUsers(prev => [...prev, newUser]); setCurrentUser(newUser); setIsAdmin(false); setActivePanel('user'); setUserCoins(1000); }; return (

DENZ ARENA

Gaming Tournament Platform

{!isRegistering ? (
setLoginData({...loginData, email: e.target.value})} className="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Enter your email" required />
setLoginData({...loginData, password: e.target.value})} className="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Enter your password" required />

Don't have an account?{' '}

Demo: admin@denzarena.com (Admin)

Or any email for user access

) : (
setRegisterData({...registerData, name: e.target.value})} className="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-blue-500" required />
setRegisterData({...registerData, email: e.target.value})} className="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-blue-500" required />
setRegisterData({...registerData, gameId: e.target.value})} className="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Your gaming ID" required />
setRegisterData({...registerData, password: e.target.value})} className="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-blue-500" required />

Already have an account?{' '}

)}
); }; // User Panel const UserPanel = () => { const [activeTab, setActiveTab] = useState('home'); const [joinedTournaments, setJoinedTournaments] = useState([]); const [notifications, setNotifications] = useState([ { id: 1, title: 'Tournament Starting Soon!', message: 'Solo tournament starts in 30 minutes', time: '5m ago' }, { id: 2, title: 'Prize Awarded', message: 'You won ₹500 in Duo tournament', time: '1h ago' } ]); const joinTournament = (tournament) => { if (userCoins >= 100) { setJoinedTournaments(prev => [...prev, tournament.id]); setUserCoins(prev => prev - 100); setNotifications(prev => [...prev, { id: Date.now(), title: 'Tournament Joined!', message: `Successfully joined ${tournament.name}`, time: 'Just now' }]); alert(`Successfully joined ${tournament.name}!`); } else { alert('Insufficient coins!'); } }; return (
{/* Header */}

DENZ ARENA

Welcome, {currentUser?.name}

🪙 {userCoins}
{notifications.length > 0 && (
{notifications.length}
)}
{/* Navigation */}
{[ { key: 'home', label: 'Home', icon: Trophy }, { key: 'tournaments', label: 'Tournaments', icon: Gamepad2 }, { key: 'joined', label: 'My Games', icon: Users }, { key: 'notifications', label: 'Notifications', icon: Bell } ].map(({ key, label, icon: Icon }) => ( ))}
{/* Content */}
{activeTab === 'home' && (
{/* Warning Notice */}

Submitting incorrect character ID might get you suspended without a warning!

{/* Battle Arena Banner */}

BATTLE ARENA

Join epic tournaments and win amazing prizes!

{/* Quick Stats */}
{joinedTournaments.length}
Tournaments Joined
{userCoins}
Coins
0
Wins
Silver
Rank
{/* Featured Tournaments */}

Featured Tournaments

{tournaments.filter(t => t.status === 'active').slice(0, 4).map((tournament) => (

{tournament.name}

👥 {tournament.players} players

🏆 ₹{tournament.prize}

))}
)} {activeTab === 'tournaments' && (

ALL TOURNAMENTS

{tournaments.map((tournament) => (
{tournament.status.toUpperCase()}

{tournament.name}

👥 {tournament.players} players

🏆 ₹{tournament.prize}

📅 {tournament.status}

))}
)} {activeTab === 'joined' && (

MY TOURNAMENTS

{joinedTournaments.length === 0 ? (

You haven't joined any tournaments yet.

) : (
{tournaments .filter(tournament => joinedTournaments.includes(tournament.id)) .map((tournament) => (

{tournament.name}

Status: ✅ Registered

Prize: ₹{tournament.prize}

Players: {tournament.players}

))}
)}
)} {activeTab === 'notifications' && (

NOTIFICATIONS

{notifications.length === 0 ? (

No notifications yet.

) : (
{notifications.map((notification) => (

{notification.title}

{notification.message}

{notification.time}

))}
)}
)}
{/* Bottom Navigation */}
{[ { key: 'home', label: 'Home', icon: Trophy }, { key: 'tournaments', label: 'Tournaments', icon: Gamepad2 }, { key: 'joined', label: 'My Games', icon: Users }, { key: 'notifications', label: 'Notifications', icon: Bell } ].map(({ key, label, icon: Icon }) => ( ))}
); }; // Admin Panel const AdminPanel = () => { const [activeTab, setActiveTab] = useState('tournaments'); const [editingTournament, setEditingTournament] = useState(null); const [newTournament, setNewTournament] = useState({ name: '', players: '', prize: '', status: 'upcoming' }); const handleCreateTournament = (e) => { e.preventDefault(); const tournament = { id: tournaments.length + 1, ...newTournament }; setTournaments(prev => [...prev, tournament]); setNewTournament({ name: '', players: '', prize: '', status: 'upcoming' }); alert('Tournament created successfully!'); }; const handleUpdateTournament = (id, updatedData) => { setTournaments(prev => prev.map(t => t.id === id ? { ...t, ...updatedData } : t) ); setEditingTournament(null); alert('Tournament updated successfully!'); }; const handleDeleteTournament = (id) => { if (window.confirm('Are you sure you want to delete this tournament?')) { setTournaments(prev => prev.filter(t => t.id !== id)); alert('Tournament deleted successfully!'); } }; return (
{/* Header */}

ADMIN PANEL

DENZ ARENA Management

Total Users: {users.length}
{/* Navigation */}
{/* Content */}
{activeTab === 'tournaments' && (

MANAGE TOURNAMENTS

{tournaments.map((tournament) => (
{editingTournament === tournament.id ? (
) : (

{tournament.name}

👥 {tournament.players} players 🏆 ₹{tournament.prize} {tournament.status}
)}
))}
)} {activeTab === 'users' && (

REGISTERED USERS

{users.length === 0 ? (

No users registered yet.

) : (
{users.map((user) => ( ))}
Name Email Game ID Joined
{user.name} {user.email} {user.gameId} {user.createdAt ? new Date(user.createdAt).toLocaleDateString() : 'N/A'}
)}
)} {activeTab === 'create' && (

CREATE NEW TOURNAMENT

setNewTournament({...newTournament, name: e.target.value})} className="w-full bg-slate-700 text-white px-4 py-3 rounded-lg border border-slate-600 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="e.g., Solo Battle" required />
setNewTournament({...newTournament, players: e.target.value})} className="w-full bg-slate-700 text-white px-4 py-3 rounded-lg border border-slate-600 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="e.g., 100" required />
setNewTournament({...newTournament, prize: e.target.value})} className="w-full bg-slate-700 text-white px-4 py-3 rounded-lg border border-slate-600 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="e.g., 10,000" required />
{/* Tournament Analytics */}

Tournament Analytics

Total Tournaments

{tournaments.length}

Active Tournaments

{tournaments.filter(t => t.status === 'active').length}

Total Users

{users.length}

)}
); }; // Main App Router const renderCurrentPanel = () => { switch (activePanel) { case 'login': return ; case 'user': return ; case 'admin': return ; default: return ; } }; return (
{renderCurrentPanel()}
); }; export default DenzArenaApp;