diff --git a/src/app/page.tsx b/src/app/page.tsx
index a5bd43b..a6381a3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,13 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import TextAbout from '@/components/sections/about/TextAbout';
+import AboutMetric from '@/components/sections/about/AboutMetric';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import Link from 'next/link';
-import { Shield, Sparkles, TrendingUp, Zap, Heart, Clock, Rocket, Mail, Twitter, Linkedin, Github, Database, Cloud, Lock } from 'lucide-react';
+import { Shield, Sparkles, TrendingUp, Zap, Heart, Clock, Rocket, Mail, Twitter, Linkedin, Github, Database, Cloud, Lock, Flame, Lightbulb, Target } from 'lucide-react';
 
 export default function HomePage() {
   return (
@@ -67,14 +68,15 @@ export default function HomePage() {
       </div>
 
       <div id="about" data-section="about">
-        <TextAbout
-          tag="Our Mission"
-          tagIcon={Sparkles}
-          title="Empowering enterprises with intelligent automation and data-driven decision making"
-          buttons={[
-            { text: "Learn Our Story", href: "/about" },
-            { text: "Explore Features", href: "#features" }
+        <AboutMetric
+          title="Why Companies Trust Our AI Platform"
+          metrics={[
+            { icon: Flame, label: "Performance", value: "10x Faster" },
+            { icon: Lightbulb, label: "Innovation", value: "AI-Powered" },
+            { icon: Target, label: "Accuracy", value: "99.9%" },
+            { icon: TrendingUp, label: "Growth", value: "500+ Clients" }
           ]}
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>