export default function AdminDashboard() {
  return (
    <div className="min-h-screen bg-zinc-950 text-white p-8">
      <header className="mb-8">
        <h1 className="text-3xl font-light tracking-tight text-zinc-100">ArmoReg <span className="font-semibold">Admin</span></h1>
        <p className="text-zinc-400 mt-2">SaaS Central Management Platform</p>
      </header>
      
      <main className="grid grid-cols-1 md:grid-cols-3 gap-6">
        <div className="bg-zinc-900 border border-zinc-800 rounded-xl p-6 shadow-sm hover:border-zinc-700 transition-colors">
          <h2 className="text-xl font-medium mb-2">Tenants</h2>
          <p className="text-zinc-400 text-sm mb-4">Manage customer accounts and subscriptions.</p>
          <div className="text-3xl font-light">0</div>
        </div>
        
        <div className="bg-zinc-900 border border-zinc-800 rounded-xl p-6 shadow-sm hover:border-zinc-700 transition-colors">
          <h2 className="text-xl font-medium mb-2">Devices</h2>
          <p className="text-zinc-400 text-sm mb-4">Active OPNsense gateways connected.</p>
          <div className="text-3xl font-light">0</div>
        </div>
        
        <div className="bg-zinc-900 border border-zinc-800 rounded-xl p-6 shadow-sm hover:border-zinc-700 transition-colors">
          <h2 className="text-xl font-medium mb-2">VPN Tunnels</h2>
          <p className="text-zinc-400 text-sm mb-4">Active DPI bypass tunnels.</p>
          <div className="text-3xl font-light">0</div>
        </div>
      </main>
    </div>
  );
}
