import Link from "next/link";

export default function HomePage() {
  return (
    <main style={{ minHeight: "100vh", display: "grid", placeItems: "center", padding: "var(--ml-space-8)" }}>
      <section className="surface-card" style={{ maxWidth: 760, padding: "var(--ml-space-8)", display: "grid", gap: "var(--ml-space-5)" }}>
        <div className="badge">Phase W0 scaffold active</div>
        <div style={{ display: "grid", gap: "var(--ml-space-3)" }}>
          <h1 style={{ margin: 0, fontFamily: "var(--ml-font-display)", fontSize: "var(--ml-fs-3xl)" }}>
            ByteLyst Agentic Notes web surface
          </h1>
          <p style={{ margin: 0, color: "var(--ml-text-secondary)", lineHeight: 1.6 }}>
            The web app scaffold is live with shared ByteLyst clients, authenticated shell wiring, and the first route skeletons for dashboard, workspaces, notes, search, and settings.
          </p>
        </div>
        <div style={{ display: "flex", gap: "var(--ml-space-3)", flexWrap: "wrap" }}>
          <Link href="/dashboard" className="surface-muted" style={{ padding: "12px 16px", background: "rgba(90, 140, 255, 0.16)" }}>
            Open dashboard
          </Link>
          <Link href="/workspaces" className="surface-muted" style={{ padding: "12px 16px" }}>
            Browse workspaces
          </Link>
        </div>
      </section>
    </main>
  );
}