diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3b15e80..d70da55 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -26,7 +26,7 @@ export default function RootLayout({
       >
         <div className="scroll-watcher" id="top"></div>
         <a
-          href="#header"
+          href="/#header"
           className="flex items-center justify-center scroll-to-top fixed bottom-[100px] right-20 h-[50px] w-[50px] p-5 text-center border-2 hover:border-[#f3a66b] text-white text-[25px] font-[800] bg-[#fd6f00] rounded-full"
           id="back-to-top"
         >
@@ -42,37 +42,37 @@ export default function RootLayout({
           </div>
           <ul className="flex items-center justify-center">
             <a
-              href="#home"
+              href="/#home"
               className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
             >
               Home
             </a>
             <a
-              href="#about-me"
+              href="/#about-me"
               className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
             >
               About Me
             </a>
             <a
-              href="#services"
+              href="/#services"
               className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
             >
               Services
             </a>
             <a
-              href="#projects"
+              href="/#projects"
               className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
             >
               Projects
             </a>
             <a
-              href="#testimonials"
+              href="/#testimonials"
               className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
             >
               Testimonials
             </a>
             <a
-              href="#contact"
+              href="/#contact"
               className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
             >
               Contact
@@ -99,37 +99,37 @@ export default function RootLayout({
             <ul className="flex items-center justify-center">
               <a
                 className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
-                href="#home"
+                href="/#home"
               >
                 Home
               </a>
               <a
                 className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
-                href="#about-me"
+                href="/#about-me"
               >
                 About Me
               </a>
               <a
                 className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
-                href="#services"
+                href="/#services"
               >
                 Services
               </a>
               <a
                 className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
-                href="#projects"
+                href="/#projects"
               >
                 Projects
               </a>
               <a
                 className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
-                href="#testimonials"
+                href="/#testimonials"
               >
                 Testimonials
               </a>
               <a
                 className="px-[14px] py-[10px] text-[21px] font-[400] whitespace-nowrap"
-                href="#contact"
+                href="/#contact"
               >
                 Contact
               </a>