diff --git a/src/app/page.tsx b/src/app/page.tsx
index cac7edd..8f26288 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import ProjectsSection from "@/components/ProjectsSection";
 import Image from "next/image";
+import Link from "next/link";
 
 export const metadata: Metadata = {
   title: "Home",
@@ -56,28 +57,36 @@ export default function Home() {
                 </a>
               </li>*/}
               <li>
-                <a
+                <Link
                   href="/digital-art"
                   className="text-black font-bold hover:bg-purple-200 px-4 py-2 transition-colors border-2 border-black hover:border-purple-400"
                 >
                   Digital Art
-                </a>
+                </Link>
               </li>
               <li>
-                <a
+                <Link
                   href="/stories"
                   className="text-black font-bold hover:bg-yellow-200 px-4 py-2 transition-colors border-2 border-black hover:border-yellow-400"
                 >
                   Mini Stories
-                </a>
+                </Link>
               </li>
               <li>
-                <a
+                <Link
                   href="/thoughts"
                   className="text-black font-bold hover:bg-teal-200 px-4 py-2 transition-colors border-2 border-black hover:border-teal-400"
                 >
                   Thoughts
-                </a>
+                </Link>
+              </li>
+              <li>
+                <Link
+                  href="/thoughts"
+                  className="text-black font-bold hover:bg-teal-200 px-4 py-2 transition-colors border-2 border-black hover:border-teal-400"
+                >
+                  Thoughts
+                </Link>
               </li>
             </ul>
           </div>