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>
 

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>