diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index e27fdc3..64fc59f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -33,12 +33,13 @@ export default function AboutPage() {
           />
         </div>
 
-        <div id="about-hero" data-section="about-hero">
+        <div id="about" data-section="about">
           <MediaAbout
             title="Our Story: Integrity in Every Shingle"
             description="Founded on the principles of honesty, hard work, and technical excellence, Apex Roofing has become the premier choice for San Jose homeowners. We believe your roof is the most important shield for your family and assets, and we treat it with the respect it deserves."
             imageSrc="http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg"
             tag="About Us"
+            useInvertedBackground={false}
           />
         </div>
 
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 77bd284..74a1327 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -25,6 +25,7 @@ export default function ContactPage() {
           <NavbarStyleApple
             navItems={[
                 { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
                 { name: "Services", id: "/services" },
                 { name: "Contact", id: "/contact" },
             ]}
@@ -38,6 +39,7 @@ export default function ContactPage() {
             background={{ variant: "downward-rays-animated" }}
             buttons={[{ text: "Submit Request" }]}
             className="py-20"
+            useInvertedBackground={false}
           />
         </div>