diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3bf4f27..019d8b8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,10 +30,10 @@ export default function LandingPage() {
         <NavbarStyleApple
           brandName="Pepper Peak"
           navItems={[
-            { name: "About", id: "about" },
-            { name: "Flavors", id: "flavors" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" },
+            { name: "About", id: "#about" },
+            { name: "Flavors", id: "#flavors" },
+            { name: "Testimonials", id: "#testimonials" },
+            { name: "Contact", id: "#contact" },
             { name: "Privacy Policy", id: "/privacy" },
             { name: "Terms of Service", id: "/terms" }
           ]}
diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx
index 8e4aa65..abe06e6 100644
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import LegalSection from '@/components/ecommerce/LegalSection';
+import LegalSection from '@/components/legal/LegalSection';
 
 export default function PrivacyPage() {
   return (
@@ -22,10 +22,10 @@ export default function PrivacyPage() {
         <NavbarStyleApple
           brandName="Pepper Peak"
           navItems={[
-            { name: "About", id: "about" },
-            { name: "Flavors", id: "flavors" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" },
+            { name: "About", id: "/#about" },
+            { name: "Flavors", id: "/#flavors" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" },
             { name: "Privacy Policy", id: "/privacy" },
             { name: "Terms of Service", id: "/terms" }
           ]}
diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx
index 400613e..940f09b 100644
--- a/src/app/terms/page.tsx
+++ b/src/app/terms/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import LegalSection from '@/components/ecommerce/LegalSection';
+import LegalSection from '@/components/legal/LegalSection';
 
 export default function TermsPage() {
   return (
@@ -22,10 +22,10 @@ export default function TermsPage() {
         <NavbarStyleApple
           brandName="Pepper Peak"
           navItems={[
-            { name: "About", id: "about" },
-            { name: "Flavors", id: "flavors" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" },
+            { name: "About", id: "/#about" },
+            { name: "Flavors", id: "/#flavors" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" },
             { name: "Privacy Policy", id: "/privacy" },
             { name: "Terms of Service", id: "/terms" }
           ]}