diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 20e6503..ad7b6fd 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -21,17 +21,19 @@ export default function AboutPage() {
       headingFontWeight="normal"
     >
       <ReactLenis root>
-        <NavbarStyleFullscreen
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Domains", id: "/#domains" },
-              { name: "Testimonials", id: "/#testimonials" },
-              { name: "FAQ", id: "/#faq" }
-            ]}
-            brandName="Pathfinder CS"
-        />
-        <div className="pt-32 pb-20">
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Domains", id: "/#domains" },
+                { name: "Testimonials", id: "/#testimonials" },
+                { name: "FAQ", id: "/#faq" }
+              ]}
+              brandName="Pathfinder CS"
+          />
+        </div>
+        <div id="about" data-section="about" className="pt-32 pb-20">
             <SplitAbout
                 textboxLayout="split"
                 title="About Our Assessment"
@@ -42,16 +44,19 @@ export default function AboutPage() {
                     { title: "AI Advantages", description: "Leverage AI-driven productivity gains to accelerate development workflows." },
                     { title: "Methodology Summary", description: "A brief summary of how we evaluate cognitive and behavioral data to predict your success." }
                 ]}
+                useInvertedBackground={false}
+            />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+              imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-orange-light-blue-lights-forming-circle-futuristic-concept_181624-59574.jpg"
+              logoText="Pathfinder CS"
+              columns={[
+                { title: "Platform", items: [{ label: "Assessments", href: "/#features" }, { label: "Domains", href: "/#domains" }] },
+                { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }] }
+              ]}
             />
         </div>
-        <FooterMedia
-            imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-orange-light-blue-lights-forming-circle-futuristic-concept_181624-59574.jpg"
-            logoText="Pathfinder CS"
-            columns={[
-              { title: "Platform", items: [{ label: "Assessments", href: "/#features" }, { label: "Domains", href: "/#domains" }] },
-              { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }] }
-            ]}
-          />
       </ReactLenis>
     </ThemeProvider>
   );