diff --git a/src/app/page.tsx b/src/app/page.tsx
index 52f4d71..73040c7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,7 +21,7 @@ const navItems = [
   { name: "Work", id: "work" },
   { name: "About", id: "about" },
   { name: "Pricing", id: "pricing" },
-  { name: "Contact", id: "contact" },
+  { name: "Contact", id: "/contact" },
 ];
 
 export default function HomePage() {
@@ -57,7 +57,7 @@ export default function HomePage() {
               text: "Book a Free Website Review",              href: "/contact"
             },
             {
-              text: "See Recent Work",              href: "/work"
+              text: "See Recent Work",              href: "#portfolio-preview-home"
             }
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkozd5&_wi=1"
@@ -120,7 +120,7 @@ export default function HomePage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "View All Services",              href: "/services"
+              text: "View All Services",              href: "#services-preview-home"
             }
           ]}
           products={[
@@ -178,7 +178,7 @@ export default function HomePage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "See All Work",              href: "/work"
+              text: "See All Work",              href: "#portfolio-preview-home"
             }
           ]}
           blogs={[
@@ -235,7 +235,7 @@ export default function HomePage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "View Pricing",              href: "/pricing"
+              text: "View Pricing",              href: "#pricing-preview-home"
             }
           ]}
           plans={[