From 879f2f29dace3cb445c58e525cdbaf341b4adc3f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 16 Mar 2026 20:29:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 64 ++++++++++++++++++++----------------------------
 1 file changed, 26 insertions(+), 38 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5917fd2..50dce12 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
 import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
@@ -10,7 +11,7 @@ import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwe
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { CheckCircle, Clock, Heart, Shield, Sparkles, Watch } from "lucide-react";
+import { CheckCircle, Clock, Heart, Shield, Sparkles, Watch, ShoppingCart } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -40,10 +41,10 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroSplitTestimonial
+      <div id="hero-kpi" data-section="hero-kpi">
+        <HeroSplitKpi
           title="Luxury Timepieces at Honest Prices"
-          description="Experience premium watches with 1-year warranty, 2-day delivery across Pakistan & UAE, and 100% original authenticity guaranteed. Your trust is our priority."
+          description="Experience premium watches with 1-year warranty, 2-day delivery across Pakistan & UAE, and 100% original authenticity guaranteed."
           tag="Luxury Watches Pakistan"
           tagIcon={Watch}
           tagAnimation="slide-up"
@@ -53,39 +54,26 @@ export default function LandingPage() {
             { text: "Explore Replicas", href: "#replicas" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/modern-black-watch-wrist-man-sitting-car_181624-58251.jpg"
-          imageAlt="Premium luxury watch collection"
-          videoSrc="http://img.b2bpic.net/free-photo/cooking-vlogger_23-2148161768.jpg"
-          videoAriaLabel="Musa Watches product showcase video"
+          kpis={[
+            { label: "Customer Satisfaction", value: "98%" },
+            { label: "Fast Delivery", value: "2 Days" },
+            { label: "Happy Customers", value: "42.5K+" }
+          ]}
           mediaAnimation="blur-reveal"
-          imagePosition="right"
-          testimonials={[
-            {
-              name: "Ahmed Hassan",              handle: "@karachi.luxury",              testimonial: "Received my Michael Kors watch in 2 days. Absolutely perfect quality and the packaging felt premium. Highly recommend!",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg",              imageAlt: "Ahmed Hassan testimonial"
-            },
-            {
-              name: "Zainab Khan",              handle: "@lahore.watches",              testimonial: "Best warranty service I've experienced. Quick replacement and zero hassles. Musa Watches delivers on their promises.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg",              imageAlt: "Zainab Khan testimonial"
-            },
-            {
-              name: "Hassan Ali",              handle: "@dubai.timepieces",              testimonial: "International delivery was seamless. The watch arrived safely and looks exactly like the photos. Very satisfied customer here.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt-showing-thumb-up_141793-121243.jpg",              imageAlt: "Hassan Ali testimonial"
-            },
-            {
-              name: "Fatima Malik",              handle: "@islamabad.style",              testimonial: "The attention to detail is incredible. Premium packaging, fast shipping, and amazing customer service. Worth every penny.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-showing-thumbs-up-standing-blue-wall_141793-55879.jpg",              imageAlt: "Fatima Malik testimonial"
-            }
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="hero-logo" data-section="hero-logo">
+        <HeroLogoBillboard
+          title="Trusted Luxury Brands"
+          description="Featuring the world's most sought-after luxury timepieces"
+          logos={[
+            "http://img.b2bpic.net/free-photo/modern-black-watch-wrist-man-sitting-car_181624-58251.jpg",            "http://img.b2bpic.net/free-photo/cooking-vlogger_23-2148161768.jpg",            "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg"
           ]}
-          testimonialRotationInterval={5000}
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg", alt: "Ahmed Hassan" },
-            { src: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg", alt: "Zainab Khan" },
-            { src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt-showing-thumb-up_141793-121243.jpg", alt: "Hassan Ali" },
-            { src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-showing-thumbs-up-standing-blue-wall_141793-55879.jpg", alt: "Fatima Malik" }
+          logoAlts={[
+            "Luxury watch collection",            "Watch showcase",            "Premium timepiece"
           ]}
-          avatarText="Join 42.5K+ happy customers across Pakistan & UAE"
-          titleClassName="animate-float"
           useInvertedBackground={false}
         />
       </div>
@@ -131,13 +119,13 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           products={[
             {
-              id: "mk-9083-gold",              name: "Michael Kors MK9083 Gold",              price: "₨18,500",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-pijgcqie.png",              imageAlt: "Michael Kors MK9083 Gold luxury watch"
+              id: "mk-9083-gold",              name: "Michael Kors MK9083 Gold",              price: "₨18,500",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-pijgcqie.png",              imageAlt: "Michael Kors MK9083 Gold luxury watch",              onProductClick: () => console.log("Product clicked")
             },
             {
-              id: "mk-9082-blue",              name: "Michael Kors MK9082 Blue",              price: "₨17,800",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-dg7jn7fd.png",              imageAlt: "Michael Kors MK9082 Blue watch"
+              id: "mk-9082-blue",              name: "Michael Kors MK9082 Blue",              price: "₨17,800",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-dg7jn7fd.png",              imageAlt: "Michael Kors MK9082 Blue watch",              onProductClick: () => console.log("Product clicked")
             },
             {
-              id: "super-clone-gmt",              name: "Super Clone GMT Master II",              price: "₨22,900",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-7ezctuir.png",              imageAlt: "Premium super clone GMT watch"
+              id: "super-clone-gmt",              name: "Super Clone GMT Master II",              price: "₨22,900",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-7ezctuir.png",              imageAlt: "Premium super clone GMT watch",              onProductClick: () => console.log("Product clicked")
             }
           ]}
           gridVariant="three-columns-all-equal-width"