Update src/app/shop/page.tsx

Merge version_1 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 HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
@@ -10,7 +10,7 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Flame, ChefHat, Sparkles, Calendar } from 'lucide-react';
+import { Flame, ChefHat, Sparkles, Calendar, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -43,15 +43,43 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSignup
+        <HeroBillboardDashboard
           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"
+          buttons={[{ text: "Reserve Now", href: "contact" }]}
-          buttonText="Reserve Now"
+          buttonAnimation="slide-up"
-          className="relative z-10"
+          dashboard={{
+            title: "Kuro Gyu Excellence",            logoIcon: Hexagon,
+            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",            searchPlaceholder: "Search our menu...",            buttons: [
+              { text: "View Menu", href: "cuts" },
+              { text: "Reserve Now", href: "contact" }
+            ],
+            sidebarItems: [
+              { icon: House, active: true },
+              { icon: MessageSquareText },
+              { icon: Settings }
+            ],
+            stats: [
+              { title: "Premium Cuts", values: [15, 18, 22], description: "Signature selections" },
+              { title: "Satisfaction", values: [98, 99, 100], valueSuffix: "%", description: "Guest rating" },
+              { title: "Years", values: [15, 20, 25], description: "Of excellence" }
+            ],
+            chartTitle: "Reservation Demand",            chartData: [
+              { value: 80 },
+              { value: 65 },
+              { value: 90 },
+              { value: 75 },
+              { value: 85 }
+            ],
+            listTitle: "Featured Experiences",            listItems: [
+              { icon: CircleDollarSign, title: "A5 Wagyu Ribeye", status: "Premium" },
+              { icon: ArrowLeftRight, title: "Chef's Selection", status: "Exclusive" },
+              { icon: Send, title: "Private Dining", status: "Available" }
+            ]
+          }}
         />
       </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: "Contact", id: "contact" }
-                            { name: "Shop", id: "/shop" }
                         ]}
                         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: "Contact", id: "contact" }
-                                { name: "Shop", id: "/shop" }
                             ]}
                             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: "Contact", id: "contact" }
-                        { name: "Shop", id: "/shop" }
                     ]}
                     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: "Contact", id: "contact" }
-                            { name: "Shop", id: "/shop" }
                         ]}
                         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: "Contact", id: "contact" }
-                        { name: "Shop", id: "/shop" }
                     ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                 />