Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,7 +9,6 @@ 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 (
@@ -77,8 +76,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-          { icon: Heart, label: "Served", value: "500+" },
-          { icon: Heart, label: "Community", value: "10k+" }
+          { id: "served", title: "Fruit Cups Served", value: "15,420+", items: ["Freshly prepared daily", "Local Austin produce"] },
+          { id: "reviews", title: "Verified Reviews", value: "4.9/5", items: ["Over 1,200 local patrons", "Loved by the neighborhood"] }
       ]}
       title="Our Impact"
       description="Growing our community, one fruit cup at a time."
@@ -98,7 +97,7 @@ export default function LandingPage() {
 
   <div id="ecommerce" data-section="ecommerce">
       <ProductDetailCard
-        layout="default"
+        layout="section"
         name="Elo Fruit Cup"
         price="$5"
         images={[{ src: "http://img.b2bpic.net/free-photo/fruits-berries-platter-vegan-cuisine_114579-14329.jpg", alt: "Elo Fruit Cup" }]}
@@ -123,4 +122,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}