From 8ee8969769da261efb25375e540f20cbd0463b6d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 21:31:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 44 +++++++++++++++++++++-----------------------
 1 file changed, 21 insertions(+), 23 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 86a36de..6882c7f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -43,34 +43,32 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
-          title="Class Is In Session."
-          description="Welcome to Classroom Cafe & Bar — A premium lounge experience with delicious food, affordable drinks, and unforgettable vibes."
-          tag="Where Good Food Meets Great Nights"
-          background={{ variant: "radial-gradient" }}
-          mediaItems={[
+        <HeroSplitKpi
+          kpiLeft={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-booze-brew-alcohol-celebrate-refreshment_53876-46913.jpg",              imageAlt: "Luxury lounge interior with warm lighting"
+              value: "Premium",              label: "Lounge"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/delicious-alcoholic-drinks-with-rosemary_23-2148617573.jpg",              imageAlt: "Premium cocktail drink"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/furniture-cofeee-shop_116348-48.jpg?_wi=1",              imageAlt: "Bar lounge seating area"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-decorated-cocktail-summer-drink_53876-95376.jpg",              imageAlt: "Colorful signature cocktail"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-drink_23-2149295235.jpg?_wi=1",              imageAlt: "Nighttime lounge ambience"
+              value: "Affordable",              label: "Drinks"
             }
           ]}
-          buttons={[
-            { text: "Reserve Your Table", href: "#reservation" },
-            { text: "View Menu", href: "#dishes" }
+          kpiRight={[
+            {
+              value: "Delicious",              label: "Food"
+            },
+            {
+              value: "Unforgettable",              label: "Vibes"
+            }
           ]}
-          mediaAnimation="slide-up"
-          buttonAnimation="slide-up"
+          centeredContent={{
+            title: "Classroom Cafe & Bar",            subtitle: "Where Good Food Meets Great Nights",            buttons: [
+              { text: "Reserve Your Table", href: "#reservation" },
+              { text: "View Menu", href: "#dishes" }
+            ]
+          }}
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+          animationType="slide-up"
         />
       </div>