Nebula Siege

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}

); }