import type { Metadata } from "next";
import Jogo from "./Jogo";
import ListaDeProblemas from "./ListaDeProblemas";

export const metadata: Metadata = {
  title: "Expediente dos Mortos",
  description:
    "Um jogo de tiro em que cada horda de zumbis é um problema de empresa. Os problemas da sua empresa não morrem sozinhos.",
  robots: { index: false, follow: false },
};

// O h1 vem do Inicio e do Relatorio, dentro do Jogo; durante a partida a camada fixa cobre a página.
export default function JogoPage() {
  return (
    <main className="bg-[var(--ink)]">
      <Jogo />
      <noscript>
        <p className="px-sp-6 py-sp-8 font-display text-[17px] font-medium leading-[1.55] text-[#f4f2ed] lg:px-sp-12">
          O jogo precisa de JavaScript. Os problemas e as soluções estão abaixo.
        </p>
      </noscript>
      <ListaDeProblemas />
    </main>
  );
}