Update src/app/services/page.tsx

src/app/services/page.tsx

@@ -22,18 +22,20 @@ export default function ServicesPage() {
       headingFontWeight="medium"
     >
       <ReactLenis root>
+        <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             brandName="Webild"
             navItems={[
-            { name: "Work", href: "/#work" },
-            { name: "Services", href: "/services" },
-            { name: "About", href: "/#about" },
-            { name: "Contact", href: "/contact" }
+              { name: "Work", id: "/#work" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/#about" },
+              { name: "Contact", id: "/contact" }
             ]}
             button={{ text: "Get Started", href: "/contact" }}
           />
+        </div>
+        <div id="services" data-section="services">
           <FeatureBorderGlow
-          id="services"
             title="Our Web Design Services"
             description="From initial concept to launch, we offer a comprehensive suite of services to build your online success."
             textboxLayout="default"
@@ -66,6 +68,8 @@ export default function ServicesPage() {
               }
             ]}
           />
+        </div>
+        <div id="footer" data-section="footer">
           <FooterBase
             logoText="Webild"
             copyrightText="© 2026 | Webild"
@@ -96,6 +100,7 @@ export default function ServicesPage() {
               }
             ]}
           />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );