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

Merge version_3 into main

src/app/page.tsx

@@ -11,6 +11,7 @@ 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 (
@@ -299,6 +300,24 @@ export default function LandingPage() {
         />
       </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={[