Update src/app/shop/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+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';
@@ -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, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from 'lucide-react';
+import { Flame, ChefHat, Sparkles, Calendar } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -43,7 +43,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
+        <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"
@@ -51,35 +51,17 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           buttons={[{ text: "Reserve Now", href: "contact" }]}
           buttonAnimation="slide-up"
-          dashboard={{
+          mediaItems={[
-            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: [
+              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"
-              { text: "View Menu", href: "cuts" },
+            },
-              { text: "Reserve Now", href: "contact" }
+            {
-            ],
+              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg",              imageAlt: "A5 Wagyu Ribeye"
-            sidebarItems: [
+            },
-              { icon: House, active: true },
+            {
-              { icon: MessageSquareText },
+              imageSrc: "https://img.b2bpic.net/free-photo/table-setting_74190-2377.jpg",              imageAlt: "Elegant Dining Room"
-              { 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>