Switch to version 2: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -7,11 +7,11 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Camera, Coffee, GraduationCap, Instagram, MapPin, Music, Smile, Users, Utensils } from "lucide-react";
+import { Camera, Coffee, GraduationCap, Instagram, MapPin, Music, Smile, Users, Utensils, Zap, Award, Target, Clock } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -128,19 +128,18 @@ export default function LandingPage() {
   </div>
 
   <div id="why-us" data-section="why-us">
-      <MetricCardTwo
+      <MetricCardEleven
       animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
+      textboxLayout="split"
       useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "Fresh", description: "Farm-to-table ingredients." },
-        { id: "m2", value: "Affordable", description: "Student-friendly pricing." },
-        { id: "m3", value: "Vibe", description: "Great music & atmosphere." },
-        { id: "m4", value: "Quick", description: "Fast service guaranteed." },
-      ]}
       title="Why Choose Us"
-      description="Commitment to quality."
+      description="Our commitment to quality ensures every visit is memorable."
+      metrics={[
+        { id: "m1", value: "Fresh", title: "Farm-to-Table", description: "Only the freshest ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-herbs-dark-background_141793-1492.jpg" },
+        { id: "m2", value: "Affordable", title: "Student-Friendly", description: "High quality at prices you'll love.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wallet-with-coins-credit-cards_23-2148782357.jpg" },
+        { id: "m3", value: "Vibe", title: "Perfect Atmosphere", description: "Relaxing music and cozy setup.", imageSrc: "http://img.b2bpic.net/free-photo/empty-cozy-cafe-with-tables-chairs_1150-18458.jpg" },
+        { id: "m4", value: "Quick", title: "Rapid Service", description: "Because we know you're busy.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-laptop-cafe_144627-25100.jpg" },
+      ]}
     />
   </div>