import { TOOLS } from "@/lib/tools/_shared/types";
import { ToolCard } from "@/components/tools/ToolCard";

export const metadata = { title: "Инструменты — Obsidian Toolbox" };

export default function ToolsIndexPage() {
  return (
    <main className="mx-auto w-full max-w-5xl px-6 py-8">
      <h1 className="text-2xl font-bold tracking-wide" style={{ color: "var(--foreground)" }}>Инструменты</h1>
      <p className="mt-1 text-sm" style={{ color: "var(--muted-foreground)" }}>Генераторы синтаксиса Obsidian для участников школы.</p>
      <div className="mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2">
        {TOOLS.map((t) => <ToolCard key={t.id} tool={t} />)}
      </div>
    </main>
  );
}