Bob AI: add section for our bestsellers

src/app/page.tsx

@@ -247,6 +247,49 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="product" data-section="product">
+        <ProductCardOne
+          title="Our Bestsellers"
+          description="Explore our top-selling iPhone models that customers love."
+          tag="Bestsellers"
+          tagIcon={Phone}
+          textboxLayout="default"
+          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 15 Plus",
+              price: "$899",
+              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+              imageAlt: "iPhone 15 Plus"
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          useInvertedBackground="invertDefault"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="iPhone"