added project pages, updated page for FAM.

components/Nav.tsx

@@ -1,14 +1,16 @@
 "use client";
 
+import Link from "next/link";
+
 
 type Props = {
   section: string;
-  setSection: (s: string) => void;
+  subtitle?: string;
 };
 
-const items = ["profile", "projects"];
+const items = ["profile", "project"];
 
-export default function Nav({ section, setSection }: Props) {
+export default function Nav({ section, subtitle }: Props) {
   return (
     <nav
       style={{
@@ -21,10 +23,9 @@ export default function Nav({ section, setSection }: Props) {
       }}>
 
       {items.map((item) => (
-
+      <Link key={item} href={"/" + item}>
         <button
-          key={item}
-          onClick={() => setSection(item)}
+          
           style={{
             background: section === item ? "var(--surface)" : "transparent",
             color: section === item ? "var(--accent)" : "var(--muted)",
@@ -50,9 +51,11 @@ export default function Nav({ section, setSection }: Props) {
 
           <span style={{ opacity: 0.4, marginRight: 6 }}></span>
           {item}
-        </button>
+        </button></Link>
       ))}
 
+      <p>{subtitle}</p>
+
     </nav>
   );
 }