diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index c295dee..fc52adb 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -9,11 +9,11 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 import { Sparkles, ArrowUpRight, Users, Trophy } from "lucide-react";
 
 const NAV_ITEMS = [
-  { name: "Home", href: "/" },
-  { name: "Work", href: "/#work" },
-  { name: "Services", href: "/services" },
-  { name: "About", href: "/about" },
-  { name: "Contact", href: "/#contact" }
+  { name: "Home", id: "/" },
+  { name: "Work", id: "work" },
+  { name: "Services", id: "/services" },
+  { name: "About", id: "/about" },
+  { name: "Contact", id: "contact" }
 ];
 
 const FOOTER_COLUMNS = [
@@ -98,6 +98,7 @@ export default function AboutPage() {
           ]}
           animationType="slide-up"
           useInvertedBackground={true}
+          textboxLayout="default"
           tag="Our People"
           tagIcon={Users}
         />
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0edae60..bb07526 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,11 +33,11 @@ export default function WebAgency2Page() {
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Home", href: "/" },
-            { name: "Portfolio", href: "/portfolio" },
+            { name: "Home", id: "/" },
+            { name: "Portfolio", id: "/portfolio" },
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
-            { name: "Contact", href: "/contact" }
+            { name: "Contact", id: "/contact" }
           ]}
           button={{ text: "Get Started", href: "/contact" }}
         />
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index eb34e4e..797e22f 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -7,14 +7,14 @@ import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles, Monitor, Rocket, Paintbrush, Check, LayoutDashboard, Code, Megaphone, Palette, Handshake } from "lucide-react";
+import { Sparkles, Monitor, Rocket, Paintbrush, Check, LayoutDashboard, Code, Megaphone, Palette, Handshake, Users } from "lucide-react";
 
 const NAV_ITEMS = [
-  { name: "Home", href: "/" },
-  { name: "Work", href: "/#work" },
-  { name: "Services", href: "/services" },
-  { name: "About", href: "/about" },
-  { name: "Contact", href: "/#contact" }
+  { name: "Home", id: "/" },
+  { name: "Work", id: "work" },
+  { name: "Services", id: "/services" },
+  { name: "About", id: "/about" },
+  { name: "Contact", id: "contact" }
 ];
 
 const FOOTER_COLUMNS = [