diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 6168119..6014016 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -21,30 +21,36 @@ export default function AboutPage() {
       headingFontWeight="medium"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="Webild"
-          navItems={[
-            { name: "Work", id: "work" },
-            { name: "Services", id: "services" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          button={{ text: "Get Started", href: "/contact" }}
-        />
-        <InlineImageSplitTextAbout
-          heading={[{ type: "text", content: "About Webild" }]}
-          description="We are a team of passionate creators dedicated to crafting digital excellence for brands worldwide."
-          useInvertedBackground={false}
-        />
-        <FooterBaseCard
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "#services" }, { label: "Work", href: "#work" }, { label: "Contact", href: "/contact" }] },
-            { title: "Services", items: [{ label: "Web Development", href: "#" }, { label: "SEO", href: "#" }, { label: "Branding", href: "#" }, { label: "UI/UX Design", href: "#" }] },
-            { title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }, { label: "Dribbble", href: "#" }] },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Webild"
+            navItems={[
+              { name: "Home", id: "/" },
+              { 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="about-section" data-section="about-section">
+          <InlineImageSplitTextAbout
+            heading={[{ type: "text", content: "About Webild" }]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Webild"
+            copyrightText="© 2026 | Webild"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "#services" }, { label: "Work", href: "#work" }, { label: "Contact", href: "/contact" }] },
+              { title: "Services", items: [{ label: "Web Development", href: "#" }, { label: "SEO", href: "#" }, { label: "Branding", href: "#" }, { label: "UI/UX Design", href: "#" }] },
+              { title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }, { label: "Dribbble", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );