diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index cd56cb9..99325ea 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -10,20 +10,27 @@ export default function AboutPage() {
   return (
     <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="compact" sizing="mediumLargeSizeMediumTitles" background="fluid" cardStyle="glass-elevated" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Reviews", id: "/reviews" }, { name: "Contact", id: "/contact" }]} brandName="VU Nails & Spa" />
-        <TeamCardSix 
-          title="Meet Our Professional Staff"
-          tag="Friendly & Talented"
-          animationType="slide-up"
-          textboxLayout="default"
-          gridVariant="uniform-all-items-equal"
-          useInvertedBackground={false}
-          members={[
-            { id: "1", name: "Natalie", role: "Lead Artist" },
-            { id: "2", name: "Kevin", role: "Technician" }
-          ]}
-        />
-        <FooterBaseReveal logoText="VU Nails & Spa" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Reviews", id: "/reviews" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="team" data-section="team">
+          <TeamCardSix 
+            title="Meet Our Professional Staff"
+            description="Our team of experienced artists and technicians is dedicated to providing you with the best service possible."
+            tag="Friendly & Talented"
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            members={[
+              { id: "1", name: "Natalie", role: "Lead Artist" },
+              { id: "2", name: "Kevin", role: "Technician" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal logoText="VU Nails & Spa" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );