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>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfaff;
-  --card: #f7f5ff;
-  --foreground: #0f0022;
-  --primary-cta: #8b5cf6;
+  --background: #2d1b4e;
+  --card: #3d2860;
+  --foreground: #e8d5f2;
+  --primary-cta: #f5a623;
   --primary-cta-text: #fbfaff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #3d2860;
   --secondary-cta-text: #0f0022;
-  --accent: #f5cece;
-  --background-accent: #a7aafa;
+  --accent: #d4a5f2;
+  --background-accent: #f5a623;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);