Update src/app/page.tsx

Merge version_14 into main

src/app/page.tsx

@@ -247,49 +247,6 @@ 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"

src/components/sections/hero/HeroBillboardGallery.tsx

@@ -99,7 +99,7 @@ const HeroBillboardGallery = ({
     <section
       aria-label={ariaLabel}
       className={cls(
-        "relative w-full py-hero-page-padding md:h-svh md:py-0",
+        "relative w-full py-hero-page-padding md:h-svh md:py-0 bg-green-500",
         className
       )}
     >

src/components/sections/hero/HeroSplit.tsx

@@ -126,9 +126,10 @@ const HeroSplit = ({
     <section
       aria-label={ariaLabel}
       className={cls("relative w-full h-fit py-hero-page-padding md:py-0 md:h-svh flex items-center", className)}
+      style={{ backgroundImage: 'url(https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80)', backgroundSize: 'cover', backgroundPosition: 'center' }}
     >
       <HeroBackgrounds {...background} />
-      <div className={cls("w-content-width mx-auto flex flex-col md:flex-row gap-13 md:gap-15 items-center relative z-10", containerClassName)}>
+      <div className={cls("w-content-width mx-auto flex flex-col md:flex-row gap-13 md:gap-15 items-center relative z-10 rounded-2xl", containerClassName)}>
         {imagePosition === "left" && mediaContent}
 
         <div className={cls("w-full md:w-1/2")}>