Bob AI: fix build errors (attempt 1)

src/app/page.tsx

@@ -10,7 +10,6 @@ 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 (
@@ -46,76 +45,13 @@ 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"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           title="Authentic Flavors, Warm Hospitality"
-          buttons={[{text:"Explore Our Menu",href:"#products-section",props:{variant:"primary"}},{text:"Visit Us Today",href:"#contact-section",props:{variant:"secondary"}}]}
+          buttons={[{text:"Explore Our Menu",href:"#products-section",props:{variant:"hover-magnetic"}},{text:"Visit Us Today",href:"#contact-section",props:{variant:"hover-bubble"}}]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
         />