import { createFileRoute } from "@tanstack/react-router";
import { ContentPageView } from "@/components/content-page";
import { getContentPage } from "@/lib/site-content";
import { keywordMeta } from "@/lib/seo-keywords";

export const Route = createFileRoute("/policy")({
  head: () => {
    const page = getContentPage("/policy");
    return {
      meta: [
        { title: page.metaTitle },
        { name: "description", content: page.description },
        keywordMeta(page.clusters),
        { property: "og:title", content: page.metaTitle },
        { property: "og:description", content: page.description },
        { property: "og:url", content: page.slug },
      ],
      links: [{ rel: "canonical", href: page.slug }],
    };
  },
  component: PageRoute,
});

function PageRoute() {
  return <ContentPageView page={getContentPage("/policy")} />;
}
