diff --git a/src/app/page.tsx b/src/app/page.tsx
index 84488c7..57edc07 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,12 +33,12 @@ export default function WebAgency2Page() {
         <NavbarLayoutFloatingOverlay
           brandName="SiteCraft"
           navItems={[
+            { name: "About", id: "/about" },
             { name: "Work", id: "work" },
             { name: "Services", id: "services" },
-            { name: "Approach", id: "about" },
-            { name: "Contact", id: "contact" },
+            { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "Get Quote", href: "#contact" }}
+          button={{ text: "Get Quote", href: "/contact" }}
         />
         <HeroSplitDoubleCarousel
           title="We Engineer High-Growth Digital Assets"
@@ -48,7 +48,7 @@ export default function WebAgency2Page() {
           tagAnimation="slide-up"
           background={{ variant: "canvas-reveal" }}
           buttons={[
-            { text: "Start Building", href: "#contact" },
+            { text: "Start Building", href: "/contact" },
             { text: "Our Portfolio", href: "#work" },
           ]}
           buttonAnimation="slide-up"
@@ -149,7 +149,7 @@ export default function WebAgency2Page() {
           title="Architect Your Next Digital Venture"
           description="Engineering talent, design expertise, and strategy in one place. Let's discuss your project specs."
           background={{ variant: "rotated-rays-animated" }}
-          buttons={[{ text: "Book a Technical Consultation", href: "#contact" }]}
+          buttons={[{ text: "Book a Technical Consultation", href: "/contact" }]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
@@ -157,7 +157,7 @@ export default function WebAgency2Page() {
           logoText="SiteCraft"
           copyrightText="© 2026 | SiteCraft Solutions"
           columns={[
-            { title: "Agency", items: [{ label: "Our Approach", href: "#about" }, { label: "Portfolio", href: "#work" }] },
+            { title: "Agency", items: [{ label: "Our Approach", href: "/about" }, { label: "Portfolio", href: "#work" }] },
             { title: "Solutions", items: [{ label: "Full-stack Dev", href: "#" }, { label: "Cloud Infra", href: "#" }, { label: "SEO Audit", href: "#" }] },
             { title: "Office", items: [{ label: "San Francisco", href: "#" }, { label: "London", href: "#" }] },
           ]}