From 5c7bcc16a124632c98af23e56dcd0627ef62c6c0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 16:28:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 477 +++++++++++++++--------------------------------
 1 file changed, 151 insertions(+), 326 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4815d63..4d0fb05 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,341 +14,166 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
-        contentWidth="medium"
-        sizing="largeSmallSizeLargeTitles"
-        background="noise"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="medium"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmallSizeLargeTitles"
+      background="noise"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Usługi",
-          id: "uslugi",
-        },
-        {
-          name: "O nas",
-          id: "o-nas",
-        },
-        {
-          name: "Opinie",
-          id: "opinie",
-        },
-        {
-          name: "Kontakt",
-          id: "kontakt",
-        },
-      ]}
-      button={{
-        text: "Umów wizytę",
-        href: "#kontakt",
-      }}
-      brandName="KANJO GARAGE"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Usługi", id: "uslugi" },
+              { name: "O nas", id: "o-nas" },
+              { name: "Opinie", id: "opinie" },
+              { name: "Kontakt", id: "kontakt" },
+            ]}
+            button={{ text: "Umów wizytę", href: "#kontakt" }}
+            brandName="KANJO GARAGE"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Profesjonalny serwis, diagnostyka i tuning Hond"
-      description="Jesteśmy ekspertami w obsłudze wszystkich modeli Honda — od napraw mechanicznych po modyfikacje i diagnostykę komputerową."
-      buttons={[
-        {
-          text: "Umów wizytę online",
-          href: "#kontakt",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/muscular-mechanic-dressed-denim-shirt-posing-near-car-garage_613910-5913.jpg?_wi=1"
-      imageAlt="Profesjonalny serwis Honda"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg",
-          alt: "Adam",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg",
-          alt: "Ewa",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-with-headsets-working-with-computer-office-customer-service-assistant-working-officewoman-operator-working-with-headsets-laptop-telemarketing-customer-service-callcenter_657921-1735.jpg",
-          alt: "Marek",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-call-center-agent_23-2148094839.jpg",
-          alt: "Ania",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg",
-          alt: "Tomasz",
-        },
-      ]}
-      avatarText="Ponad 1000 zadowolonych klientów"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Diagnostyka komputerowa",
-        },
-        {
-          type: "text",
-          text: "Serwis mechaniczny",
-        },
-        {
-          type: "text",
-          text: "Tuning silnika",
-        },
-        {
-          type: "text",
-          text: "Naprawy główne",
-        },
-        {
-          type: "text",
-          text: "Przeglądy okresowe",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Profesjonalny serwis, diagnostyka i tuning Hond"
+            description="Jesteśmy ekspertami w obsłudze wszystkich modeli Honda — od napraw mechanicznych po modyfikacje i diagnostykę komputerową."
+            buttons={[{ text: "Umów wizytę online", href: "#kontakt" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/muscular-mechanic-dressed-denim-shirt-posing-near-car-garage_613910-5913.jpg"
+            imageAlt="Profesjonalny serwis Honda"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg", alt: "Adam" },
+              { src: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg", alt: "Ewa" },
+              { src: "http://img.b2bpic.net/free-photo/business-woman-with-headsets-working-with-computer-office-customer-service-assistant-working-officewoman-operator-working-with-headsets-laptop-telemarketing-customer-service-callcenter_657921-1735.jpg", alt: "Marek" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-male-call-center-agent_23-2148094839.jpg", alt: "Ania" },
+              { src: "http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg", alt: "Tomasz" },
+            ]}
+            avatarText="Ponad 1000 zadowolonych klientów"
+            marqueeItems={[
+              { type: "text", text: "Diagnostyka komputerowa" },
+              { type: "text", text: "Serwis mechaniczny" },
+              { type: "text", text: "Tuning silnika" },
+              { type: "text", text: "Naprawy główne" },
+              { type: "text", text: "Przeglądy okresowe" },
+            ]}
+          />
+        </div>
 
-  <div id="o-nas" data-section="o-nas">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="O nas – KANJO GARAGE"
-      description="KANJO GARAGE to warsztat specjalizujący się w serwisie, diagnostyce komputerowej i modyfikacjach samochodów marki Honda. Od lat dbamy o każdy detal, łącząc doświadczenie z pasją do motoryzacji."
-      metrics={[
-        {
-          value: "100%",
-          title: "Pasji",
-        },
-        {
-          value: "24h",
-          title: "Czas reakcji",
-        },
-        {
-          value: "1000+",
-          title: "Zadowolonych klientów",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-engine-together_482257-115261.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="o-nas" data-section="o-nas">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="O nas – KANJO GARAGE"
+            description="KANJO GARAGE to warsztat specjalizujący się w serwisie, diagnostyce komputerowej i modyfikacjach samochodów marki Honda. Od lat dbamy o każdy detal, łącząc doświadczenie z pasją do motoryzacji."
+            metrics={[
+              { value: "100%", title: "Pasji" },
+              { value: "24h", title: "Czas reakcji" },
+              { value: "1000+", title: "Zadowolonych klientów" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-engine-together_482257-115261.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="uslugi" data-section="uslugi">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Diagnostyka komputerowa",
-          description: "Sprawdzimy każdy błąd i wskażemy naprawę.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163655.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163655.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-mechanic-dressed-denim-shirt-posing-near-car-garage_613910-5913.jpg?_wi=2",
-          imageAlt: "honda workshop mechanic garage",
-        },
-        {
-          title: "Serwis mechaniczny",
-          description: "Naprawy mechaniczne, przeglądy, wymiany.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/repairmen-fix-car-engine-together_482257-115261.jpg?_wi=2",
-          imageAlt: "car repair expert service",
-        },
-        {
-          title: "Tuning i modyfikacje",
-          description: "Zwiększamy moc i osiągi Twojego auta.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163655.jpg?_wi=3",
-          imageAlt: "car diagnostic software",
-        },
-        {
-          title: "Warsztat Honda",
-          description: "Kompleksowo – pełna obsługa Twojego auta.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1525.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1525.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg?_wi=3",
-          imageAlt: "mechanical car maintenance",
-        },
-      ]}
-      showStepNumbers={false}
-      title="Nasze Usługi"
-      description="Kompleksowa opieka nad Twoją Hondą w jednym miejscu."
-    />
-  </div>
+        <div id="uslugi" data-section="uslugi">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "Diagnostyka komputerowa",                description: "Sprawdzimy każdy błąd i wskażemy naprawę.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163655.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163655.jpg" }
+              },
+              {
+                title: "Serwis mechaniczny",                description: "Naprawy mechaniczne, przeglądy, wymiany.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg" }
+              },
+              {
+                title: "Tuning i modyfikacje",                description: "Zwiększamy moc i osiągi Twojego auta.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg" }
+              },
+              {
+                title: "Warsztat Honda",                description: "Kompleksowo – pełna obsługa Twojego auta.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1525.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1525.jpg" }
+              }
+            ]}
+            showStepNumbers={false}
+            title="Nasze Usługi"
+            description="Kompleksowa opieka nad Twoją Hondą w jednym miejscu."
+          />
+        </div>
 
-  <div id="opinie" data-section="opinie">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Adam Kowalski",
-          role: "Kierowca",
-          company: "Fan Hondy",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg",
-        },
-        {
-          id: "2",
-          name: "Ewa Nowak",
-          role: "Klientka",
-          company: "Kanjo Fan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg",
-        },
-        {
-          id: "3",
-          name: "Marek P.",
-          role: "Entuzjasta",
-          company: "Honda Klub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-headsets-working-with-computer-office-customer-service-assistant-working-officewoman-operator-working-with-headsets-laptop-telemarketing-customer-service-callcenter_657921-1735.jpg",
-        },
-        {
-          id: "4",
-          name: "Ania K.",
-          role: "Klientka",
-          company: "Lokalna",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-call-center-agent_23-2148094839.jpg",
-        },
-        {
-          id: "5",
-          name: "Tomasz S.",
-          role: "Serwisant",
-          company: "Klient stały",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9",
-          label: "Średnia ocena",
-        },
-        {
-          value: "100%",
-          label: "Profesjonalizm",
-        },
-        {
-          value: "1000+",
-          label: "Szczęśliwych Hond",
-        },
-      ]}
-      title="Opinie klientów"
-      description="Najlepszy serwis Hond w Warszawie – nasi klienci polecają nas!"
-    />
-  </div>
+        <div id="opinie" data-section="opinie">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Adam Kowalski", role: "Kierowca", company: "Fan Hondy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg" },
+              { id: "2", name: "Ewa Nowak", role: "Klientka", company: "Kanjo Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg" },
+              { id: "3", name: "Marek P.", role: "Entuzjasta", company: "Honda Klub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-headsets-working-with-computer-office-customer-service-assistant-working-officewoman-operator-working-with-headsets-laptop-telemarketing-customer-service-callcenter_657921-1735.jpg" },
+              { id: "4", name: "Ania K.", role: "Klientka", company: "Lokalna", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-call-center-agent_23-2148094839.jpg" },
+              { id: "5", name: "Tomasz S.", role: "Serwisant", company: "Klient stały", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg" },
+            ]}
+            kpiItems={[
+              { value: "4.9", label: "Średnia ocena" },
+              { value: "100%", label: "Profesjonalizm" },
+              { value: "1000+", label: "Szczęśliwych Hond" },
+            ]}
+            title="Opinie klientów"
+            description="Najlepszy serwis Hond w Warszawie – nasi klienci polecają nas!"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "Jak umówić termin?",
-          content: "Skontaktuj się z nami telefonicznie lub przez formularz na stronie.",
-        },
-        {
-          id: "2",
-          title: "Czy mogę zostawić samochód na dłużej?",
-          content: "Tak, dysponujemy bezpiecznym miejscem parkingowym.",
-        },
-        {
-          id: "3",
-          title: "Jak wygląda diagnostyka?",
-          content: "Podpinamy profesjonalny sprzęt, odczytujemy kody błędów i przygotowujemy wycenę.",
-        },
-        {
-          id: "4",
-          title: "Ile trwa tuning?",
-          content: "Czas zależy od zakresu prac; szczegóły ustalamy podczas konsultacji.",
-        },
-      ]}
-      title="Masz pytania?"
-      description="Oto odpowiedzi na najczęściej zadawane pytania."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "1", title: "Jak umówić termin?", content: "Skontaktuj się z nami telefonicznie lub przez formularz na stronie." },
+              { id: "2", title: "Czy mogę zostawić samochód na dłużej?", content: "Tak, dysponujemy bezpiecznym miejscem parkingowym." },
+              { id: "3", title: "Jak wygląda diagnostyka?", content: "Podpinamy profesjonalny sprzęt, odczytujemy kody błędów i przygotowujemy wycenę." },
+              { id: "4", title: "Ile trwa tuning?", content: "Czas zależy od zakresu prac; szczegóły ustalamy podczas konsultacji." },
+            ]}
+            title="Masz pytania?"
+            description="Oto odpowiedzi na najczęściej zadawane pytania."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="kontakt" data-section="kontakt">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Umów wizytę / otrzymaj wycenę! Skontaktuj się z nami, a nasi eksperci odpowiedzą na Twoje zgłoszenie w ciągu 24 godzin."
-      buttons={[
-        {
-          text: "Skontaktuj się z nami",
-          href: "tel:+48505370867",
-        },
-      ]}
-    />
-  </div>
+        <div id="kontakt" data-section="kontakt">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Umów wizytę / otrzymaj wycenę! Skontaktuj się z nami, a nasi eksperci odpowiedzą na Twoje zgłoszenie w ciągu 24 godzin."
+            buttons={[{ text: "Skontaktuj się z nami", href: "tel:+48505370867" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Tel: +48 505 370 867",
-              href: "tel:+48505370867",
-            },
-            {
-              label: "Chełmżyńska 180L, Warszawa",
-              href: "https://www.google.pl/maps/place/KANJO+GARAGE",
-            },
-          ],
-        },
-        {
-          title: "Godziny",
-          items: [
-            {
-              label: "Pon-Pt: 09:00–18:00",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 KANJO GARAGE"
-      bottomRightText="Profesjonalny serwis Honda"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Kontakt",                items: [
+                  { label: "Tel: +48 505 370 867", href: "tel:+48505370867" },
+                  { label: "Chełmżyńska 180L, Warszawa", href: "https://www.google.pl/maps/place/KANJO+GARAGE" },
+                ],
+              },
+              { title: "Godziny", items: [{ label: "Pon-Pt: 09:00–18:00", href: "#" }] },
+            ]}
+            bottomLeftText="© 2024 KANJO GARAGE"
+            bottomRightText="Profesjonalny serwis Honda"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1