Update src/app/page.tsx

src/app/page.tsx

@@ -5,7 +5,8 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -43,9 +44,9 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboard
+      <HeroBillboard
       background={{ variant: "gradient-bars" }}
-      logoText="Lavauto Warszawa"
+      title="Lavauto Warszawa"
       description="Kompleksowa opieka nad Twoim samochodem. 9 lat doświadczenia, najnowsza technologia i pasja do motoryzacji."
       buttons={[{ text: "Umów wizytę", href: "#contact" }]}
       mediaAnimation="slide-up"
@@ -54,6 +55,22 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="hero-kpi" data-section="hero-kpi">
+      <HeroSplitKpi
+        background={{ variant: "plain" }}
+        title="Ekspertyza Lavauto"
+        description="Wysoka jakość usług potwierdzona zaufaniem klientów."
+        kpis={[
+          { value: "9 lat", label: "Doświadczenia" },
+          { value: "1000+", label: "Aut naprawionych" },
+          { value: "100%", label: "Terminowości" }
+        ]}
+        enableKpiAnimation={true}
+        imagePosition="right"
+        imageSrc="http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12598.jpg"
+      />
+  </div>
+
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={true}
@@ -147,4 +164,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}