import type { Metadata } from "next";
import Link from "next/link";
import { BuildTimeline } from "@/components/BuildTimeline";
import { FeatureGrid } from "@/components/FeatureGrid";
import { GlassCard } from "@/components/GlassCard";
import { HeroNexus } from "@/components/HeroNexus";
import { StatusRoadmap } from "@/components/StatusRoadmap";

export const metadata: Metadata = {
  title: "Forside",
  alternates: { canonical: "https://nexus.ninjakernen.info/forside" },
};

export default function ForsidePage() {
  return (
    <>
      <HeroNexus />
      <div className="pb-4">
        <StatusRoadmap />
      </div>
      <FeatureGrid />
      <BuildTimeline />
      <section className="mx-auto max-w-6xl px-4 py-12 sm:px-6">
        <GlassCard className="border-l-4 border-l-amber-400">
          <h2 className="text-lg font-semibold text-nexus-navy">Vigtigt — POC-status</h2>
          <p className="mt-2 text-nexus-muted">
            Ninja Nexus er stadig en POC/testplatform. Den må{" "}
            <strong>ikke</strong> bruges som fuld Windows-erstatning, lockdown eller MDM endnu.
            Remote control og produktions-lockdown er <strong>ikke</strong> færdige funktioner.
          </p>
        </GlassCard>
      </section>
      <section className="mx-auto max-w-6xl px-4 pb-16 sm:px-6">
        <GlassCard glow className="text-center">
          <h2 className="text-2xl font-bold text-nexus-navy">Klar til at teste?</h2>
          <p className="mt-2 text-nexus-muted">
            Download build 91, kør NexusSetup.exe som administrator i{" "}
            <code className="rounded bg-slate-100 px-1">C:\NinjaNexusPOC</code>.
          </p>
          <Link
            href="/downloads"
            className="btn-brand mt-6 inline-flex rounded-[1.25rem] px-6 py-3 text-sm"
          >
            Gå til downloads
          </Link>
        </GlassCard>
      </section>
    </>
  );
}
