Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
@@ -84,27 +84,26 @@ export default function HomePage() {
       </div>
 
       <div id="hero" data-section="hero" className="relative overflow-hidden">
-        <HeroBillboardGallery
+        <HeroSplitKpi
+          background={{ variant: "glowing-orb" }}
           title="Discover Tanzania Like Never Before"
           description="Luxury safaris, Zanzibar escapes, and unforgettable African adventures await. Explore Tanzania with experts who understand the magic of the wild."
           tag="Explore Tanzania — Limited availability"
           tagIcon={Compass}
+          enableKpiAnimation={true}
+          kpis={[
+            { value: "4.9★", label: "Average Guest Rating" },
+            { value: "20+", label: "Years Local Expertise" },
+            { value: "5,000+", label: "Trusted Travelers" },
+          ]}
           buttons={[
             { text: "Book Your Safari", href: "/booking" },
             { text: "Explore Packages", href: "/safari-packages" },
           ]}
-          mediaItems={[
+          imageSrc="http://img.b2bpic.net/free-photo/lonely-acacia-tree-camelthorne-with-blue-sky-background-etosha-national-park-namibia-south-africa_1150-21621.jpg"
-            {
+          imageAlt="Stunning Tanzanian safari landscape with wildlife"
-              imageSrc: "http://img.b2bpic.net/free-photo/lonely-acacia-tree-camelthorne-with-blue-sky-background-etosha-national-park-namibia-south-africa_1150-21621.jpg",              imageAlt: "Stunning Tanzanian safari landscape with wildlife"},
+          imagePosition="right"
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/bison-wild-sunny-day_23-2151689001.jpg?_wi=1",              imageAlt: "Serengeti National Park safari with wildlife"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/tribe-wild-horses-eating-grass-field_181624-2323.jpg?_wi=1",              imageAlt: "Ngorongoro Crater landscape and wildlife"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/maldives-island_1203-7353.jpg?_wi=1",              imageAlt: "Zanzibar beach resort"},
-          ]}
           mediaAnimation="slide-up"
-          background={{ variant: "radial-gradient" }}
         />
       </div>
 
@@ -135,10 +134,10 @@ export default function HomePage() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "1",              name: "Serengeti Safari Experience",              price: "$4,500",              imageSrc: "http://img.b2bpic.net/free-photo/bison-wild-sunny-day_23-2151689001.jpg?_wi=2",              imageAlt: "Serengeti National Park safari with wildlife",              priceButtonProps: { text: "Book Now", href: "/booking?package=serengeti" }
+              id: "1",              name: "Serengeti Safari Experience",              price: "$4,500",              imageSrc: "http://img.b2bpic.net/free-photo/bison-wild-sunny-day_23-2151689001.jpg",              imageAlt: "Serengeti National Park safari with wildlife",              priceButtonProps: { text: "Book Now", href: "/booking?package=serengeti" }
             },
             {
-              id: "2",              name: "Ngorongoro Crater Adventure",              price: "$3,800",              imageSrc: "http://img.b2bpic.net/free-photo/tribe-wild-horses-eating-grass-field_181624-2323.jpg?_wi=2",              imageAlt: "Ngorongoro Crater landscape and wildlife",              priceButtonProps: { text: "Book Now", href: "/booking?package=ngorongoro" }
+              id: "2",              name: "Ngorongoro Crater Adventure",              price: "$3,800",              imageSrc: "http://img.b2bpic.net/free-photo/tribe-wild-horses-eating-grass-field_181624-2323.jpg",              imageAlt: "Ngorongoro Crater landscape and wildlife",              priceButtonProps: { text: "Book Now", href: "/booking?package=ngorongoro" }
             },
             {
               id: "3",              name: "Tarangire National Park Safari",              price: "$3,200",              imageSrc: "http://img.b2bpic.net/free-photo/african-savannah-scene-black-white_23-2151774061.jpg",              imageAlt: "Tarangire National Park with elephants",              priceButtonProps: { text: "Book Now", href: "/booking?package=tarangire" }
@@ -150,7 +149,7 @@ export default function HomePage() {
               id: "5",              name: "Mount Kilimanjaro Trek",              price: "$2,800",              imageSrc: "http://img.b2bpic.net/free-photo/view-spectacular-nature-landscape_23-2150763652.jpg",              imageAlt: "Mount Kilimanjaro expedition",              priceButtonProps: { text: "Book Now", href: "/booking?package=kilimanjaro" }
             },
             {
-              id: "6",              name: "Zanzibar Beach Holiday",              price: "$3,500",              imageSrc: "http://img.b2bpic.net/free-photo/maldives-island_1203-7353.jpg?_wi=2",              imageAlt: "Luxury Zanzibar beach resort",              priceButtonProps: { text: "Book Now", href: "/booking?package=zanzibar" }
+              id: "6",              name: "Zanzibar Beach Holiday",              price: "$3,500",              imageSrc: "http://img.b2bpic.net/free-photo/maldives-island_1203-7353.jpg",              imageAlt: "Luxury Zanzibar beach resort",              priceButtonProps: { text: "Book Now", href: "/booking?package=zanzibar" }
             },
           ]}
         />