add titles and description to pages

TODO

@@ -5,3 +5,4 @@
 - contact form
 - bring sections headers on all pages other than home page further up (reduce top margin / padding)
 - set game current position on game load to ply 0 and whatever the FEN is (starting position probably, but could be custom position)
+- privacy policy - have no access to anything you generate, only keep a count of success/failed pdf generations with timestamp and error message

src/routes/chessboard.tsx

@@ -1,7 +1,12 @@
 import { createFileRoute } from "@tanstack/react-router";
+import { HOST_URL } from "#/config.ts";
 import Chessboard from "#/pages/Chessboard.tsx";
 
 export const Route = createFileRoute("/chessboard")({
+	head: () => ({
+		meta: [{ title: "ChessScribe | Chessboard" }],
+		links: [{ rel: "canonical", href: `${HOST_URL}/chessboard` }],
+	}),
 	component: RouteComponent,
 });
 

src/routes/contact.tsx

@@ -1,7 +1,12 @@
 import { createFileRoute } from "@tanstack/react-router";
+import { HOST_URL } from "#/config.ts";
 import Contact from "#/pages/Contact.tsx";
 
 export const Route = createFileRoute("/contact")({
+	head: () => ({
+		meta: [{ title: "ChessScribe | Contact" }],
+		links: [{ rel: "canonical", href: `${HOST_URL}/contact` }],
+	}),
 	component: RouteComponent,
 });
 

src/routes/index.tsx

@@ -1,7 +1,24 @@
 import { createFileRoute } from "@tanstack/react-router";
+import { HOST_URL } from "#/config.ts";
 import Home from "#/pages";
 
-export const Route = createFileRoute("/")({ component: App });
+export const Route = createFileRoute("/")({
+	head: () => ({
+		meta: [
+			{ title: "ChessScribe | Home" },
+			{
+				name: "description",
+				content: "Create PDFs of your chess games from a PGN file",
+			},
+			{
+				name: "keywords",
+				content: "chess, pgn, pdf, chess games, chess notation",
+			},
+		],
+		links: [{ rel: "canonical", href: HOST_URL }],
+	}),
+	component: App,
+});
 
 function App() {
 	return <Home />;