diff --git a/src/app/page.tsx b/src/app/page.tsx
index f020a6b..b8932a0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -111,17 +111,16 @@ export default function LandingPage() {
   </div>
 
   <div id="metric" data-section="metric">
-      <MetricCardTwo
+      <MetricCardSeven
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       title="Des résultats concrets"
       description="Notre approche a déjà aidé de nombreux entrepreneurs à clarifier leur projet."
       metrics={[
-        { id: "m1", value: "500+", description: "Business lancés" },
-        { id: "m2", value: "15 min", description: "Temps pour ton plan" },
-        { id: "m3", value: "98%", description: "Satisfaction client" },
+        { id: "m1", value: "500+", title: "Business lancés", items: ["Secteurs variés", "Rentabilité validée"] },
+        { id: "m2", value: "15 min", title: "Temps pour ton plan", items: ["Diagnostic rapide", "Résultats immédiats"] },
+        { id: "m3", value: "98%", title: "Satisfaction client", items: ["Support réactif", "Communauté engagée"] },
       ]}
     />
   </div>
@@ -140,4 +139,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}