diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cb0f9e5..acbd8d1 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import localFont from "next/font/local";
 import "./globals.css";
+import Link from "next/link";
 
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
@@ -29,9 +30,9 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         <div className="border-b-2 border-gray-300 py-4">
-          <h1 className="flex font-bold text-lg justify-center ">
+          <Link href="/" className="flex font-bold text-lg justify-center ">
             Cardanoapi Projects
-          </h1>
+          </Link>
         </div>
 
         {children}
diff --git a/src/app/projects/[id]/page.tsx b/src/app/projects/[id]/page.tsx
index 4577d59..2907a6a 100644
--- a/src/app/projects/[id]/page.tsx
+++ b/src/app/projects/[id]/page.tsx
@@ -27,8 +27,10 @@ export default function Project() {
     <>
       <div className="flex-col w-9/12 m-auto overflow-x-hidden py-4">
         <div className="hidden sm:block">
-          <span className="text-[#1A80E5]">Projects</span> /{" "}
-          {project?.projectName}
+          <Link href="/" className="text-[#1A80E5]">
+            Projects
+          </Link>{" "}
+          / {project?.projectName}
         </div>
         <div className="py-4 flex flex-col">
           <div className="flex h-24 sm:h-32">