import Link from "next/link";

export default function HomePage() {
  return (
    <div style={{ padding: "60px 80px", maxWidth: 720, margin: "0 auto", lineHeight: 1.55 }}>
      <h1 style={{ fontFamily: "var(--font-display)", fontSize: 32, fontWeight: 600, marginBottom: 8 }}>
        Socrata
      </h1>
      <p style={{ color: "var(--muted)", marginBottom: 32 }}>
        Structured thinking and validation platform for product managers.
      </p>
      <ul style={{ listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 12 }}>
        <li>
          <Link
            href="/editor/aristotle"
            style={{
              display: "inline-block",
              padding: "12px 18px",
              border: "1px solid var(--border-strong)",
              borderRadius: 6,
              color: "var(--accent)",
              fontFamily: "var(--font-mono)",
              fontSize: 13,
              textDecoration: "none",
            }}
          >
            → Open editor (Aristotle fixture)
          </Link>
        </li>
        <li>
          <Link
            href="/seed"
            style={{
              display: "inline-block",
              padding: "12px 18px",
              border: "1px solid var(--border)",
              borderRadius: 6,
              color: "var(--muted)",
              fontFamily: "var(--font-mono)",
              fontSize: 13,
              textDecoration: "none",
            }}
          >
            → Seed screen (coming next)
          </Link>
        </li>
      </ul>
    </div>
  );
}