diff --git a/src/app/page.tsx b/src/app/page.tsx
index ba5e808..3c7b527 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,10 +1,17 @@
+"use client";
 import Navbar from "@/components/Navbar";
+import { useState } from "react";
 
 export default function Home() {
+  const [count, setCount] = useState(0);
+
   return (
     <main>
       <Navbar />
-      <h1>Home</h1>
+      <h1>Aiden Tung Test Mock Project</h1>
+      <button onClick={() => setCount(count + 1)}>Click me</button>
+      <h1>Total clicks: {count}</h1>
+      <button onClick={() => setCount(0)}>Reset Count</button>
     </main>
   );
 }