Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -22,117 +22,42 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Projects",
-          id: "/projects",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Dutchman Contracting"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Projects", id: "/projects" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]}
+              brandName="Dutchman Contracting"
+              button={{ text: "Contact Us", href: "/contact" }}
+            />
+        </div>
 
-  <div id="about-body" data-section="about-body">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Rooted in Craft"
-      description="Since our founding, we have focused on building structures that last generations."
-      metrics={[
-        {
-          value: "20+",
-          title: "Years Experience",
-        },
-        {
-          value: "150+",
-          title: "Custom Builds",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/engineers-with-helmets-standing-by-factory_1157-35526.jpg?_wi=2"
-    />
-  </div>
+        <div id="about-body" data-section="about-body">
+            <MetricSplitMediaAbout
+              useInvertedBackground={false}
+              title="Rooted in Craft"
+              description="Since our founding, we have focused on building structures that last generations."
+              metrics={[{ value: "20+", title: "Years Experience" }, { value: "150+", title: "Custom Builds" }]}
+              imageSrc="http://img.b2bpic.net/free-photo/engineers-with-helmets-standing-by-factory_1157-35526.jpg"
+            />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Philosophy"
-      description="Integrity is the bedrock of every foundation we lay."
-      features={[
-        {
-          title: "Unmatched Quality",
-          description: "Only the finest materials and skilled labor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896892.jpg?_wi=3",
-        },
-        {
-          title: "Transparent Process",
-          description: "Clear communication from inception to completion.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg?_wi=3",
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+            <FeatureCardSeven
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              title="Our Philosophy"
+              description="Integrity is the bedrock of every foundation we lay."
+              features={[{ title: "Unmatched Quality", description: "Only the finest materials and skilled labor.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896892.jpg" }, { title: "Transparent Process", description: "Clear communication from inception to completion.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg" }]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/lyon-france-december-22-2014-musee-des-confluences-musee-des-confluences-is-located-confluence-rhone-saone-rivers_268835-1074.jpg?_wi=3"
-      logoText="Dutchman Contracting"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Projects",
-              href: "/projects",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterMedia
+              imageSrc="http://img.b2bpic.net/free-photo/lyon-france-december-22-2014-musee-des-confluences-musee-des-confluences-is-located-confluence-rhone-saone-rivers_268835-1074.jpg"
+              logoText="Dutchman Contracting"
+              columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Projects", href: "/projects" }] }, { title: "Company", items: [{ label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }, { label: "Privacy", href: "#" }] }]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );