dummy content

components/Chat/Chat.tsx

@@ -0,0 +1,23 @@
+"use client"
+import { useChat } from "ai/react"
+
+export default function Chat() {
+  const { messages, input, handleInputChange, handleSubmit } = useChat()
+
+  return (
+    <div>
+      {messages.map((m) => (
+        <div key={m.id}>
+          {m.role}: {m.content}
+        </div>
+      ))}
+
+      <form onSubmit={handleSubmit}>
+        <label>
+          Say something...
+          <input value={input} onChange={handleInputChange} />
+        </label>
+      </form>
+    </div>
+  )
+}

components/Navbar/Navbar.tsx

@@ -24,6 +24,11 @@ export default function Nav() {
       href: "/",
       current: currentRoute === "/",
     },
+    {
+      label: "About",
+      href: "/about",
+      current: currentRoute === "/about",
+    },
     {
       label: "Projects",
       href: "/projects",