Bob AI: Can you add a section with the entire menu on it

Merge version_1 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import { Flame, Heart, Lightbulb, Music, Palette, Shield, Utensils, Wine, Wind, Zap } from "lucide-react";
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 
 export default function LandingPage() {
   return (
@@ -206,6 +207,56 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="ecommerce" data-section="ecommerce">
+        <ProductCatalog
+            layout="section"
+            products={[
+                {
+                    id: "1",
+                    name: "Sushi Platter",
+                    price: 25.00,
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Sushi Platter",
+                    rating: 4.8,
+                    reviewCount: 120,
+                    category: "Appetizers",
+                    onProductClick: () => {}
+                },
+                {
+                    id: "2",
+                    name: "Miso Soup",
+                    price: 8.00,
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Miso Soup",
+                    rating: 4.7,
+                    reviewCount: 95,
+                    category: "Soups",
+                    onProductClick: () => {}
+                },
+                {
+                    id: "3",
+                    name: "Tempura Vegetables",
+                    price: 15.00,
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Tempura Vegetables",
+                    rating: 4.9,
+                    reviewCount: 110,
+                    category: "Appetizers",
+                    onProductClick: () => {}
+                }
+            ]}
+            searchPlaceholder="Search OMAKASE NISEKO menu..."
+            emptyMessage="No items found in the menu"
+            className="mt-10"
+            gridClassName="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6"
+            cardClassName="bg-white rounded-lg shadow-md overflow-hidden"
+            imageClassName="w-full h-48 object-cover"
+            searchClassName="mb-4"
+            filterClassName="mb-4"
+            toolbarClassName="mb-4"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBase
           logoText="OMAKASE NISEKO"