import type { Metadata } from "next";
import { RoomSimulator } from "@/components/room-simulator";
import { buildSimulatorProducts } from "@/lib/room-simulator-catalog";
import { getSiteContent } from "@/lib/site-content";
import "./simulator.css";

export const metadata: Metadata = {
  title: "Simular ambiente",
  description: "Explore os revestimentos, pavimentos e acessórios RAETEC em ambientes preparados. Compare acabamentos e encontre a referência para o seu projeto.",
};
export const dynamic = "force-dynamic";

export default async function SimulatorPage() {
  const { products } = await getSiteContent();
  const simulatorProducts = buildSimulatorProducts(products);
  return <main className="sim-page" aria-labelledby="sim-page-title">
    <nav className="breadcrumb sim-breadcrumb" aria-label="Caminho"><a href="/">Início</a><span>/</span><span>Simular ambiente</span></nav>
    <header className="sim-page-heading"><div><p className="sim-mini-label">O SEU ESPAÇO / RAETEC</p><h1 id="sim-page-title">Imagine o material<br />no seu espaço.</h1></div><p>Uma nova forma de explorar o catálogo.<br />Escolha um ambiente, experimente um acabamento<br className="sim-heading-break" /> e encontre o ponto de partida para o seu projeto.</p></header>
    <RoomSimulator products={simulatorProducts} />
  </main>;
}
