Update src/app/page.tsx

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
@@ -41,7 +41,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroBillboardGallery
           title="Discover Luxury Living in Dubai"
           description="Exclusive properties curated for discerning buyers. Experience the pinnacle of sophistication with our award-winning real estate portfolio."
           background={{ variant: "plain" }}
@@ -51,8 +51,18 @@ export default function LandingPage() {
             { text: "Explore Properties", href: "properties" },
             { text: "Contact Agent", href: "contact" }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg"
-          imageAlt="Luxury penthouse in Dubai Marina"
+          mediaItems={[
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Luxury penthouse in Dubai Marina"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",              imageAlt: "Dubai skyline at night"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Modern luxury exterior design"
+            }
+          ]}
+          mediaAnimation="slide-up"
         />
       </div>
 

src/app/shop/[id]/page.tsx

@@ -90,8 +90,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             {"name":"About","id":"about"},
                             {"name":"Services","id":"services"},
                             {"name":"Testimonials","id":"testimonials"},
-                            {"name":"Contact","id":"contact"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -140,8 +139,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 {"name":"About","id":"about"},
                                 {"name":"Services","id":"services"},
                                 {"name":"Testimonials","id":"testimonials"},
-                                {"name":"Contact","id":"contact"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -197,8 +195,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                         {"name":"About","id":"about"},
                         {"name":"Services","id":"services"},
                         {"name":"Testimonials","id":"testimonials"},
-                        {"name":"Contact","id":"contact"},
-                        {"name":"Shop","id":"/shop"}
+                        {"name":"Contact","id":"contact"}
                     ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                 />

src/app/shop/page.tsx

@@ -40,8 +40,7 @@ export default function ShopPage() {
                             {"name":"About","id":"about"},
                             {"name":"Services","id":"services"},
                             {"name":"Testimonials","id":"testimonials"},
-                            {"name":"Contact","id":"contact"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => console.log("cart") }}
                     />
@@ -89,8 +88,7 @@ export default function ShopPage() {
                         {"name":"About","id":"about"},
                         {"name":"Services","id":"services"},
                         {"name":"Testimonials","id":"testimonials"},
-                        {"name":"Contact","id":"contact"},
-                        {"name":"Shop","id":"/shop"}
+                        {"name":"Contact","id":"contact"}
                     ]}
                     button={{ text: "Cart", onClick: () => console.log("cart") }}
                 />