diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2ac56bd..0bdee95 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,12 +10,13 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import { Handshake, HeartHandshake, MessageSquareText, Sparkles } from "lucide-react";
 
-const navItemsForHomePage = [
+const standardNavItems = [
+    { name: "Home", id: "/" },
     { name: "Products", id: "/products" },
-    { name: "About", id: "about" },
-    { name: "Testimonials", id: "testimonials" },
-    { name: "FAQs", id: "faqs" },
-    { name: "Contact", id: "contact" },
+    { name: "About", id: "/#about" },
+    { name: "Testimonials", id: "/#testimonials" },
+    { name: "FAQs", id: "/#faqs" },
+    { name: "Contact", id: "/#contact" }
 ];
 
 export default function SitePage() {
@@ -35,7 +36,7 @@ export default function SitePage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="Nano Mango"
-          navItems={navItemsForHomePage}
+          navItems={standardNavItems}
           button={{ text: "Shop Now", href: "/shop" }}
           buttonClassName="shadow-lg"
           navItemClassName="text-foreground/80 hover:text-foreground"
@@ -55,7 +56,7 @@ export default function SitePage() {
           enableKpiAnimation={true}
           buttons={[
             { text: "Explore Collection", href: "/products" },
-            { text: "Our Story", href: "#about" },
+            { text: "Our Story", href: "/#about" },
           ]}
           videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1770649506170-pxkn8ubj.mp4"
           imageAlt="Assortment of stylish cups and mugs from Nano Mango"