Bob AI: Can you add that we're trusted by over 500 clients

Merge version_2 into main

src/app/page.tsx

@@ -256,6 +256,49 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metric" data-section="metric">
+        <MetricCardOne
+          metrics={[
+            {
+              id: "1",
+              value: "500+",
+              title: "Clients",
+              description: "Trusted by over 500 satisfied clients",
+              icon: () => <img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="Clients" className="w-10 h-10" />
+            },
+            {
+              id: "2",
+              value: "20+",
+              title: "Years",
+              description: "Master chef experience in Tokyo's finest restaurants",
+              icon: () => <img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="Years" className="w-10 h-10" />
+            },
+            {
+              id: "3",
+              value: "15",
+              title: "Courses",
+              description: "Average omakase journey with premium selections",
+              icon: () => <img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="Courses" className="w-10 h-10" />
+            },
+            {
+              id: "4",
+              value: "8",
+              title: "Seats",
+              description: "Exclusive counter seating for intimate experiences",
+              icon: () => <img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="Seats" className="w-10 h-10" />
+            }
+          ]}
+          title="By The Numbers"
+          description="Excellence defined by precision and tradition"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          className="w-full"
+          valueClassName="text-red-500 text-8xl font-extrabold"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[