src/app/services/page.tsx

@@ -22,52 +22,53 @@ export default function ServicesPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
-        { name: "Services", id: "/services" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="Nobel View Roofing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Nobel View Roofing"
+          />
+        </div>
 
-  <div id="services-page-content" data-section="services-page-content">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Specialized Roofing Expertise"
-      description="At Nobel View, we provide bespoke roofing solutions that prioritize both structural integrity and visual elegance. From detailed replacements to proactive system maintenance, our process is designed for property owners who demand the best."
-      buttons={[
-        { text: "Schedule Consultation", href: "/contact" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg"
-    />
-  </div>
+        <div id="services-page-content" data-section="services-page-content">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Specialized Roofing Expertise"
+            description="At Nobel View, we provide bespoke roofing solutions that prioritize both structural integrity and visual elegance. From detailed replacements to proactive system maintenance, our process is designed for property owners who demand the best."
+            buttons={[
+              { text: "Schedule Consultation", href: "/contact" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Service Metrics"
-      metrics={[
-        { title: "Years of Experience", value: "15+" },
-        { title: "Custom Projects", value: "1,200+" },
-        { title: "Warranty Coverage", value: "100%" },
-        { title: "Client Satisfaction", value: "99%" },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Service Metrics"
+            description="Key indicators of our commitment to excellence and reliability in every roofing project we undertake."
+            metrics={[
+              { title: "Years of Experience", value: "15+" },
+              { title: "Custom Projects", value: "1,200+" },
+              { title: "Warranty Coverage", value: "100%" },
+              { title: "Client Satisfaction", value: "99%" },
+            ]}
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Nobel View Roofing © 2025"
-      leftLink={{ text: "Licensed & Insured", href: "#" }}
-      rightLink={{ text: "Contact Support", href: "/contact" }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Nobel View Roofing © 2025"
+            leftLink={{ text: "Licensed & Insured", href: "#" }}
+            rightLink={{ text: "Contact Support", href: "/contact" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}