From b7e3c094e6044505c12198c81ef52618994edc15 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 22:10:51 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 138 +++++++++++++++--------------------------
 1 file changed, 50 insertions(+), 88 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index e5cb7cd..22e2d62 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,7 +7,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -22,96 +22,58 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="A & B Paint and Body"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="A & B Paint and Body"
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our History"
-      description="Built on trust and integrity."
-      features={[
-        {
-          id: "a1",
-          title: "Local Roots",
-          author: "Team",
-          description: "Serving Houston for over 15 years.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-thinking-while-repairing-car-engine-workshop_637285-8654.jpg?_wi=2",
-        },
-        {
-          id: "a2",
-          title: "Quality First",
-          author: "Management",
-          description: "Our core focus is perfection in repair.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-professional-man-wrapping-car-with-blue-cover_23-2149385701.jpg?_wi=2",
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our History"
+            description="Built on trust and integrity."
+            features={[
+              {
+                id: "a1",                title: "Local Roots",                author: "Team",                description: "Serving Houston for over 15 years.",                imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-thinking-while-repairing-car-engine-workshop_637285-8654.jpg",                tags: ["History"]
+              },
+              {
+                id: "a2",                title: "Quality First",                author: "Management",                description: "Our core focus is perfection in repair.",                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-professional-man-wrapping-car-with-blue-cover_23-2149385701.jpg",                tags: ["Quality"]
+              },
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Impact"
-      description="Metrics that drive our service excellence."
-      metrics={[
-        {
-          id: "m3",
-          value: "2000+",
-          title: "Cars Repaired",
-          description: "Successfully restored vehicles in the last decade.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-polishing-car-details_1303-29065.jpg?_wi=3",
-        },
-        {
-          id: "m4",
-          value: "95%",
-          title: "Retention",
-          description: "Customers who return for future maintenance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint-car-door_23-2149714306.jpg?_wi=3",
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Impact"
+            description="Metrics that drive our service excellence."
+            metrics={[
+              {
+                id: "m3",                value: "2000+",                title: "Cars Repaired",                description: "Successfully restored vehicles in the last decade.",                imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-polishing-car-details_1303-29065.jpg"},
+              {
+                id: "m4",                value: "95%",                title: "Retention",                description: "Customers who return for future maintenance.",                imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint-car-door_23-2149714306.jpg"},
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="A & B Paint and Body"
-      copyrightText="© 2025 A & B Paint and Body Shop"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="A & B Paint and Body"
+            copyrightText="© 2025 A & B Paint and Body Shop"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );