Update src/app/page.tsx

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
@@ -42,15 +42,28 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Old Boy Domino Club"
+        <HeroSplitKpi
+          title="Old Boy Domino Club"
           description="Join a thriving community of domino enthusiasts where tradition meets fellowship. Experience the timeless joy of classic domino gaming with friends who share your passion."
+          kpis={[
+            {
+              id: "1",              value: "38+",              label: "Years Strong"
+            },
+            {
+              id: "2",              value: "500+",              label: "Active Members"
+            },
+            {
+              id: "3",              value: "52+",              label: "Weekly Events"
+            }
+          ]}
           buttons={[
             { text: "Join Our Club", href: "contact" },
             { text: "Learn More", href: "about" }
           ]}
           imageSrc="https://img.b2bpic.net/free-photo/side-view-glass-tea-with-backgammon-jam-carpet-table_176474-3102.jpg"
           imageAlt="Classic domino table game in session"
+          imagePosition="right"
+          useInvertedBackground={false}
         />
       </div>