Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -25,25 +25,9 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
+      navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]}
       brandName="Claire's Plumbing"
+      button={{ text: "Get a Quote", href: "/contact" }}
     />
   </div>
 
@@ -51,10 +35,7 @@ export default function LandingPage() {
       <TextSplitAbout
       useInvertedBackground={false}
       title="About Claire"
-      description={[
-        "I'm Claire, owner and operator of Claire's Plumbing & Heating Service.",
-        "I pride myself on honest, skilled work in The Pocket.",
-      ]}
+      description={["I'm Claire, owner and operator of Claire's Plumbing & Heating Service.", "I pride myself on honest, skilled work in The Pocket."]}
     />
   </div>
 
@@ -62,64 +43,14 @@ export default function LandingPage() {
       <AboutMetric
       useInvertedBackground={false}
       title="Impact"
-      metrics={[
-        {
-          icon: CheckCircle,
-          label: "Happy Clients",
-          value: "100%",
-        },
-        {
-          icon: Star,
-          label: "Rated",
-          value: "5.0",
-        },
-      ]}
+      metrics={[{ icon: CheckCircle, label: "Happy Clients", value: "100%" }, { icon: Star, label: "Rated", value: "5.0" }]}
       metricsAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Emergency Repair",
-              href: "/services#emergency",
-            },
-            {
-              label: "Kitchen & Bath",
-              href: "/services#kitchen",
-            },
-            {
-              label: "Water Heaters",
-              href: "/services#heaters",
-            },
-          ],
-        },
-      ]}
+      columns={[{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }, { title: "Services", items: [{ label: "Emergency Repair", href: "/services#emergency" }, { label: "Kitchen & Bath", href: "/services#kitchen" }, { label: "Water Heaters", href: "/services#heaters" }] }]}
       logoText="Claire's Plumbing"
       copyrightText="© 2024 Claire's Plumbing & Heating Service"
     />
@@ -127,4 +58,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}