Merge version_6 into main

Merge version_6 into main

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+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,18 +65,28 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
+        <HeroSplitKpi
-          logoText="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."
+          kpis={[
+            {
+              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" }
           ]}
-          background={{ variant: "sparkles-gradient" }}
+          imageSrc="https://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
-          imageSrc="https://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg"
+          imageAlt="Barakuda coffee shop interior"
-          imageAlt="Barista at work in coffee shop"
+          imagePosition="right"
-          mediaAnimation="slide-up"
+          ariaLabel="Barakuda coffee hero with KPIs"
-          frameStyle="card"
         />
       </div>