Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
@@ -84,26 +84,27 @@ export default function HomePage() {
       </div>
 
       <div id="hero" data-section="hero" className="relative overflow-hidden">
-        <HeroSplitKpi
-          background={{ variant: "glowing-orb" }}
+        <HeroBillboardGallery
           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: "20+", label: "Certified Expert Guides" },
-            { value: "95%", label: "Safari Success Rate" },
-            { value: "1000+", label: "Wildlife Encounters" },
-          ]}
           buttons={[
-            { text: "Book Your Safari Today", href: "/booking" },
+            { text: "Book Your Safari", href: "/booking" },
             { text: "Explore Packages", href: "/safari-packages" },
           ]}
-          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"
+          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/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>
 
@@ -134,10 +135,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",              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?_wi=2",              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",              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?_wi=2",              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" }
@@ -149,7 +150,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",              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?_wi=2",              imageAlt: "Luxury Zanzibar beach resort",              priceButtonProps: { text: "Book Now", href: "/booking?package=zanzibar" }
             },
           ]}
         />
@@ -284,4 +285,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}