T45a Site · Stack: Vite 8, React 19 and TanStack Router under pnpm; routes, theme, fonts, the manifest

frontend/src/pages/Home.tsx

@@ -0,0 +1,20 @@
+import { Link } from "@tanstack/react-router";
+import { useEffect } from "react";
+import { chapters, componentCount } from "../data";
+
+export function Home() {
+  useEffect(() => {
+    document.title = "Ely · GPUI components";
+  }, []);
+  return (
+    <section className="hero">
+      <h1>Components for GPUI.</h1>
+      <p>
+        {componentCount} components in {chapters.length} chapters, live in the browser.
+      </p>
+      <Link to="/components/" className="button">
+        Browse
+      </Link>
+    </section>
+  );
+}