diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 583b1f5..d3a4572 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -28,12 +28,12 @@ export default function AboutPage() {
         <NavbarLayoutFloatingOverlay
           brandName="SyninUs"
           navItems={[
-            { name: "Home", href: "/" },
-            { name: "About", href: "/about" },
-            { name: "Services", href: "/services" },
-            { name: "Features", href: "/#comparison-features" },
-            { name: "FAQ", href: "/#faq" },
-            { name: "Contact", href: "/contact" }
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Services", id: "/services" },
+            { name: "Features", id: "/#comparison-features" },
+            { name: "FAQ", id: "/#faq" },
+            { name: "Contact", id: "/contact" }
           ]}
           button={{ text: "Get in Touch", href: "/contact" }}
         />
@@ -58,6 +58,7 @@ export default function AboutPage() {
           animationType="depth-3d"
           gridVariant="three-columns-all-equal-width"
           useInvertedBackground={false}
+          textboxLayout="default"
           members={[
             { id: "1", name: "Sarah Miller", role: "Lead Web Developer", imageSrc: "http://img.b2bpic.net/free-photo/startup-programmer-testing-debugging-company-ai-software_482257-118786.jpg", imageAlt: "Sarah Miller" },
             { id: "2", name: "Valentina Reyes", role: "Creative Graphic Designer", imageSrc: "http://img.b2bpic.net/free-photo/digital-media-expert-working-photo-editing-with-professional-software_482257-125064.jpg", imageAlt: "Valentina Reyes" },
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index e2523e5..e341abb 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -26,12 +26,12 @@ export default function ServicesPage() {
         <NavbarLayoutFloatingOverlay
           brandName="SyninUs"
           navItems={[
-            { name: "Home", href: "/" },
-            { name: "About", href: "/about" },
-            { name: "Services", href: "/services" },
-            { name: "Features", href: "/#comparison-features" },
-            { name: "FAQ", href: "/#faq" },
-            { name: "Contact", href: "/contact" }
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Services", id: "/services" },
+            { name: "Features", id: "/#comparison-features" },
+            { name: "FAQ", id: "/#faq" },
+            { name: "Contact", id: "/contact" }
           ]}
           button={{ text: "Get in Touch", href: "/contact" }}
         />