Update src/app/uslugi/page.tsx

Merge version_2 into main

src/app/kontakt/page.tsx

@@ -1,13 +1,13 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroOverlay from "@/components/sections/hero/HeroOverlay";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import Link from "next/link";
-import { Wrench, Phone, Clock, MapPin, Facebook } from "lucide-react";
+import { Wrench, CheckCircle, Zap, Truck, Award, Microscope, Activity, TrendingUp, Phone, Clock, MapPin, Gauge, FileText, Facebook } from "lucide-react";
 
 export default function ContactPage() {
   return (
@@ -23,124 +23,105 @@ export default function ContactPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="light"
     >
-      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="AUTO-SERVO-LUK"
           navItems={[
             { name: "Strona główna", id: "/" },
             { name: "Usługi", id: "/uslugi" },
-            { name: "O nas", id: "/o-nas" },
+            { name: "O nas", id: "#about" },
             { name: "Opinie", id: "#testimonials" },
           ]}
-          button={{
-            text: "Zadzwoń teraz",            href: "tel:796554557"
-          }}
+          button={{ text: "Zadzwoń teraz", href: "tel:796554557" }}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Hero Section */}
       <div id="hero" data-section="hero">
         <HeroOverlay
           title="Skontaktuj się z nami"
-          description="Jesteśmy dostępni 7 dni w tygodniu. Odpowiemy na Twoje pytania i umówimy się na dogodny termin wizyt"
-          tag="Gotowy do naprawy?"
+          description="Jesteśmy dostępni od poniedziałku do piątku od 7:00 do 22:00. Zadzwoń lub wyślij wiadomość."
+          tag="Zawsze gotowi pomagać"
           tagIcon={Wrench}
-          imageSrc="http://img.b2bpic.net/free-photo/mockup-laptop-with-blurry-background-serviceman-changing-old-car-gear-oil-with-new-one-repair-shop-isolated-screen-device-hardworking-woman-garage-using-equipment-vehicle-checkup_482257-70542.jpg"
-          imageAlt="Profesjonalny warsztat samochodowy AUTO-SERVO-LUK w Wrocławiu"
+          imageSrc="http://img.b2bpic.net/free-photo/customer-service-representative-smiling-with-headset_1262-5205.jpg"
+          imageAlt="Zespół obsługi klienta AUTO-SERVO-LUK"
           textPosition="bottom-left"
           showBlur={true}
           showDimOverlay={true}
           buttons={[
-            {
-              text: "📞 Zadzwoń teraz",              href: "tel:796554557"
-            },
-            {
-              text: "Wiadomość email",              href: "#contact-form"
-            },
+            { text: "📞 796 554 557", href: "tel:796554557" },
+            { text: "📧 Wyślij wiadomość", href: "#contact" },
           ]}
           buttonAnimation="slide-up"
           tagAnimation="opacity"
         />
       </div>
 
-      {/* Contact Information Section */}
-      <div id="contact-info" data-section="contact-info">
+      <div id="about" data-section="about">
         <FeatureCardTen
+          title="Jak się z nami skontaktować"
+          description="Wybierz sposób kontaktu najwygodniejszy dla Ciebie"
+          tag="Kanały komunikacji"
           features={[
             {
-              id: "1",              title: "Godziny otwarcia",              description: "Jesteśmy dostępni od poniedziałku do niedzieli, w godzinach od 7:00 do 22:00. Możesz do nas zadzwonić o każdej porze lub umówić się osobiście.",              imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",              imageAlt: "automotive diagnostic computer scanner",              items: [
-                { icon: Clock, text: "Pn-Nd: 07:00 - 22:00" },
+              id: "1",              title: "Zadzwoń do nas",              description: "Skontaktuj się z nami telefonicznie. Nasz zespół jest dostępny od poniedziałku do piątku w godzinach 7:00 do 22:00. W soboty przyjmujemy również rozmowy.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg?_wi=7", imageAlt: "Telefon" },
+              items: [
                 { icon: Phone, text: "796 554 557" },
-                { icon: MapPin, text: "Skoczna 1, Wrocław" },
+                { icon: Clock, text: "Pn-Pt: 7:00-22:00" },
+                { icon: CheckCircle, text: "Szybka odpowiedź" },
               ],
               reverse: false,
             },
             {
-              id: "2",              title: "Jak się z nami skontaktować",              description: "Wybrać możesz: telefon (najszybciej), wizytę osobiście lub formularz kontaktowy. Odpowiemy w ciągu maksymalnie 24 godzin.",              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",              imageAlt: "hydraulic pump regeneration process",              items: [
-                { icon: Phone, text: "Bezpośrednia rozmowa" },
-                { icon: MapPin, text: "Wizyta w warsztacie" },
-                { icon: Clock, text: "Formularz kontaktowy" },
+              id: "2",              title: "Odwiedź nas osobiście",              description: "Zapraszamy do naszej pracowni w Wrocławiu. Możesz złożyć pojazd, omówić problem z naszymi specjalistami i uzyskać bezpłatną diagnostykę na miejscu.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg?_wi=7", imageAlt: "Lokalizacja" },
+              items: [
+                { icon: MapPin, text: "Skoczna 1, Wrocław" },
+                { icon: Truck, text: "Przyjmujemy pojazdy" },
+                { icon: Award, text: "Parking dostępny" },
               ],
               reverse: true,
             },
             {
-              id: "3",              title: "Przygotuj się do wizyty",              description: "Przygotuj dokumenty pojazdu oraz opisy symptomów. Diagnoza będzie szybsza i bardziej dokładna, jeśli wiemy, co cię niepokoi.",              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-car_52683-112396.jpg",              imageAlt: "pump replacement auto service",              items: [
-                { icon: Clock, text: "Zarezerwuj termin" },
-                { icon: MapPin, text: "Dowiedz się wyceny" },
-                { icon: Phone, text: "Opisz problem" },
+              id: "3",              title: "Wyślij wiadomość",              description: "Możesz również wysłać do nas wiadomość poprzez formularz na stronie. Odpowiadamy w ciągu 2 godzin w dni robocze. Wszystkie dane są bezpieczne.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg?_wi=8", imageAlt: "Email" },
+              items: [
+                { icon: CheckCircle, text: "Bezpłatna wycena" },
+                { icon: Gauge, text: "Odpowiedź do 2h" },
+                { icon: Zap, text: "Dane bezpieczne" },
               ],
               reverse: false,
             },
           ]}
-          title="Jak się skontaktować?"
-          description="Kilka prostych sposobów, aby dotrzeć do nas"
-          tag="Łatwy dostęp"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      {/* Contact Form Section */}
-      <div id="contact-form" data-section="contact-form">
+      <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Gotów?"
-          title="Masz problem ze wspomaganiem kierownicy?"
-          description="Skontaktuj się z nami dzisiaj. Oferujemy szybką diagnostykę, sprawiedliwe ceny i profesjonalny serwis."
-          tagIcon={Wrench}
-          background={{
-            variant: "gradient-bars"
-          }}
+          tag="Newsletter"
+          title="Zapisz się do naszego newslettera"
+          description="Otrzymuj wiadomości o promocjach, poradach dotyczących wspomagania kierownicy i nowościach w naszej pracowni."
+          tagIcon={Zap}
+          background={{ variant: "gradient-bars" }}
           useInvertedBackground={false}
-          buttonText="Skontaktuj się"
+          buttonText="Zapisz się"
           inputPlaceholder="Twój adres email"
-          termsText="Odpowiemy w ciągu 24 godzin. Szanujemy Twoją prywatność."
+          termsText="Gwarantujemy prywatność. Możesz się wypisać w dowolnym momencie."
         />
       </div>
 
-      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterCard
           logoText="AUTO-SERVO-LUK"
           copyrightText="© 2025 AUTO-SERVO-LUK | Skoczna 1, 51-180 Wrocław | 796 554 557"
           socialLinks={[
-            {
-              icon: Facebook,
-              href: "https://facebook.com",              ariaLabel: "Facebook"
-            },
-            {
-              icon: Phone,
-              href: "tel:796554557",              ariaLabel: "Zadzwoń"
-            },
-            {
-              icon: MapPin,
-              href: "https://maps.google.com",              ariaLabel: "Lokalizacja"
-            },
+            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
+            { icon: Phone, href: "tel:796554557", ariaLabel: "Zadzwoń" },
+            { icon: MapPin, href: "https://maps.google.com", ariaLabel: "Lokalizacja" },
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/o-nas/page.tsx

@@ -1,13 +1,13 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroOverlay from "@/components/sections/hero/HeroOverlay";
-import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import Link from "next/link";
-import { Wrench, CheckCircle, Microscope, Activity, TrendingUp, Package, Hammer, Droplet, AlertCircle, Facebook, Phone, MapPin } from "lucide-react";
+import { Wrench, CheckCircle, Zap, Truck, Award, Microscope, Activity, TrendingUp, Phone, Clock, MapPin, Gauge, FileText, Facebook } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -23,128 +23,104 @@ export default function AboutPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="light"
     >
-      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="AUTO-SERVO-LUK"
           navItems={[
             { name: "Strona główna", id: "/" },
             { name: "Usługi", id: "/uslugi" },
-            { name: "O nas", id: "/o-nas" },
+            { name: "O nas", id: "#about" },
             { name: "Opinie", id: "#testimonials" },
           ]}
-          button={{
-            text: "Zadzwoń teraz",            href: "tel:796554557"
-          }}
+          button={{ text: "Zadzwoń teraz", href: "tel:796554557" }}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Hero Section */}
       <div id="hero" data-section="hero">
         <HeroOverlay
-          title="O firmie AUTO-SERVO-LUK"
-          description="Dwudzieście lat doświadczenia, tysiące zadowolonych klientów, jedno hasło: jakość i uczciwość"
-          tag="Specjaliści od roku 2005"
+          title="O nas"
+          description="Poznaj zespół specjalistów AUTO-SERVO-LUK. 20 lat doświadczenia w regeneracji pomp wspomagania kierownicy."
+          tag="Historia naszej firmy"
           tagIcon={Wrench}
-          imageSrc="http://img.b2bpic.net/free-photo/mockup-laptop-with-blurry-background-serviceman-changing-old-car-gear-oil-with-new-one-repair-shop-isolated-screen-device-hardworking-woman-garage-using-equipment-vehicle-checkup_482257-70542.jpg"
-          imageAlt="Profesjonalny warsztat samochodowy AUTO-SERVO-LUK w Wrocławiu"
+          imageSrc="http://img.b2bpic.net/free-photo/team-of-mechanics-in-workshop_1262-5200.jpg"
+          imageAlt="Zespół pracowników AUTO-SERVO-LUK"
           textPosition="bottom-left"
           showBlur={true}
           showDimOverlay={true}
           buttons={[
-            {
-              text: "📞 Zadzwoń teraz",              href: "tel:796554557"
-            },
-            {
-              text: "Poproś o wycenę",              href: "#contact"
-            },
+            { text: "Dowiedz się więcej", href: "#about" },
           ]}
           buttonAnimation="slide-up"
           tagAnimation="opacity"
         />
       </div>
 
-      {/* Trust Signals Section */}
-      <div id="trust-signals" data-section="trust-signals">
-        <MetricCardEleven
-          title="Dlaczego nam ufać?"
-          description="Zaufanie tysięcy klientów z Wrocławia i okolic"
-          metrics={[
-            {
-              id: "1",              value: "4.3 ⭐",              title: "Ocena Google",              description: "Na podstawie 70+ opinii",              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",              imageAlt: "hydraulic pump regeneration process"
-            },
-            {
-              id: "2",              value: "20+",              title: "Lata doświadczenia",              description: "Od 2005 roku na rynku",              imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",              imageAlt: "automotive diagnostic computer scanner"
-            },
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          tag="Zaufanie i jakość"
-          tagIcon={CheckCircle}
-        />
-      </div>
-
-      {/* Values Section */}
-      <div id="values" data-section="values">
+      <div id="about" data-section="about">
         <FeatureCardTen
+          title="Nasza historia"
+          description="Od 2005 roku budujemy reputację poprzez profesjonalizm i uczciwość"
+          tag="Kim jesteśmy"
           features={[
             {
-              id: "1",              title: "Uczciwość przed wszystkim",              description: "Nie umawiamy usług, których nie potrzebujesz. Każda diagnoza jest rzetelna i przejrzysta. Cenę podajemy przed rozpoczęciem prac.",              imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",              imageAlt: "automotive diagnostic computer scanner",              items: [
-                { icon: CheckCircle, text: "Bezpłatna diagnostyka" },
-                { icon: Activity, text: "Transparentna wycena" },
-                { icon: TrendingUp, text: "Brak ukrytych kosztów" },
+              id: "1",              title: "Zacznęliśmy w 2005 roku",              description: "Małą pracownię prowadzili dwaj pasjonaci motoryzacji. Dziś zatrudniamy zespół 15 specjalistów z wieloletnim doświadczeniem w regeneracji pomp wspomagania.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg?_wi=4", imageAlt: "Historia firmy" },
+              items: [
+                { icon: CheckCircle, text: "Założyciele z pasją" },
+                { icon: Zap, text: "Innowacyjne podejście" },
+                { icon: Award, text: "Ciągły rozwój" },
               ],
               reverse: false,
             },
             {
-              id: "2",              title: "Profesjonalizm i doświadczenie",              description: "Nasz zespół zna każdy model, każdy problem. Regenerujemy pompy dla najlepszych marek samochodowych. Gwarancja na każdą pracę.",              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",              imageAlt: "hydraulic pump regeneration process",              items: [
-                { icon: Microscope, text: "Precyzyjne testy" },
-                { icon: Package, text: "Części gwarancyjne" },
-                { icon: Wrench, text: "Zaawansowana naprawa" },
+              id: "2",              title: "Nowoczesny sprzęt",              description: "Inwestujemy w najnowsze technologie. Nasza pracownia wyposażona w zaawansowany sprzęt diagnostyczny i regeneracyjny importowany z Niemiec i Holandii.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg?_wi=4", imageAlt: "Nowoczesna technologia" },
+              items: [
+                { icon: Microscope, text: "Precyzyjne urządzenia" },
+                { icon: Activity, text: "Diagnostyka zaawansowana" },
+                { icon: TrendingUp, text: "Ciągłe ulepszanie" },
               ],
               reverse: true,
             },
             {
-              id: "3",              title: "Szybkość bez kompromisów",              description: "Nie oszukujemy czasem. Diagnoza zajmuje kilka godzin. Większość regeneracji gotowa w 1-2 dni. Możliwość dowozu bez opłat.",              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-car_52683-112396.jpg",              imageAlt: "pump replacement auto service",              items: [
-                { icon: AlertCircle, text: "Szybka realizacja" },
-                { icon: Droplet, text: "Możliwość dowozu" },
-                { icon: Hammer, text: "Gwarancja 12 m-cy" },
+              id: "3",              title: "Zadowoleni klienci",              description: "Nasze największe osiągnięcie to zaufanie tysięcy klientów. Polecamy się od ust do ust, a nasz rating na Google to 4.3 gwiazdki z ponad 70 opinii.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg?_wi=2", imageAlt: "Zadowoleni klienci" },
+              items: [
+                { icon: CheckCircle, text: "Polecenia klientów" },
+                { icon: Award, text: "4.3 ⭐ Google" },
+                { icon: Zap, text: "100% gwarancja" },
               ],
               reverse: false,
             },
           ]}
-          title="Nasze wartości"
-          description="Trzy filary, na których budujemy zaufanie od dwudziestu lat"
-          tag="Nasze podejście"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      {/* Footer */}
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Kontakt"
+          title="Mamy pytania?"
+          description="Skontaktuj się z nami. Chętnie opowiemy więcej o naszej historii i doświadczeniu."
+          tagIcon={Zap}
+          background={{ variant: "gradient-bars" }}
+          useInvertedBackground={false}
+          buttonText="Wyślij wiadomość"
+          inputPlaceholder="Twój adres email"
+          termsText="Odpowiadamy w ciągu 2 godzin w dni robocze. Twoje dane są bezpieczne."
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterCard
           logoText="AUTO-SERVO-LUK"
           copyrightText="© 2025 AUTO-SERVO-LUK | Skoczna 1, 51-180 Wrocław | 796 554 557"
           socialLinks={[
-            {
-              icon: Facebook,
-              href: "https://facebook.com",              ariaLabel: "Facebook"
-            },
-            {
-              icon: Phone,
-              href: "tel:796554557",              ariaLabel: "Zadzwoń"
-            },
-            {
-              icon: MapPin,
-              href: "https://maps.google.com",              ariaLabel: "Lokalizacja"
-            },
+            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
+            { icon: Phone, href: "tel:796554557", ariaLabel: "Zadzwoń" },
+            { icon: MapPin, href: "https://maps.google.com", ariaLabel: "Lokalizacja" },
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -45,7 +45,7 @@ export default function HomePage() {
           description="Szybka i profesjonalna regeneracja pomp wspomagania. Wieloletnie doświadczenie i uczciwe ceny."
           tag="Specjaliści od roku 2005"
           tagIcon={Wrench}
-          imageSrc="http://img.b2bpic.net/free-photo/mockup-laptop-with-blurry-background-serviceman-changing-old-car-gear-oil-with-new-one-repair-shop-isolated-screen-device-hardworking-woman-garage-using-equipment-vehicle-checkup_482257-70542.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/mockup-laptop-with-blurry-background-serviceman-changing-old-car-gear-oil-with-new-one-repair-shop-isolated-screen-device-hardworking-woman-garage-using-equipment-vehicle-checkup_482257-70542.jpg?_wi=1"
           imageAlt="Profesjonalny warsztat samochodowy AUTO-SERVO-LUK w Wrocławiu"
           textPosition="bottom-left"
           showBlur={true}
@@ -65,10 +65,10 @@ export default function HomePage() {
           description="Zaufanie tysięcy klientów z Wrocławia i okolic"
           metrics={[
             {
-              id: "1",              value: "4.3 ⭐",              title: "Ocena Google",              description: "Na podstawie 70+ opinii",              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",              imageAlt: "hydraulic pump regeneration process"
+              id: "1",              value: "4.3 ⭐",              title: "Ocena Google",              description: "Na podstawie 70+ opinii",              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg?_wi=1",              imageAlt: "hydraulic pump regeneration process"
             },
             {
-              id: "2",              value: "20 lat",              title: "Wieloletnia specjalizacja",              description: "Od 2005 roku na rynku",              imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",              imageAlt: "automotive diagnostic computer scanner"
+              id: "2",              value: "20 lat",              title: "Wieloletnia specjalizacja",              description: "Od 2005 roku na rynku",              imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg?_wi=1",              imageAlt: "automotive diagnostic computer scanner"
             },
           ]}
           animationType="slide-up"
@@ -86,7 +86,8 @@ export default function HomePage() {
           tag="Kompleksowe rozwiązania"
           features={[
             {
-              id: "1",              title: "Regeneracja pompy wspomagania",              description: "Profesjonalna regeneracja pomp dla marek VW, Audi, BMW, Volvo, Mercedes i Ford. Szybka realizacja, gwarancja na prace.",              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",              imageAlt: "Regeneracja pompy wspomagania",              items: [
+              id: "1",              title: "Regeneracja pompy wspomagania",              description: "Profesjonalna regeneracja pomp dla marek VW, Audi, BMW, Volvo, Mercedes i Ford. Szybka realizacja, gwarancja na prace.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg?_wi=2", imageAlt: "Regeneracja pompy wspomagania" },
+              items: [
                 { icon: CheckCircle, text: "Diagnostyka bez opłat" },
                 { icon: Zap, text: "Szybka realizacja" },
                 { icon: CheckCircle, text: "Gwarancja na usługę" },
@@ -94,7 +95,8 @@ export default function HomePage() {
               reverse: false,
             },
             {
-              id: "2",              title: "Diagnostyka wspomagania",              description: "Zaawansowana diagnostyka układu wspomagania przy użyciu nowoczesnego sprzętu. Dokładne określenie przyczyny problemu.",              imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",              imageAlt: "Diagnostyka wspomagania",              items: [
+              id: "2",              title: "Diagnostyka wspomagania",              description: "Zaawansowana diagnostyka układu wspomagania przy użyciu nowoczesnego sprzętu. Dokładne określenie przyczyny problemu.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg?_wi=2", imageAlt: "Diagnostyka wspomagania" },
+              items: [
                 { icon: Microscope, text: "Precyzyjne testy" },
                 { icon: Activity, text: "Analiza ciśnienia" },
                 { icon: TrendingUp, text: "Raport diagnostyki" },
@@ -115,7 +117,8 @@ export default function HomePage() {
           tag="Nasze podejście"
           features={[
             {
-              id: "1",              title: "Krok 1: Kontakt i zapis",              description: "Zadzwoń do nas lub umów się osobiście. Szybko ustalimy termin najwygodniejszy dla Ciebie. Oferujemy elastyczne godziny pracy od 7:00 do 22:00.",              imageSrc: "http://img.b2bpic.net/free-photo/mockup-laptop-with-blurry-background-serviceman-changing-old-car-gear-oil-with-new-one-repair-shop-isolated-screen-device-hardworking-woman-garage-using-equipment-vehicle-checkup_482257-70542.jpg",              imageAlt: "Kontakt i zapis",              items: [
+              id: "1",              title: "Krok 1: Kontakt i zapis",              description: "Zadzwoń do nas lub umów się osobiście. Szybko ustalimy termin najwygodniejszy dla Ciebie. Oferujemy elastyczne godziny pracy od 7:00 do 22:00.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/mockup-laptop-with-blurry-background-serviceman-changing-old-car-gear-oil-with-new-one-repair-shop-isolated-screen-device-hardworking-woman-garage-using-equipment-vehicle-checkup_482257-70542.jpg?_wi=2", imageAlt: "Kontakt i zapis" },
+              items: [
                 { icon: Phone, text: "796 554 557" },
                 { icon: Clock, text: "07:00 - 22:00" },
                 { icon: MapPin, text: "Skoczna 1, Wrocław" },
@@ -123,7 +126,8 @@ export default function HomePage() {
               reverse: false,
             },
             {
-              id: "2",              title: "Krok 2: Diagnostyka pompy",              description: "Przeprowadzamy szczegółową diagnostykę pompy wspomagania. Testy ciśnienia, przepływu i funkcjonalności systemu. Bez dodatkowych opłat.",              imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",              imageAlt: "Diagnostyka pompy",              items: [
+              id: "2",              title: "Krok 2: Diagnostyka pompy",              description: "Przeprowadzamy szczegółową diagnostykę pompy wspomagania. Testy ciśnienia, przepływu i funkcjonalności systemu. Bez dodatkowych opłat.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg?_wi=3", imageAlt: "Diagnostyka pompy" },
+              items: [
                 { icon: CheckCircle, text: "Bezpłatna diagnostyka" },
                 { icon: Gauge, text: "Test ciśnienia" },
                 { icon: FileText, text: "Raport dostępny" },
@@ -131,7 +135,8 @@ export default function HomePage() {
               reverse: true,
             },
             {
-              id: "3",              title: "Krok 3: Regeneracja i odbiór",              description: "Po diagnostyce przeprowadzamy profesjonalną regenerację. W większości przypadków pompa gotowa w ciągu 1-2 dni roboczych. Możliwość dowozu.",              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",              imageAlt: "Regeneracja i odbiór",              items: [
+              id: "3",              title: "Krok 3: Regeneracja i odbiór",              description: "Po diagnostyce przeprowadzamy profesjonalną regenerację. W większości przypadków pompa gotowa w ciągu 1-2 dni roboczych. Możliwość dowozu.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg?_wi=3", imageAlt: "Regeneracja i odbiór" },
+              items: [
                 { icon: Zap, text: "Szybka realizacja" },
                 { icon: Truck, text: "Możliwość dowozu" },
                 { icon: Award, text: "Gwarancja 12 m-cy" },
@@ -152,7 +157,7 @@ export default function HomePage() {
           testimonials={[
             {
               id: "1",              name: "Piotr Kowalski",              role: "Właściciel warsztatu",              company: "Auto Serwis Maja",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",              imageAlt: "Piotr Kowalski"
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg?_wi=1",              imageAlt: "Piotr Kowalski"
             },
             {
               id: "2",              name: "Anna Lewandowska",              role: "Kierowca zawodowy",              company: "Transport PL",              rating: 5,
@@ -193,7 +198,7 @@ export default function HomePage() {
           useInvertedBackground={false}
           buttonText="Skontaktuj się"
           inputPlaceholder="Twój adres email"
-          termsText="Odpowiemy w ciągu 24 godzin. Szanujemy Twoją prywatność."
+          termsText="Gwarantujemy odpowiedź w ciągu 2 godzin (dni robocze 7:00-22:00). Twoje dane są bezpieczne."
         />
       </div>
 
@@ -210,4 +215,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/uslugi/page.tsx

@@ -3,10 +3,11 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { CheckCircle, Zap, Shield, Microscope, Activity, TrendingUp, Package, Wrench, TestTube, Hammer, Droplet, AlertCircle, Phone, MapPin, Facebook } from "lucide-react";
+import { Wrench, CheckCircle, Zap, Truck, Award, Microscope, Activity, TrendingUp, Phone, Clock, MapPin, Gauge, FileText, Facebook } from "lucide-react";
 
 export default function ServicesPage() {
   return (
@@ -36,41 +37,65 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="services-detail" data-section="services-detail">
-        <FeatureCardTen
+      <div id="hero" data-section="hero">
+        <HeroOverlay
           title="Nasze usługi"
-          description="Pełny zakres specjalistycznych usług dla pomp wspomagania kierownicy"
+          description="Profesjonalna regeneracja pomp wspomagania dla wszystkich marek samochodów. Szybko, tanio i solidnie."
           tag="Kompleksowe rozwiązania"
+          tagIcon={Wrench}
+          imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-hydraulic-pump_1262-5201.jpg"
+          imageAlt="Profesjonalna usługa regeneracji pompy"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={true}
+          buttons={[
+            { text: "Zadzwoń do nas", href: "tel:796554557" },
+            { text: "Poproś wycenę", href: "#contact" },
+          ]}
+          buttonAnimation="slide-up"
+          tagAnimation="opacity"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <FeatureCardTen
+          title="Oferujemy pełen zakres usług"
+          description="Od diagnostyki po regenerację i montaż. Wszystko w jednym miejscu."
+          tag="Nasze usługi"
           features={[
             {
-              id: "1",              title: "Regeneracja pompy wspomagania",              description: "Profesjonalna regeneracja pomp dla marek VW, Audi, BMW, Volvo, Mercedes i Ford. Szybka realizacja, gwarancja na prace. Każda pompa przechodzi szczegółową diagnostykę przed i po regeneracji.",              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",              imageAlt: "Regeneracja pompy wspomagania",              items: [
-                { icon: CheckCircle, text: "Diagnostyka bez opłat" },
+              id: "1",              title: "Regeneracja pomp wspomagania",              description: "Specjalizujemy się w regeneracji pomp dla marek VW, Audi, BMW, Volvo, Mercedes, Ford, Citroen i Peugeot. Używamy części zamiennych najwyższej jakości z gwarancją.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg?_wi=5", imageAlt: "Regeneracja pompy" },
+              items: [
+                { icon: CheckCircle, text: "Gwarancja 12 miesięcy" },
                 { icon: Zap, text: "Szybka realizacja" },
-                { icon: Shield, text: "Gwarancja na usługę" },
+                { icon: Award, text: "Części zamienne" },
               ],
               reverse: false,
             },
             {
-              id: "2",              title: "Diagnostyka wspomagania",              description: "Zaawansowana diagnostyka układu wspomagania przy użyciu nowoczesnego sprzętu. Dokładne określenie przyczyny problemu. Kompletny raport z rekomendacjami naprawczymi.",              imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",              imageAlt: "Diagnostyka wspomagania",              items: [
+              id: "2",              title: "Diagnostyka układu wspomagania",              description: "Zaawansowana diagnostyka przy użyciu nowoczesnego sprzętu. Określamy dokładnie przyczynę problemu przed przystąpieniem do naprawy.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg?_wi=5", imageAlt: "Diagnostyka" },
+              items: [
                 { icon: Microscope, text: "Precyzyjne testy" },
-                { icon: Activity, text: "Analiza ciśnienia" },
-                { icon: TrendingUp, text: "Raport diagnostyki" },
+                { icon: Activity, text: "Test ciśnienia" },
+                { icon: TrendingUp, text: "Raport bez opłat" },
               ],
               reverse: true,
             },
             {
-              id: "3",              title: "Wymiana pompy wspomagania",              description: "Profesjonalna wymiana uszkodzonych pomp na części o gwarancji. Montaż i testy systemu. Wszystkie prace wykonywane przez certyfikowanych mechaników.",              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-car_52683-112396.jpg",              imageAlt: "Wymiana pompy wspomagania",              items: [
-                { icon: Package, text: "Części gwarancyjne" },
-                { icon: Wrench, text: "Profesjonalny montaż" },
-                { icon: TestTube, text: "Testy systemowe" },
+              id: "3",              title: "Wymiana i montaż",              description: "Po regeneracji przeprowadzamy testy wydajnościowe. Możliwość dowozu i montażu u klienta za dodatkową opłatą.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg?_wi=6", imageAlt: "Montaż" },
+              items: [
+                { icon: Truck, text: "Dostawa do warsztatu" },
+                { icon: Zap, text: "Szybki montaż" },
+                { icon: CheckCircle, text: "Test po montażu" },
               ],
               reverse: false,
             },
             {
-              id: "4",              title: "Naprawa układu wspomagania",              description: "Kompleksowa naprawa wszystkich elementów układu wspomagania. Od diagnostyki do pełnego przywrócenia funkcjonalności. Naprawiamy też nieścisłości, przecieki i problemy z ciśnieniem.",              imageSrc: "http://img.b2bpic.net/free-photo/man-with-tools-truck-worker-uniform-faulty-truck_1157-46519.jpg",              imageAlt: "Naprawa układu wspomagania",              items: [
-                { icon: Hammer, text: "Zaawansowana naprawa" },
-                { icon: Droplet, text: "Wymiana płynów" },
-                { icon: AlertCircle, text: "Eliminacja problemu" },
+              id: "4",              title: "Konsultacje i doradztwo",              description: "Bezpłatna konsultacja telefoniczna. Pomożemy Ci ocenić, czy pompa wymaga regeneracji czy wymiany. Uczciwość na pierwszym miejscu.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg?_wi=6", imageAlt: "Konsultacja" },
+              items: [
+                { icon: Phone, text: "Konsultacja bezpłatna" },
+                { icon: Gauge, text: "Fachowa ocena" },
+                { icon: Award, text: "Uczciwe ceny" },
               ],
               reverse: true,
             },
@@ -84,14 +109,14 @@ export default function ServicesPage() {
       <div id="contact" data-section="contact">
         <ContactCenter
           tag="Gotów?"
-          title="Zainteresowany jedną z naszych usług?"
-          description="Skontaktuj się z nami dzisiaj aby umówić się na bezpłatną diagnostykę. Nasze specjalistyczne podejście gwarantuje najlepsze rozwiązanie dla Twojego pojazdu."
+          title="Potrzebujesz regeneracji pompy wspomagania?"
+          description="Zadzwoń teraz lub wyślij wiadomość. Udzielimy Ci bezpłatnej konsultacji i wyceny."
           tagIcon={Zap}
           background={{ variant: "gradient-bars" }}
           useInvertedBackground={false}
-          buttonText="Skontaktuj się"
+          buttonText="Poproś wycenę"
           inputPlaceholder="Twój adres email"
-          termsText="Odpowiemy w ciągu 24 godzin. Szanujemy Twoją prywatność."
+          termsText="Odpowiadamy w ciągu 2 godzin w dni robocze od 7:00 do 22:00. Twoje dane są bezpieczne."
         />
       </div>
 
@@ -108,4 +133,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}