Update src/app/page.tsx

Merge version_14 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -11,7 +11,6 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Sparkles, Phone, Zap, Gift, TrendingUp, Users, Award, Shield, Star, Heart } from "lucide-react";
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
 export default function LandingPage() {
   return (
@@ -41,77 +40,46 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroSplit
+          background={{ variant: "glowing-orb" }}
           title="Introducing iPhone 15 Pro"
           description="Experience the future of mobile technology. Titanium design, advanced camera system, and breakthrough performance in your pocket."
-          background={{ variant: "sparkles-gradient" }}
           tag="Now Available"
           tagIcon={Sparkles}
           buttons={[
             { text: "Shop Now", href: "products" },
             { text: "Learn More", href: "features" }
           ]}
-          mediaItems={[
-            { imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "iPhone 15 Pro Premium Smartphone" },
-            { imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "iPhone 15 Pro Camera Features" },
-            { imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "iPhone 15 Pro Design and Build" }
-          ]}
+          imageSrc="https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg"
+          imageAlt="iPhone 15 Pro Premium Smartphone"
+          imagePosition="right"
         />
       </div>
+
       <div id="products" data-section="products">
-        <ProductCardTwo
-            title="Explore Our Latest Smartphones"
-            description="Experience the latest in smartphone technology with our cutting-edge devices. From powerful processors to stunning displays, find your perfect match."
-            tag="Latest Models"
-            tagIcon={Star}
-            textboxLayout="default"
-            products={[
-                {
-                    id: "1",
-                    name: "Samsung Galaxy S23 Ultra",
-                    price: "$1,299",
-                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-                    imageAlt: "Samsung Galaxy S23 Ultra",
-                    brand: "Samsung",
-                    rating: 4.8,
-                    reviewCount: "1,200"
-                },
-                {
-                    id: "2",
-                    name: "Google Pixel 7 Pro",
-                    price: "$899",
-                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-                    imageAlt: "Google Pixel 7 Pro",
-                    brand: "Google",
-                    rating: 4.7,
-                    reviewCount: "950"
-                },
-                {
-                    id: "3",
-                    name: "OnePlus 10T",
-                    price: "$799",
-                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-                    imageAlt: "OnePlus 10T",
-                    brand: "OnePlus",
-                    rating: 4.6,
-                    reviewCount: "800"
-                },
-                {
-                    id: "4",
-                    name: "Xiaomi 13 Pro",
-                    price: "$699",
-                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-                    imageAlt: "Xiaomi 13 Pro",
-                    brand: "Xiaomi",
-                    rating: 4.5,
-                    reviewCount: "750"
-                }
-            ]}
-            gridVariant="three-columns-all-equal-width"
-            animationType="slide-up"
-            useInvertedBackground="invertDefault"
+        <ProductCardOne
+          title="Our iPhone Collection"
+          description="Discover the perfect iPhone for your lifestyle. From cutting-edge Pro models to accessible core options, find your match."
+          tag="Premium Selection"
+          tagIcon={Phone}
+          textboxLayout="default"
+          products={[
+            {
+              id: "1",              name: "iPhone 15 Pro Max",              price: "$1,199",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722629.jpg",              imageAlt: "iPhone 15 Pro Max"
+            },
+            {
+              id: "2",              name: "iPhone 15 Pro",              price: "$999",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-16-pro-social-media-cover-design-template_47987-25428.jpg",              imageAlt: "iPhone 15 Pro"
+            },
+            {
+              id: "3",              name: "iPhone 15",              price: "$799",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg",              imageAlt: "iPhone 15"
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          useInvertedBackground="invertDefault"
         />
       </div>
+
       <div id="features" data-section="features">
         <FeatureCardSix
           title="Engineered to Perfection"
@@ -279,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"