Update src/app/page.tsx

src/app/page.tsx

@@ -33,21 +33,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Start",
+          name: "Start",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Usługi",
+          name: "Usługi",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Zaufanie",
+          name: "Zaufanie",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Kontakt",
+          name: "Rezerwacja",          id: "booking"},
-          id: "contact",
+        {
-        },
+          name: "Kontakt",          id: "contact"},
       ]}
       brandName="Premio Rembecki"
     />
@@ -56,67 +50,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Serwis, któremu możesz zaufać. Na każdy kilometr."
       description="Transparentne naprawy. Fachowa diagnostyka. Pełna opieka od początku do końca."
       buttons={[
         {
-          text: "Umów wizytę",
+          text: "Umów wizytę",          href: "#booking"},
-          href: "#contact",
-        },
         {
-          text: "Zapytaj o wycenę",
+          text: "Zapytaj o wycenę",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/people-traveling-streets-japan_23-2149297265.jpg"
       imageAlt="Mechanik w nowoczesnym warsztacie"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1401.jpg",
+          src: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1401.jpg",          alt: "Female mechanic servicing a car"},
-          alt: "Female mechanic servicing a car",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg",
+          src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg",          alt: "Mechanic in uniform"},
-          alt: "Mechanic in uniform",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150169994.jpg",
+          src: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150169994.jpg",          alt: "Female auto repairer"},
-          alt: "Female auto repairer",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170058.jpg",
+          src: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170058.jpg",          alt: "Male mechanic working"},
-          alt: "Male mechanic working",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/auto-mechanic-looking-selection-spanners_23-2147897821.jpg",
+          src: "http://img.b2bpic.net/free-photo/auto-mechanic-looking-selection-spanners_23-2147897821.jpg",          alt: "Mechanic selecting spanners"},
-          alt: "Mechanic selecting spanners",
-        },
       ]}
       avatarText="Zaufali nam setki kierowców"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Certyfikowany warsztat"},
-          text: "Certyfikowany warsztat",
-        },
         {
-          type: "text",
+          type: "text",          text: "24/7 Pomoc drogowa"},
-          text: "24/7 Pomoc drogowa",
-        },
         {
-          type: "text",
+          type: "text",          text: "Diagnostyka komputerowa"},
-          text: "Diagnostyka komputerowa",
-        },
         {
-          type: "text",
+          type: "text",          text: "Gwarancja na usługi"},
-          text: "Gwarancja na usługi",
-        },
         {
-          type: "text",
+          type: "text",          text: "Oryginalne części"},
-          text: "Oryginalne części",
-        },
       ]}
     />
   </div>
@@ -126,10 +95,24 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Dlaczego wybierasz Premio Rembecki?"
       description={[
-        "Transparentność: Zdjęcia z napraw, jasne kosztorysy i decyzja po Twojej stronie.",
+        "Transparentność: Zdjęcia z napraw, jasne kosztorysy i decyzja po Twojej stronie.",        "Opieka: Pomoc w nagłych sytuacjach i indywidualne podejście do każdego klienta.",        "Profesjonalizm: Nowoczesny sprzęt, doświadczony zespół i najwyższa jakość usług."]}
-        "Opieka: Pomoc w nagłych sytuacjach i indywidualne podejście do każdego klienta.",
+    />
-        "Profesjonalizm: Nowoczesny sprzęt, doświadczony zespół i najwyższa jakość usług.",
+  </div>
+
+  <div id="booking" data-section="booking">
+      <ContactCTA
+      tag="Rezerwacja"
+      title="Umów się na serwis w 2 minuty"
+      description="Wybierz dogodny termin wizyty w naszym warsztacie przez formularz online."
+      buttons={[
+        {
+          text: "Przejdź do rezerwacji",          href: "#contact"
+        }
       ]}
+      background={{
+        variant: "sparkles-gradient"
+      }}
+      useInvertedBackground={false}
     />
   </div>
 
@@ -140,26 +123,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Transparentność",          description: "Zdjęcia z napraw i jasny kosztorys przed startem prac.",          tag: "Standard",          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19093.jpg"},
-          title: "Transparentność",
-          description: "Zdjęcia z napraw i jasny kosztorys przed startem prac.",
-          tag: "Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19093.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Pełna Opieka",          description: "Pomagamy w sytuacjach awaryjnych i dbamy o komfort naszych klientów.",          tag: "Standard",          imageSrc: "http://img.b2bpic.net/free-photo/workshop-tanner_1098-16255.jpg"},
-          title: "Pełna Opieka",
-          description: "Pomagamy w sytuacjach awaryjnych i dbamy o komfort naszych klientów.",
-          tag: "Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/workshop-tanner_1098-16255.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Nowoczesny Sprzęt",          description: "Dysponujemy profesjonalnymi narzędziami do każdej marki auta.",          tag: "Standard",          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg"},
-          title: "Nowoczesny Sprzęt",
-          description: "Dysponujemy profesjonalnymi narzędziami do każdej marki auta.",
-          tag: "Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg",
-        },
       ]}
       title="Nasze Standardy"
       description="Jakość i zaufanie to fundament naszej pracy."
@@ -174,59 +142,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "s1",
+          id: "s1",          brand: "Serwis",          name: "Wymiana Opon",          price: "Od 150 PLN",          rating: 5,
-          brand: "Serwis",
+          reviewCount: "120+",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-3789.jpg"},
-          name: "Wymiana Opon",
-          price: "Od 150 PLN",
-          rating: 5,
-          reviewCount: "120+",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-3789.jpg",
-        },
         {
-          id: "s2",
+          id: "s2",          brand: "Diagnostyka",          name: "Geometria Kół",          price: "Od 200 PLN",          rating: 5,
-          brand: "Diagnostyka",
+          reviewCount: "85+",          imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11876.jpg"},
-          name: "Geometria Kół",
-          price: "Od 200 PLN",
-          rating: 5,
-          reviewCount: "85+",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11876.jpg",
-        },
         {
-          id: "s3",
+          id: "s3",          brand: "Serwis",          name: "Klimatyzacja",          price: "Od 250 PLN",          rating: 5,
-          brand: "Serwis",
+          reviewCount: "95+",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194118.jpg"},
-          name: "Klimatyzacja",
-          price: "Od 250 PLN",
-          rating: 5,
-          reviewCount: "95+",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194118.jpg",
-        },
         {
-          id: "s4",
+          id: "s4",          brand: "Mechanika",          name: "Naprawy Główne",          price: "Indywidualnie",          rating: 5,
-          brand: "Mechanika",
+          reviewCount: "200+",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mechanical-screws-kit_23-2148557969.jpg"},
-          name: "Naprawy Główne",
-          price: "Indywidualnie",
-          rating: 5,
-          reviewCount: "200+",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mechanical-screws-kit_23-2148557969.jpg",
-        },
         {
-          id: "s5",
+          id: "s5",          brand: "Serwis",          name: "Diagnostyka",          price: "Od 150 PLN",          rating: 5,
-          brand: "Serwis",
+          reviewCount: "150+",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-repairing-car-engine_23-2148327590.jpg"},
-          name: "Diagnostyka",
-          price: "Od 150 PLN",
-          rating: 5,
-          reviewCount: "150+",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-repairing-car-engine_23-2148327590.jpg",
-        },
         {
-          id: "s6",
+          id: "s6",          brand: "Pomoc",          name: "Pomoc Awaryjna",          price: "24/7",          rating: 5,
-          brand: "Pomoc",
+          reviewCount: "50+",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-sitting-car-workshop_23-2147897990.jpg"},
-          name: "Pomoc Awaryjna",
-          price: "24/7",
-          rating: 5,
-          reviewCount: "50+",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-sitting-car-workshop_23-2147897990.jpg",
-        },
       ]}
       title="Nasze Usługi"
       description="Kompleksowa obsługa Twojego pojazdu w jednym miejscu."
@@ -240,34 +172,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "Komfort",          title: "Strefa Klienta",          items: [
-          value: "Komfort",
+            "Wygodne fotele",            "Darmowa kawa",            "Dostęp do TV"],
-          title: "Strefa Klienta",
-          items: [
-            "Wygodne fotele",
-            "Darmowa kawa",
-            "Dostęp do TV",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "Rodzina",          title: "Strefa Dziecka",          items: [
-          value: "Rodzina",
+            "Kącik z zabawkami",            "Bezpieczna przestrzeń",            "Strefa kreatywna"],
-          title: "Strefa Dziecka",
-          items: [
-            "Kącik z zabawkami",
-            "Bezpieczna przestrzeń",
-            "Strefa kreatywna",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "Szybkość",          title: "Czas Obsługi",          items: [
-          value: "Szybkość",
+            "Priorytetowe terminy",            "Szybki feedback",            "Zdjęcia z napraw"],
-          title: "Czas Obsługi",
-          items: [
-            "Priorytetowe terminy",
-            "Szybki feedback",
-            "Zdjęcia z napraw",
-          ],
         },
       ]}
       title="Dbamy o Ciebie"
@@ -281,20 +195,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Czy otrzymam zdjęcia z naprawy?",          content: "Tak, zawsze przesyłamy dokumentację fotograficzną wymienianych części."},
-          title: "Czy otrzymam zdjęcia z naprawy?",
-          content: "Tak, zawsze przesyłamy dokumentację fotograficzną wymienianych części.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Czy mogę liczyć na pomoc w awarii?",          content: "Oczywiście, dysponujemy wsparciem dla naszych klientów w nagłych przypadkach."},
-          title: "Czy mogę liczyć na pomoc w awarii?",
-          content: "Oczywiście, dysponujemy wsparciem dla naszych klientów w nagłych przypadkach.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Jak umawiam wizytę?",          content: "Możesz skorzystać z formularza na stronie lub zadzwonić bezpośrednio do naszego warsztatu."},
-          title: "Jak umawiam wizytę?",
-          content: "Możesz skorzystać z formularza na stronie lub zadzwonić bezpośrednio do naszego warsztatu.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171292.jpg"
       title="Często zadawane pytania"
@@ -311,25 +216,15 @@ export default function LandingPage() {
       author="Marek Kowalski"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138710.jpg",
+          src: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138710.jpg",          alt: "Klient 1"},
-          alt: "Klient 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-working-car-service_23-2148826534.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-woman-working-car-service_23-2148826534.jpg",          alt: "Klient 2"},
-          alt: "Klient 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-female-office_1301-649.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-female-office_1301-649.jpg",          alt: "Klient 3"},
-          alt: "Klient 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-family-with-kids-travelling-by-car-stopped-field_1303-22458.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-family-with-kids-travelling-by-car-stopped-field_1303-22458.jpg",          alt: "Klient 4"},
-          alt: "Klient 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-coffee-cup_23-2148486199.jpg",
+          src: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-coffee-cup_23-2148486199.jpg",          alt: "Klient 5"},
-          alt: "Klient 5",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -340,20 +235,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Kontakt"
       title="Sprawdź, jak powinien wyglądać dobry serwis"
       description="Niezależnie czy to rutynowy serwis czy nagła sytuacja — jesteśmy gotowi pomóc. Zapraszamy do kontaktu!"
       buttons={[
         {
-          text: "Umów wizytę",
+          text: "Umów wizytę",          href: "#booking"},
-          href: "#contact",
-        },
         {
-          text: "Zadzwoń: 555-000-000",
+          text: "Zadzwoń: 555-000-000",          href: "tel:555000000"},
-          href: "tel:555000000",
-        },
       ]}
     />
   </div>
@@ -365,14 +255,10 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Facebook,
-          href: "#",
+          href: "#",          ariaLabel: "Facebook"},
-          ariaLabel: "Facebook",
-        },
         {
           icon: Instagram,
-          href: "#",
+          href: "#",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
       ]}
     />
   </div>