Deep Space Multiplayer Arena

import React from 'react'; import { UserStats, GameMode, ACHIEVEMENTS, SHIPS } from '../types'; import { motion } from 'motion/react'; import { Rocket, Shield, Trophy, Target, PlayCircle, Zap } from 'lucide-react'; interface MainMenuProps { onStart: (mode: GameMode) => void; onViewCustomize: () => void; onViewLeaderboard: () => void; stats: UserStats | null; } export default function MainMenu({ onStart, onViewCustomize, onViewLeaderboard, stats }: MainMenuProps) { return (
{/* Header Area */}
Nebula Siege
Server: Online [US-West]
Fleet: 12,482
Sync: 24ms
{/* Ship Hangar - Spans 2x2 */}
Active Ship: {SHIPS.find(s => s.id === stats?.selectedShip)?.name}
s.id === stats?.selectedShip)?.color || '#00f2ff' }} />
{/* Mission Selection - Middle Column */}
Select Mission
onStart('classic')} /> onStart('survival')} /> onStart('training')} />
{/* Global Leaderboard - Right Column */}
Global Leaderboard
{/* ... etc ... */}
{/* Achievements - Bottom Left */}
Achievements
Galactic Guardian
Destroy 5,000 Invaders (3.7k)
{/* Daily Challenge - Bottom Middle */}
Daily Challenge
Precision Strike: Level 5 without missing.
Ends in: 04:22:15
{/* Launch Button */}
); } function ModeItem({ title, desc, onClick, accent }: any) { return (

{title}

{desc}

); } function RankItem({ name, score }: any) { return (
{name} {score}
); }