import type { Metadata } from "next";
import { GlassCard } from "@/components/GlassCard";
import { ProgressPill } from "@/components/ProgressPill";

export const metadata: Metadata = {
  title: "Om Nexus",
  description:
    "Hvad er Ninja Nexus, hvad kan platformen nu, og hvad er POC-begrænsningerne?",
  alternates: { canonical: "https://nexus.ninjakernen.info/om-nexus" },
};

const modules = [
  {
    name: "Nexus Shell",
    desc: "Desktop/shell-oplevelse med launcher, dock, settings og design system v2.",
    status: "POC — overlay mode",
  },
  {
    name: "Nexus Identity API",
    desc: "Orgs, brugere, roller, enrollment og SQLite datalag.",
    status: "Fungerer lokalt",
  },
  {
    name: "Nexus Agent",
    desc: "Device identity endpoints og agent-kommunikation (POC).",
    status: "Under udvikling",
  },
  {
    name: "Nexus Store",
    desc: "Lokal .nxp pakke-installation, opdatering og fjernelse.",
    status: "POC",
  },
  {
    name: "Policy Engine",
    desc: "Evaluering og skjul/blokér UI — ikke fuld MDM.",
    status: "POC enforcement",
  },
  {
    name: "Update Engine",
    desc: "Check mod latest.json, download, SHA256 og install flow.",
    status: "Under test",
  },
  {
    name: "Control Center",
    desc: "Settings-sektion og API — ingen dedikeret admin-portal endnu.",
    status: "Delvis",
  },
  {
    name: "Windows Replacement Layer",
    desc: "Audit og Nexus dialogs/default apps — ikke shell lockdown.",
    status: "Fase 1 POC",
  },
];

export default function OmNexusPage() {
  return (
    <div className="mx-auto max-w-6xl px-4 py-12 sm:px-6">
      <h1 className="text-3xl font-bold text-nexus-navy">Om Ninja Nexus</h1>
      <p className="mt-3 max-w-3xl text-lg text-nexus-muted">
        Ninja Nexus er en kontrolleret platform-oplevelse oven på Windows — ikke et
        selvstændigt operativsystem.
      </p>

      <div className="mt-10 grid gap-6 lg:grid-cols-2">
        <GlassCard>
          <h2 className="text-xl font-semibold text-nexus-navy">Hvad er det?</h2>
          <p className="mt-3 text-nexus-muted">
            En samlet desktopplatform der samler login, apps, politikker, software deployment,
            updates og (på sigt) device administration — bygget som shell/overlay på Windows.
          </p>
        </GlassCard>
        <GlassCard>
          <h2 className="text-xl font-semibold text-nexus-navy">Hvad er det ikke endnu?</h2>
          <ul className="mt-3 list-inside list-disc space-y-2 text-nexus-muted">
            <li>Ikke fuld Windows-erstatning</li>
            <li>Ikke produktions-MDM eller lockdown</li>
            <li>Ikke remote control / fjernstyring</li>
            <li>Ikke MSI/enterprise distribution</li>
          </ul>
        </GlassCard>
      </div>

      <section className="mt-12">
        <h2 className="text-2xl font-bold text-nexus-navy">Hvorfor oven på Windows?</h2>
        <p className="mt-3 max-w-3xl text-nexus-muted">
          At bygge et helt OS fra bunden tager år og kræver driver- og hardware-kompatibilitet.
          Nexus vælger i stedet at give virksomheder en styret oplevelse oven på eksisterende
          Windows — hurtigere til værdi, lavere risiko, og mulighed for gradvis udvidelse.
        </p>
      </section>

      <section className="mt-12">
        <h2 className="text-2xl font-bold text-nexus-navy">Platformmoduler</h2>
        <div className="mt-6 grid gap-4 sm:grid-cols-2">
          {modules.map((m) => (
            <GlassCard key={m.name}>
              <div className="flex flex-wrap items-center gap-2">
                <h3 className="font-semibold text-nexus-navy">{m.name}</h3>
                <ProgressPill label={m.status} variant="blue" />
              </div>
              <p className="mt-2 text-sm text-nexus-muted">{m.desc}</p>
            </GlassCard>
          ))}
        </div>
      </section>

      <section className="mt-12">
        <h2 className="text-2xl font-bold text-nexus-navy">Sikkerhed (retning)</h2>
        <GlassCard className="mt-4">
          <ul className="space-y-2 text-nexus-muted">
            <li>Policy-baseret app visibility og UI-begrænsning</li>
            <li>Device identity og enrollment foundation</li>
            <li>SHA256-verificerede updates i POC (code signing planlagt)</li>
            <li>Separat data/ mappe og admin-kontrolleret installation</li>
          </ul>
        </GlassCard>
      </section>

      <section className="mt-12">
        <GlassCard className="border-l-4 border-l-amber-400">
          <h2 className="text-xl font-semibold text-nexus-navy">POC-begrænsninger</h2>
          <p className="mt-2 text-nexus-muted">
            Remote control, fuld MDM, produktions-lockdown og endelig installer-distribution
            er <strong>ikke</strong> færdige. Device presence kører via polling — ikke SignalR.
            Brug kun i testmiljø (fx <code className="rounded bg-slate-100 px-1">C:\NinjaNexusPOC</code>).
          </p>
        </GlassCard>
      </section>
    </div>
  );
}
