diff --git a/src/app/page.tsx b/src/app/page.tsx
index bb7b010..7c6922d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
+import { Heart, Apple, Smile } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -76,8 +77,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-          { id: "m1", title: "Served", description: "500+" },
-          { id: "m2", title: "Community", description: "10k+" }
+          { icon: Heart, label: "Served", value: "500+" },
+          { icon: Heart, label: "Community", value: "10k+" }
       ]}
       title="Our Impact"
       description="Growing our community, one fruit cup at a time."