Bob AI: replace it with another component

src/app/page.tsx

@@ -67,29 +67,45 @@ export default function LandingPage() {
 
       <div id="products" data-section="products">
         <ProductCardOne
-          title="Our iPhone Collection"
+            title="Explore Our Devices"
-          description="Discover our premium selection of iPhones, each engineered to perfection with the latest technology and design innovations."
+            description="Experience the future with our cutting-edge devices, designed to enhance your digital lifestyle."
-          tag="Latest Models"
+            tag="New Arrivals"
-          tagIcon={Zap}
+            tagIcon={Zap}
-          products={[
+            products={[
-            {
+                {
-              id: "1",              name: "iPhone 15 Pro Max",              price: "$1,199",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-32600.jpg",              imageAlt: "iPhone 15 Pro Max"
+                    id: "1",
-            },
+                    name: "Galaxy S23 Ultra",
-            {
+                    price: "$1,099",
-              id: "2",              name: "iPhone 15 Pro",              price: "$999",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-32600.jpg",              imageAlt: "iPhone 15 Pro"
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-            },
+                    imageAlt: "Galaxy S23 Ultra"
-            {
+                },
-              id: "3",              name: "iPhone 15",              price: "$799",              imageSrc: "https://img.b2bpic.net/free-psd/smartphone-16-pro-discount-sale-banner-social-media-design-template_47987-25305.jpg",              imageAlt: "iPhone 15"
+                {
-            },
+                    id: "2",
-            {
+                    name: "Pixel 7 Pro",
-              id: "4",              name: "iPhone SE",              price: "$429",              imageSrc: "https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg",              imageAlt: "iPhone SE Affordable Premium"
+                    price: "$899",
-            }
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-          ]}
+                    imageAlt: "Pixel 7 Pro"
-          gridVariant="three-columns-all-equal-width"
+                },
-          animationType="slide-up"
+                {
-          textboxLayout="default"
+                    id: "3",
-          useInvertedBackground="invertDefault"
+                    name: "OnePlus 11",
-          carouselMode="buttons"
+                    price: "$749",
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "OnePlus 11"
+                },
+                {
+                    id: "4",
+                    name: "Moto G Power",
+                    price: "$299",
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Moto G Power"
+                }
+            ]}
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground="invertDefault"
+            carouselMode="buttons"
         />
       </div>
 
@@ -233,6 +249,34 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="product" data-section="product">
+        <ProductCardOne
+                  title="Bestsellers"
+                  description="Explore our most popular iPhone models, loved by millions for their performance and reliability."
+                  tag="Top Picks"
+                  tagIcon={Zap}
+                  products={[
+                    {
+                      id: "1",              name: "iPhone 15 Pro Max",              price: "$1,199",              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",              imageAlt: "iPhone 15 Pro Max"
+                    },
+                    {
+                      id: "2",              name: "iPhone 15 Pro",              price: "$999",              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",              imageAlt: "iPhone 15 Pro"
+                    },
+                    {
+                      id: "3",              name: "iPhone 15",              price: "$799",              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",              imageAlt: "iPhone 15"
+                    },
+                    {
+                      id: "4",              name: "iPhone SE",              price: "$429",              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",              imageAlt: "iPhone SE"
+                    }
+                  ]}
+                  gridVariant="three-columns-all-equal-width"
+                  animationType="slide-up"
+                  textboxLayout="default"
+                  useInvertedBackground="invertDefault"
+                  carouselMode="buttons"
+                />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBaseCard
           logoText="iPhone Store"