Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "O nas",
-          id: "#about",
-        },
+          name: "O nas",          id: "#about"},
         {
-          name: "Usługi",
-          id: "#features",
-        },
+          name: "Usługi",          id: "#features"},
         {
-          name: "Opinie",
-          id: "#testimonials",
-        },
+          name: "Opinie",          id: "#testimonials"},
         {
-          name: "Kontakt",
-          id: "#contact",
-        },
+          name: "Kontakt",          id: "#contact"},
       ]}
       brandName="J K Serwis"
     />
@@ -59,33 +51,21 @@ export default function LandingPage() {
       description="Specjalizujemy się w markach Opel i Citroen. Rzetelna mechanika, diagnostyka i uczciwe ceny. Zadzwoń i umów się już dziś!"
       buttons={[
         {
-          text: "Zadzwoń teraz: 604 595 868",
-          href: "tel:+48604595868",
-        },
+          text: "Zadzwoń teraz: 604 595 868",          href: "tel:+48604595868"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg"
       imageAlt="Profesjonalny serwis samochodowy"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/team-mechanics-fixing-car_482257-76105.jpg",
-          alt: "Team of mechanics fixing car",
-        },
+          src: "http://img.b2bpic.net/free-photo/team-mechanics-fixing-car_482257-76105.jpg",          alt: "Team of mechanics fixing car"},
         {
-          src: "http://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg",
-          alt: "Expert shows client car checkup steps",
-        },
+          src: "http://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg",          alt: "Expert shows client car checkup steps"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-african-american-auto-repairman-talking-customer-workshop_637285-8626.jpg",
-          alt: "Happy African American auto repairman talking to customer in a workshop",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-african-american-auto-repairman-talking-customer-workshop_637285-8626.jpg",          alt: "Happy African American auto repairman talking to customer in a workshop"},
         {
-          src: "http://img.b2bpic.net/free-photo/serviceman-car-service-using-holographic-augmented-reality-show-customer-defective-vehicle-piston-hardworking-garage-employee-using-innovative-ar-tech-project-automobile-parts-woman_482257-74243.jpg",
-          alt: "Serviceman in car service using holographic augmented reality to show customer defective vehicle piston",
-        },
+          src: "http://img.b2bpic.net/free-photo/serviceman-car-service-using-holographic-augmented-reality-show-customer-defective-vehicle-piston-hardworking-garage-employee-using-innovative-ar-tech-project-automobile-parts-woman_482257-74243.jpg",          alt: "Serviceman in car service using holographic augmented reality to show customer defective vehicle piston"},
         {
-          src: "http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg",
-          alt: "Profesjonalny serwis samochodowy",
-        },
+          src: "http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg",          alt: "Profesjonalny serwis samochodowy"},
       ]}
       avatarText="Zespół doświadczonych ekspertów"
     />
@@ -96,20 +76,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
-          content: "O J K Serwis",
-        },
+          type: "text",          content: "O J K Serwis"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/mechanic-repairing-engine-part_1170-1695.jpg",
-          alt: "Nasz warsztat",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/mechanic-repairing-engine-part_1170-1695.jpg",          alt: "Nasz warsztat"},
       ]}
       buttons={[
         {
-          text: "Sprawdź nas na Google",
-          href: "https://google.com",
-        },
+          text: "Sprawdź nas na Google",          href: "https://google.com"},
       ]}
     />
   </div>
@@ -121,38 +94,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Mechanika pojazdowa",
-          tags: [
-            "Naprawy bieżące",
-            "Zawieszenie",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11830.jpg",
-          imageAlt: "Mechanika",
-        },
+          id: "f1",          title: "Mechanika pojazdowa",          tags: [
+            "Naprawy bieżące",            "Zawieszenie"],
+          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11830.jpg",          imageAlt: "Mechanika"},
         {
-          id: "f2",
-          title: "Diagnostyka komputerowa",
-          tags: [
-            "Elektronika",
-            "Kody błędów",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/repairmen-inspecting-car-bottom_23-2147897941.jpg",
-          imageAlt: "Diagnostyka",
-        },
+          id: "f2",          title: "Diagnostyka komputerowa",          tags: [
+            "Elektronika",            "Kody błędów"],
+          imageSrc: "http://img.b2bpic.net/free-photo/repairmen-inspecting-car-bottom_23-2147897941.jpg",          imageAlt: "Diagnostyka"},
         {
-          id: "f3",
-          title: "Przeglądy i rozrządy",
-          tags: [
-            "Okresowe",
-            "Serwis",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-mechanic-inspecting-car_23-2148327560.jpg",
-          imageAlt: "Przeglądy",
-        },
+          id: "f3",          title: "Przeglądy i rozrządy",          tags: [
+            "Okresowe",            "Serwis"],
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-mechanic-inspecting-car_23-2148327560.jpg",          imageAlt: "Przeglądy"},
       ]}
       title="Nasze usługi"
       description="Oferujemy kompleksową obsługę aut wszystkich marek."
+      buttons={[
+        { text: "Umów wizytę", href: "#contact" }
+      ]}
     />
   </div>
 
@@ -164,25 +122,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "4.9",
-          title: "Ocena Google",
-          description: "Najwyżej oceniany serwis",
-          icon: Star,
+          id: "m1",          value: "4.9",          title: "Ocena Google",          description: "Najwyżej oceniany serwis",          icon: Star,
         },
         {
-          id: "m2",
-          value: "100%",
-          title: "Rzetelność",
-          description: "Uczciwa wycena usług",
-          icon: ShieldCheck,
+          id: "m2",          value: "100%",          title: "Rzetelność",          description: "Uczciwa wycena usług",          icon: ShieldCheck,
         },
         {
-          id: "m3",
-          value: "Fachowcy",
-          title: "Specjaliści",
-          description: "Eksperci marek Opel i Citroen",
-          icon: Wrench,
+          id: "m3",          value: "Fachowcy",          title: "Specjaliści",          description: "Eksperci marek Opel i Citroen",          icon: Wrench,
         },
       ]}
       title="Dlaczego my?"
@@ -195,15 +141,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       names={[
-        "Opel",
-        "Citroen",
-        "Volkswagen",
-        "Ford",
-        "Toyota",
-        "Skoda",
-        "Audi",
-        "Renault",
-      ]}
+        "Opel",        "Citroen",        "Volkswagen",        "Ford",        "Toyota",        "Skoda",        "Audi",        "Renault"]}
       title="Obsługiwane marki"
       description="Specjalizacja w Opel, Citroen oraz obsługa wszystkich innych marek."
     />
@@ -216,40 +154,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Marek Kowalski",
-          role: "Kierowca",
-          testimonial: "Pierwsza klasa, szkoda, że wcześniej tu nie trafiłem.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-upbeat-car-showroom-saleswoman-ready-assist-customers_482257-124030.jpg",
-        },
+          id: "t1",          name: "Marek Kowalski",          role: "Kierowca",          testimonial: "Pierwsza klasa, szkoda, że wcześniej tu nie trafiłem.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-upbeat-car-showroom-saleswoman-ready-assist-customers_482257-124030.jpg"},
         {
-          id: "t2",
-          name: "Anna Nowak",
-          role: "Właścicielka auta",
-          testimonial: "Fachowa naprawa i uczciwe ceny.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-blond-man-with-beaming-smile-bristle-looking-camera_176420-42617.jpg",
-        },
+          id: "t2",          name: "Anna Nowak",          role: "Właścicielka auta",          testimonial: "Fachowa naprawa i uczciwe ceny.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-blond-man-with-beaming-smile-bristle-looking-camera_176420-42617.jpg"},
         {
-          id: "t3",
-          name: "Piotr Zieliński",
-          role: "Kierowca",
-          testimonial: "Najlepszy serwis w Zduńskiej Woli, polecam!",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg",
-        },
+          id: "t3",          name: "Piotr Zieliński",          role: "Kierowca",          testimonial: "Najlepszy serwis w Zduńskiej Woli, polecam!",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg"},
         {
-          id: "t4",
-          name: "Katarzyna Wójcik",
-          role: "Właścicielka Citroena",
-          testimonial: "Moje C5 X7 działa jak nowe, wreszcie fachowa ręka.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg",
-        },
+          id: "t4",          name: "Katarzyna Wójcik",          role: "Właścicielka Citroena",          testimonial: "Moje C5 X7 działa jak nowe, wreszcie fachowa ręka.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg"},
         {
-          id: "t5",
-          name: "Tomasz Wiśniewski",
-          role: "Kierowca Opla",
-          testimonial: "Profesjonalna obsługa, brak problemów po wizycie.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-pointing-front-isolated-white-wall_141793-94404.jpg",
-        },
+          id: "t5",          name: "Tomasz Wiśniewski",          role: "Kierowca Opla",          testimonial: "Profesjonalna obsługa, brak problemów po wizycie.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-pointing-front-isolated-white-wall_141793-94404.jpg"},
       ]}
       title="Opinie klientów"
       description="Jesteśmy dumni z naszego 4.9 na Google."
@@ -262,20 +175,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Jakie marki serwisujecie?",
-          content: "Serwisujemy wszystkie marki, ze szczególnym uwzględnieniem Opla i Citroena.",
-        },
+          id: "q1",          title: "Jakie marki serwisujecie?",          content: "Serwisujemy wszystkie marki, ze szczególnym uwzględnieniem Opla i Citroena."},
         {
-          id: "q2",
-          title: "Gdzie was znaleźć?",
-          content: "Zduńska Wola, ul. Przemysłowa 18.",
-        },
+          id: "q2",          title: "Gdzie was znaleźć?",          content: "Zduńska Wola, ul. Przemysłowa 18."},
         {
-          id: "q3",
-          title: "W jakie dni pracujecie?",
-          content: "Zapraszamy od czwartku od godziny 09:00.",
-        },
+          id: "q3",          title: "W jakie dni pracujecie?",          content: "Zapraszamy od czwartku od godziny 09:00."},
       ]}
       mediaAnimation="slide-up"
       title="Częste pytania"
@@ -289,13 +193,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Kontakt i lokalizacja"
       description="Zadzwoń: 604 595 868. Zapraszamy przy ul. Przemysłowej 18."
       imageSrc="http://img.b2bpic.net/free-photo/smiling-mechanic-talking-mobile-phone_1170-1329.jpg"
       tag="Kontakt"
+      className="[&_iframe]:h-96 [&_iframe]:w-full [&_iframe]:rounded-lg"
     />
   </div>
 
@@ -304,30 +207,21 @@ export default function LandingPage() {
       logoText="J K Serwis"
       columns={[
         {
-          title: "Adres",
-          items: [
+          title: "Adres",          items: [
             {
-              label: "ul. Przemysłowa 18, Zduńska Wola",
-              href: "#",
-            },
+              label: "ul. Przemysłowa 18, Zduńska Wola",              href: "https://www.google.com/maps/place/ul.+Przemysłowa+18,+Zduńska+Wola"},
           ],
         },
         {
-          title: "Kontakt",
-          items: [
+          title: "Kontakt",          items: [
             {
-              label: "Telefon: 604 595 868",
-              href: "tel:+48604595868",
-            },
+              label: "Telefon: 604 595 868",              href: "tel:+48604595868"},
           ],
         },
         {
-          title: "Godziny",
-          items: [
+          title: "Godziny",          items: [
             {
-              label: "Od czwartku od 09:00",
-              href: "#",
-            },
+              label: "Od czwartku od 09:00",              href: "#"},
           ],
         },
       ]}