Bob AI: Can you add a ribbon with all the companies that I...

Merge version_3 into main

src/app/page.tsx

@@ -10,6 +10,8 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Award, ChefHat, Users, Sparkles } from "lucide-react";
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 
 export default function LandingPage() {
   return (
@@ -205,6 +207,117 @@ 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: "Tempura Assortment",
+                    price: 18.00,
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Tempura Assortment",
+                    rating: 4.7,
+                    reviewCount: 95,
+                    category: "Appetizers",
+                    onProductClick: () => {}
+                },
+                {
+                    id: "3",
+                    name: "Sashimi Selection",
+                    price: 35.00,
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Sashimi Selection",
+                    rating: 4.9,
+                    reviewCount: 150,
+                    category: "Main Course",
+                    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="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="about" data-section="about">
+        <SplitAbout
+          title="Our Partners"
+          description="At Omakase Niseko, we collaborate with a select group of companies to bring you the best experience. Here are some of our esteemed partners."
+          bulletPoints={[
+            { title: "Sakura Hospitality", description: "Leading in luxury accommodations and services." },
+            { title: "Niseko Lifts", description: "Providing reliable and efficient ski lift services." },
+            { title: "Yukiguni Cuisine", description: "Specializing in traditional Japanese cuisine with a modern twist." },
+            { title: "Niseko Outdoor Adventures", description: "Offering a wide range of outdoor activities and tours." }
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+          imageAlt="Partnership ribbon with Omakase Niseko"
+          imagePosition="left"
+          textboxLayout="stacked"
+          useInvertedBackground="never"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[