Bob AI: auto-fix build error (runtime_error)

src/app/page.tsx

@@ -10,6 +10,7 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Leaf, Sparkles } from "lucide-react";
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 
 export default function LandingPage() {
   return (
@@ -45,6 +46,69 @@ export default function LandingPage() {
           frameStyle="card"
         />
       </div>
+
+      <div id="metriccardone" data-section="metriccardone">
+        <MetricCardOne
+          metrics={[
+             {
+               id: "1",
+               value: "15+",
+               title: "Years Experience",
+               description: "Serving authentic Asian cuisine",
+               icon: ChefHat ?? null
+             },
+             {
+               id: "2",
+               value: "50K+",
+               title: "Happy Customers",
+               description: "Satisfied diners every month",
+               icon: Users ?? null
+             },
+             {
+               id: "3",
+               value: "100%",
+               title: "Fresh Ingredients",
+               description: "Sourced daily from local markets",
+               icon: Leaf ?? null
+             },
+            {
+              id: "4",
+              value: "24/7",
+              title: "Online Ordering",
+              description: "Delivery available anytime",
+              icon: Clock
+            }
+          ]}
+          gridVariant="bento-grid"
+          animationType="scale-in"
+          title="Why Choose Nin Ja"
+          description="Experience authentic Asian flavors with our commitment to quality, tradition, and excellence"
+          tag="Premium Quality"
+          textboxLayout="bottom"
+          useInvertedBackground="light"
+          buttons={[
+            {
+              label: "View Menu",
+              href: "#menu",
+              dataWebildId: "btn_view_menu"
+            },
+            {
+              label: "Order Now",
+              href: "#order",
+              dataWebildId: "btn_order_now"
+            }
+          ]}
+          buttonAnimation="fade-in"
+          className="py-16"
+          containerClassName="max-w-6xl mx-auto"
+          cardClassName="bg-gradient-to-br from-orange-50 to-red-50 border border-orange-200"
+          valueClassName="text-4xl font-bold text-orange-600"
+          titleClassName="text-lg font-semibold text-gray-800"
+          descriptionClassName="text-sm text-gray-600"
+          iconContainerClassName="bg-orange-100 rounded-lg p-3"
+          iconClassName="text-orange-600 w-6 h-6"
+        />
+      </div>
       <div id="about-section" data-section="about-section">
         <TextAbout 
           tag="OUR STORY"