Initial commit

app/pages/home/HomePage.tsx

@@ -0,0 +1,11 @@
+import { Link } from "react-router";
+
+export function HomePage() {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[90vh]">
+      <p>Hello React!</p>
+
+      <Link to="/person/John" className="text-blue-500 mt-10">Go to Person</Link>
+    </div>
+  );
+}

app/pages/person/PersonPage.tsx

@@ -0,0 +1,13 @@
+import { Link, useParams } from "react-router";
+
+export function PersonPage() {
+  const { id } = useParams();
+
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[90vh]">
+      <p>Person Page: {id}</p>
+      <p>(Retrieved from the URL params)</p>
+      <Link to="/" className="text-blue-500 mt-10">Go to Home</Link>
+    </div>
+  );
+}