diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 48598ad..284c8dd 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -24,17 +24,18 @@ export default function AboutPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <NavbarStyleApple
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Menu", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Directions", id: "/" },
-          ]}
-          brandName="Farmers Café"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Farmers Café"
+          />
+        </div>
         
-        <div className="pt-24">
+        <div id="split-about" data-section="split-about">
             <SplitAbout
                 title="Our Family Story"
                 description="Founded in 1985, Farmers Café began as a small roadside stop with a simple goal: serving honest, comforting meals to those on the journey. Over decades, we've remained true to our roots."
@@ -46,35 +47,45 @@ export default function AboutPage() {
                 ]}
                 imageSrc="http://img.b2bpic.net/free-photo/cozy-rustic-cafe-interior_1234.jpg"
                 mediaAnimation="slide-up"
+                useInvertedBackground={false}
             />
         </div>
 
-        <TeamCardTen 
-            title="Meet Our People"
-            membersAnimation="slide-up"
-            memberVariant="card"
-            members={[
-                { id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/chef-smiling_1.jpg" },
-                { id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/server-happy_2.jpg" },
-                { id: "3", name: "Robert Brown", imageSrc: "http://img.b2bpic.net/free-photo/manager-friendly_3.jpg" }
-            ]}
-        />
+        <div id="team-section" data-section="team-section">
+            <TeamCardTen 
+                title="Meet Our People"
+                membersAnimation="slide-up"
+                memberVariant="card"
+                members={[
+                    { id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/chef-smiling_1.jpg" },
+                    { id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/server-happy_2.jpg" },
+                    { id: "3", name: "Robert Brown", imageSrc: "http://img.b2bpic.net/free-photo/manager-friendly_3.jpg" }
+                ]}
+                tag="Team"
+                useInvertedBackground={false}
+            />
+        </div>
 
-        <ContactCTA 
-            tag="Visit Us"
-            title="Hungry for Comfort?"
-            description="Stop by for a warm welcome and hearty meal today."
-            buttons={[{ text: "Get Directions", href: "/" }]}
-            background={{ variant: "sparkles-gradient" }}
-        />
+        <div id="contact-cta" data-section="contact-cta">
+            <ContactCTA 
+                tag="Visit Us"
+                title="Hungry for Comfort?"
+                description="Stop by for a warm welcome and hearty meal today."
+                buttons={[{ text: "Get Directions", href: "/" }]}
+                background={{ variant: "sparkles-gradient" }}
+                useInvertedBackground={false}
+            />
+        </div>
 
-        <FooterBaseCard
-          logoText="Farmers Café"
-          columns={[
-            { title: "Menu", items: [{ label: "Breakfast", href: "/" }, { label: "Lunch", href: "/" }] },
-            { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/" }] },
-          ]}
-        />
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+              logoText="Farmers Café"
+              columns={[
+                { title: "Menu", items: [{ label: "Breakfast", href: "/" }, { label: "Lunch", href: "/" }] },
+                { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
+              ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );