diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7ff9f8b..000cdb3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import AboutMetric from '@/components/sections/about/AboutMetric';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
@@ -109,16 +109,15 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <TestimonialAboutCard
-          title="Refined Barbershop Heritage"
-          description="With over 15 years in the grooming industry, we've perfected the art of classic barbering combined with modern expertise."
-          subdescription="Our shop is a sanctuary where tradition meets innovation, delivering exceptional grooming experiences with personalized attention to every client."
-          tag="Our Story"
-          tagIcon={History}
-          icon={Award}
-          imageSrc="https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg"
-          imageAlt="Refined Barbershop Heritage"
-          mediaAnimation="slide-up"
+        <AboutMetric
+          title="At Refined Barber we redefine barbering by empowering clients to look and feel their absolute best"
+          metrics={[
+            { icon: Users, label: "Satisfied Clients", value: "2,000+" },
+            { icon: Star, label: "5-Star Rating", value: "98%" },
+            { icon: Award, label: "Years Experience", value: "15+" },
+            { icon: Zap, label: "Monthly Appointments", value: "800+" }
+          ]}
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>