diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 53f004f..ddfa819 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -26,28 +26,40 @@ export default function AboutPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingInline navItems={navItems} brandName="ChefSelect" />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline 
+            navItems={navItems} 
+            brandName="ChefSelect" 
+            button={{ text: "Book Now" }} 
+          />
+        </div>
         <div className="pt-24">
-          <SplitAbout 
-            title="Our History & Mission"
-            description="Founded on the belief that dining is an art form, ChefSelect has spent years perfecting the private culinary experience. Our mission is to transform your home into the finest restaurant in the city, using only the freshest ingredients and culinary expertise."
-            textboxLayout="default"
-            bulletPoints={[
-              { title: "Established 2015", description: "Started with a passion for local ingredients." },
-              { title: "Our Mission", description: "To deliver unparalleled luxury dining experiences." }
-            ]}
-          />
-          <TeamCardTwo 
-            title="Meet The Team"
-            description="The culinary experts and visionaries behind ChefSelect."
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
-            textboxLayout="default"
-            members={[
-              { id: "1", name: "Elena Rossi", role: "Founder & Executive Chef", description: "A Michelin-star background with a vision for intimate dining." },
-              { id: "2", name: "Marcus Thorne", role: "Director of Operations", description: "Ensuring every detail of your event is flawless." }
-            ]}
-          />
+          <div id="about-split" data-section="about-split">
+            <SplitAbout 
+              title="Our History & Mission"
+              description="Founded on the belief that dining is an art form, ChefSelect has spent years perfecting the private culinary experience. Our mission is to transform your home into the finest restaurant in the city, using only the freshest ingredients and culinary expertise."
+              textboxLayout="default"
+              useInvertedBackground={false}
+              bulletPoints={[
+                { title: "Established 2015", description: "Started with a passion for local ingredients." },
+                { title: "Our Mission", description: "To deliver unparalleled luxury dining experiences." }
+              ]}
+            />
+          </div>
+          <div id="team-section" data-section="team-section">
+            <TeamCardTwo 
+              title="Meet The Team"
+              description="The culinary experts and visionaries behind ChefSelect."
+              gridVariant="uniform-all-items-equal"
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              members={[
+                { id: "1", name: "Elena Rossi", role: "Founder & Executive Chef", description: "A Michelin-star background with a vision for intimate dining." },
+                { id: "2", name: "Marcus Thorne", role: "Director of Operations", description: "Ensuring every detail of your event is flawless." }
+              ]}
+            />
+          </div>
         </div>
       </ReactLenis>
     </ThemeProvider>