Update src/app/shop/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroSignup from '@/components/sections/hero/HeroSignup';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
@@ -43,15 +43,25 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSignup
+        <HeroBillboardCarousel
           title="Premium Japanese Steakhouse"
           description="Experience the art of Wagyu perfection. Authentic Japanese steakhouse craftsmanship with the finest cuts, prepared with precision and served in an atmosphere of refined elegance."
           tag="Est. 2020"
           tagIcon={Flame}
           background={{ variant: "plain" }}
-          inputPlaceholder="Enter your email"
-          buttonText="Reserve Now"
-          className="relative z-10"
+          buttons={[{ text: "Reserve Now", href: "contact" }]}
+          buttonAnimation="slide-up"
+          mediaItems={[
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-professional-chef-wear-black-gloves-making-sushi-rolls-restaurant-kitchen-japanese-traditional-food_627829-6726.jpg",              imageAlt: "Master Chef Preparing Premium Wagyu"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg",              imageAlt: "A5 Wagyu Ribeye"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/table-setting_74190-2377.jpg",              imageAlt: "Elegant Dining Room"
+            }
+          ]}
         />
       </div>
 

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

@@ -90,8 +90,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             { name: "Cuts", id: "cuts" },
                             { name: "Experience", id: "experience" },
                             { name: "Reviews", id: "testimonials" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -157,8 +156,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 { name: "Cuts", id: "cuts" },
                                 { name: "Experience", id: "experience" },
                                 { name: "Reviews", id: "testimonials" },
-                                { name: "Contact", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Contact", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -231,8 +229,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                         { name: "Cuts", id: "cuts" },
                         { name: "Experience", id: "experience" },
                         { name: "Reviews", 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

@@ -43,8 +43,7 @@ export default function ShopPage() {
                             { name: "Cuts", id: "cuts" },
                             { name: "Experience", id: "experience" },
                             { name: "Reviews", id: "testimonials" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -109,8 +108,7 @@ export default function ShopPage() {
                         { name: "Cuts", id: "cuts" },
                         { name: "Experience", id: "experience" },
                         { name: "Reviews", id: "testimonials" },
-                        { name: "Contact", id: "contact" },
-                        { name: "Shop", id: "/shop" }
+                        { name: "Contact", id: "contact" }
                     ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                 />