Update src/app/shop/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -1,7 +1,7 @@
-"use client"
+"use client";
 
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -65,65 +65,28 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
+        <HeroSplitKpi
-          title="Welcome to Barakuda"
+          title="Barakuda"
-          description="Experience the finest specialty coffee crafted with precision and passion. A sanctuary for coffee lovers seeking authentic flavor and genuine community."
+          description="Experience the finest specialty coffee crafted with precision and passion."
-          tag="Premium Coffee Experience"
+          kpis={[
-          tagIcon={Coffee}
+            {
-          tagAnimation="slide-up"
+              value: "9",              label: "Years",              description: "Serving exceptional coffee"
+            },
+            {
+              value: "48",              label: "Origins",              description: "Coffee varieties worldwide"
+            },
+            {
+              value: "5000+",              label: "Community",              description: "Coffee lovers & regulars"
+            }
+          ]}
           buttons={[
             { text: "Explore Our Menu", href: "#features" },
             { text: "Book a Table", href: "#contact" }
           ]}
-          buttonAnimation="slide-up"
+          imageSrc="https://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
-          background={{ variant: "radial-gradient" }}
+          imageAlt="Barakuda coffee shop interior"
-          dashboard={{
+          imagePosition="right"
-            title: "Barakuda Live",            logoIcon: Coffee,
+          ariaLabel="Barakuda coffee hero with KPIs"
-            imageSrc: "https://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg",            searchPlaceholder: "Search our menu...",            chartTitle: "Daily Visitors",            listTitle: "Today's Specials",            sidebarItems: [
-              { icon: Home, active: true },
-              { icon: Coffee, active: false },
-              { icon: Users, active: false }
-            ],
-            stats: [
-              {
-                title: "Since",                values: [2015, 2016, 2015],
-                description: "Serving coffee with passion"
-              },
-              {
-                title: "Beans",                values: [48, 52, 45],
-                valueSuffix: "+",                description: "Specialty varieties sourced globally"
-              },
-              {
-                title: "Community",                values: [5000, 5200, 4800],
-                description: "Coffee lovers & regular guests"
-              }
-            ],
-            chartData: [
-              { value: 65 },
-              { value: 78 },
-              { value: 72 },
-              { value: 85 },
-              { value: 92 }
-            ],
-            listItems: [
-              {
-                icon: Star,
-                title: "Ethiopian Yirgacheffe",                status: "Available"
-              },
-              {
-                icon: Flame,
-                title: "Dark Roast Blend",                status: "Limited"
-              },
-              {
-                icon: Leaf,
-                title: "Single Origin Cold Brew",                status: "Fresh"
-              }
-            ],
-            buttons: [
-              { text: "Menu", href: "#features" },
-              { text: "Reserve", href: "#contact" }
-            ]
-          }}
         />
       </div>