diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 2fa870e..a577a02 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,136 +2,84 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBase from '@/components/sections/footer/FooterBase';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import { Award, CheckCircle, Shield } from 'lucide-react';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
-        contentWidth="small"
+        contentWidth="medium"
         sizing="mediumLarge"
         background="grid"
-        cardStyle="gradient-mesh"
+        cardStyle="glass-elevated"
         primaryButtonStyle="gradient"
         secondaryButtonStyle="glass"
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Projects",
-          id: "/projects",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="V&B Construction"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Projects", id: "/projects" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="V&B Construction"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      imagePosition="right"
-      title="Crafting Excellence Since 1995"
-      description="V&B Construction has spent nearly three decades building custom luxury homes and commercial spaces across Southwest Kansas. We believe that local reliability is the foundation of true craftsmanship, ensuring every project is completed on time, on budget, and to the highest standard."
-      bulletPoints={[
-        {
-          title: "Unmatched Quality",
-          description: "We source premium materials and partner with expert local tradespeople to deliver lasting results.",
-        },
-        {
-          title: "Dependable Management",
-          description: "Transparent project schedules and consistent communication keep you informed every step of the way.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok_343596-25.jpg?_wi=2"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            textboxLayout="default"
+            metrics={[
+              {
+                icon: Award,
+                value: "250+",                label: "Custom Projects Completed"},
+              {
+                icon: CheckCircle,
+                value: "30",                label: "Years of Local Expertise"},
+              {
+                icon: Shield,
+                value: "100%",                label: "Client Satisfaction Rate"},
+            ]}
+            title="By The Numbers"
+            description="Our legacy is built on consistent delivery and client trust."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "250+",
-          description: "Custom Projects Completed",
-        },
-        {
-          id: "2",
-          value: "30",
-          description: "Years of Local Expertise",
-        },
-        {
-          id: "3",
-          value: "100%",
-          description: "Client Satisfaction Rate",
-        },
-      ]}
-      title="By The Numbers"
-      description="Our legacy is built on consistent delivery and client trust."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Projects",
-              href: "/projects",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Request Estimate",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 V&B Construction. All Rights Reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="V&B Construction"
+            copyrightText="© 2026 V&B Construction. All rights reserved."
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "/about" },
+                  { label: "Projects", href: "/projects" },
+                ],
+              },
+              {
+                title: "Services",                items: [
+                  { label: "Custom Homes", href: "/services" },
+                  { label: "Remodels", href: "/services" },
+                ],
+              },
+              {
+                title: "Legal",                items: [{ label: "Privacy Policy", href: "#" }],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file