diff --git a/src/app/page.tsx b/src/app/page.tsx
index cc38e88..e64dabc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,10 +33,10 @@ export default function WebAgency2Page() {
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Work", id: "work" },
+            { name: "Work", id: "/work" },
             { name: "Services", id: "/services" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" },
+            { name: "About", id: "#about" },
+            { name: "Contact", id: "#contact" },
           ]}
           button={{ text: "Get Started", href: "#contact" }}
         />
@@ -49,7 +49,7 @@ export default function WebAgency2Page() {
           background={{ variant: "canvas-reveal" }}
           buttons={[
             { text: "Start Project", href: "#contact" },
-            { text: "View Work", href: "#work" },
+            { text: "View Work", href: "/work" },
           ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
@@ -102,25 +102,25 @@ export default function WebAgency2Page() {
           description="A selection of projects we've crafted for clients across industries."
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View All Work", href: "#work" }]} 
+          buttons={[{ text: "View All Work", href: "/work" }]}
           buttonAnimation="slide-up"
           cardClassName="!h-auto aspect-video"
           features={[
             {
               title: "Umbra Skincare",              description: "Luxury fragrance e-commerce",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp",              imageAlt: "Umbra Skincare website",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
+              buttonHref: "/work/umbra-skincare"},
             {
               title: "Luxuria Travel",              description: "Bespoke luxury travel experiences",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp",              imageAlt: "Luxuria Travel website",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
+              buttonHref: "/work/luxuria-travel"},
             {
               title: "Dental Care",              description: "Premier dental practice",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp",              imageAlt: "Luxury Dental Care website",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
+              buttonHref: "/work/dental-care"},
             {
               title: "Summit Roofing",              description: "Professional roofing services",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp",              imageAlt: "Summit Roofing website",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
+              buttonHref: "/work/summit-roofing"},
             {
               title: "Dubai Real Estate",              description: "Luxury property listings",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp",              imageAlt: "Dubai Real Estate website",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
+              buttonHref: "/work/dubai-real-estate"},
           ]}
         />
         <FeatureBento
@@ -240,7 +240,7 @@ export default function WebAgency2Page() {
           background={{ variant: "rotated-rays-animated" }}
           buttons={[
             { text: "Start Your Project", href: "#contact" },
-            { text: "View Our Work", href: "#work" },
+            { text: "View Our Work", href: "/work" },
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
@@ -253,7 +253,7 @@ export default function WebAgency2Page() {
               title: "Company",              items: [
                 { label: "About", href: "#about" },
                 { label: "Services", href: "/services" },
-                { label: "Work", href: "#work" },
+                { label: "Work", href: "/work" },
                 { label: "Contact", href: "#contact" },
               ],
             },
@@ -278,4 +278,4 @@ export default function WebAgency2Page() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file