Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureBento from '@/components/sections/feature/FeatureBento';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, Database, Droplets, HardDrive, Star, Wrench } from "lucide-react";
+import { Award, Database, Droplets, HardDrive, Star, Wrench, CheckCircle, Car, Settings, BatteryCharging, Gauge, Lightbulb, Thermometer, ShieldCheck, Search, Zap, RotateCcw } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -54,32 +54,22 @@ export default function LandingPage() {
       title="Profesjonalny Serwis Twojego Auta"
       description="Tomar Serwis Samochodowy - rzetelne naprawy, diagnoza i terminowa obsługa w Warszawie."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg",          alt: "Kierowca"},
-        {
-          src: "http://img.b2bpic.net/free-photo/car-mechanic-working-laptop-auto-repair-shop_637285-12727.jpg",          alt: "Mechanik"},
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg",          alt: "Klient"},
-        {
-          src: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg",          alt: "Kierowca"},
-        {
-          src: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582397.jpg",          alt: "Mechanik"},
+        { src: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg", alt: "Kierowca" },
+        { src: "http://img.b2bpic.net/free-photo/car-mechanic-working-laptop-auto-repair-shop_637285-12727.jpg", alt: "Mechanik" },
+        { src: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg", alt: "Klient" },
+        { src: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg", alt: "Kierowca" },
+        { src: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582397.jpg", alt: "Mechanik" },
       ]}
       buttons={[
         {
           text: "Umów wizytę",          href: "#contact"},
       ]}
       marqueeItems={[
-        {
-          type: "text",          text: "Silniki"},
-        {
-          type: "text",          text: "Hamulce"},
-        {
-          type: "text",          text: "Zawieszenie"},
-        {
-          type: "text",          text: "Diagnostyka"},
-        {
-          type: "text",          text: "Klimatyzacja"},
+        { type: "text", text: "Silniki" },
+        { type: "text", text: "Hamulce" },
+        { type: "text", text: "Zawieszenie" },
+        { type: "text", text: "Diagnostyka" },
+        { type: "text", text: "Klimatyzacja" },
       ]}
     />
   </div>
@@ -91,12 +81,9 @@ export default function LandingPage() {
       title="O Naszym Warsztacie"
       description="Tomar to zespół doświadczonych fachowców. Stawiamy na przejrzystość napraw, uczciwe ceny i najwyższą jakość obsługi. Twój samochód jest w bezpiecznych rękach."
       bulletPoints={[
-        {
-          title: "Doświadczenie",          description: "Lata praktyki w serwisowaniu różnych marek."},
-        {
-          title: "Transparentność",          description: "Naprawy wyjaśnione przed przystąpieniem do prac."},
-        {
-          title: "Terminowość",          description: "Szanujemy Twój czas, usługi zawsze na umówiony termin."},
+        { title: "Doświadczenie", description: "Lata praktyki w serwisowaniu różnych marek.", icon: Award},
+        { title: "Transparentność", description: "Naprawy wyjaśnione przed przystąpieniem do prac.", icon: CheckCircle},
+        { title: "Terminowość", description: "Szanujemy Twój czas, usługi zawsze na umówiony termin.", icon: Star},
       ]}
       mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/bearded-expert-mechanic-dressed-uniform-standing-with-crowbar-hand-against-car-lift-garage_613910-18004.jpg"
@@ -105,23 +92,20 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureBento
+      <FeatureCardTwentyFive
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
-      features={[
-        {
-          title: "Diagnostyka",          description: "Nowoczesna diagnostyka komputerowa.",          bentoComponent: "reveal-icon",          icon: Database,
-        },
-        {
-          title: "Układ Hamulcowy",          description: "Wymiana klocków i płynu.",          bentoComponent: "reveal-icon",          icon: HardDrive,
-        },
-        {
-          title: "Wymiana Oleju",          description: "Szybki serwis olejowy i filtry.",          bentoComponent: "reveal-icon",          icon: Droplets,
-        },
-      ]}
       title="Nasze Usługi"
-      description="Kompleksowa obsługa Twojego pojazdu w jednym miejscu."
+      description="Kompleksowa obsługa Twojego pojazdu podzielona na przejrzyste kategorie dla Twojej wygody."
+      features={[
+        { title: "Diagnostyka", description: "Wykrywanie usterek elektronicznych i mechanicznych.", icon: Database, mediaItems: [{ }, { }] },
+        { title: "Układ hamulcowy", description: "Naprawa klocków, tarcz i układu hamulcowego.", icon: ShieldCheck, mediaItems: [{ }, { }] },
+        { title: "Serwis olejowy", description: "Wymiana olejów oraz wszystkich filtrów.", icon: Droplets, mediaItems: [{ }, { }] },
+        { title: "Zawieszenie", description: "Weryfikacja luzów i amortyzacji pojazdu.", icon: Wrench, mediaItems: [{ }, { }] },
+        { title: "Kontrole bezpieczeństwa", description: "Przeglądy przed zakupem i okresowe punkty kontrolne.", icon: CheckCircle, mediaItems: [{ }, { }] },
+        { title: "Akumulator i prąd", description: "Sprawdzanie instalacji i wymiana akumulatorów.", icon: BatteryCharging, mediaItems: [{ }, { }] }
+      ]}
     />
   </div>
 
@@ -132,12 +116,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       members={[
-        {
-          id: "m1",          name: "Jan Kowalski",          role: "Główny Mechanik",          description: "Ponad 15 lat doświadczenia w naprawach silników.",          imageSrc: "http://img.b2bpic.net/free-photo/professional-car-mechanic-repair-shop_342744-264.jpg"},
-        {
-          id: "m2",          name: "Marek Nowak",          role: "Specjalista Diagnostyki",          description: "Ekspert od systemów elektronicznych.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-with-wires-workshop_23-2147897983.jpg"},
-        {
-          id: "m3",          name: "Piotr Wiśniewski",          role: "Serwisant Podwozia",          description: "Mistrz układów hamulcowych.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-repairman-talking-customer-workshop_637285-8626.jpg"},
+        { id: "m1", name: "Jan Kowalski", role: "Główny Mechanik", description: "Ponad 15 lat doświadczenia w naprawach silników.", imageSrc: "http://img.b2bpic.net/free-photo/professional-car-mechanic-repair-shop_342744-264.jpg" },
+        { id: "m2", name: "Marek Nowak", role: "Specjalista Diagnostyki", description: "Ekspert od systemów elektronicznych.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-with-wires-workshop_23-2147897983.jpg" },
+        { id: "m3", name: "Piotr Wiśniewski", role: "Serwisant Podwozia", description: "Mistrz układów hamulcowych.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-repairman-talking-customer-workshop_637285-8626.jpg" },
       ]}
       title="Nasi Mechanicy"
       description="Poznaj ludzi, którzy dbają o sprawność Twojego samochodu."
@@ -151,15 +132,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "me1",          value: "1000+",          title: "Naprawionych aut",          description: "Każdego roku",          icon: Wrench,
-        },
-        {
-          id: "me2",          value: "15+",          title: "Lat doświadczenia",          description: "Jako profesjonalny serwis",          icon: Award,
-        },
-        {
-          id: "me3",          value: "4.6",          title: "Ocena Google",          description: "Potwierdzona opiniami",          icon: Star,
-        },
+        { id: "me1", value: "1000+", title: "Naprawionych aut", description: "Każdego roku", icon: Wrench },
+        { id: "me2", value: "15+", title: "Lat doświadczenia", description: "Jako profesjonalny serwis", icon: Award },
+        { id: "me3", value: "4.6", title: "Ocena Google", description: "Potwierdzona opiniami", icon: Star },
       ]}
       title="Nasze Liczby"
       description="Lata doświadczenia i tysiące zadowolonych klientów."
@@ -172,16 +147,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",          name: "Danuta Chojecka",          handle: "Local Guide",          testimonial: "Usługa wykonana rzetelnie i na czas, w dobrej cenie.",          imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582488.jpg",          imageAlt: "Male bus driver portrait"},
-        {
-          id: "2",          name: "p Tolski",          handle: "Klient",          testimonial: "Profesjonalne podejście, dobre ceny. Mało takich fachowców.",          imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg",          imageAlt: "Male bus driver portrait"},
-        {
-          id: "3",          name: "Maciej",          handle: "Local Guide",          testimonial: "Panowie wykonali wszystkie prace, wyjaśniając dokładnie co i jak. Cena z góry ustalona.",          imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-working-laptop-auto-repair-shop_637285-12727.jpg",          imageAlt: "Male bus driver portrait"},
-        {
-          id: "4",          name: "Anna K.",          handle: "Klientka",          testimonial: "Bardzo szybka wymiana rozrządu, profesjonalna obsługa.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg",          imageAlt: "Male bus driver portrait"},
-        {
-          id: "5",          name: "Tomasz M.",          handle: "Klient",          testimonial: "Warsztat, któremu można zaufać. Polecam w 100%.",          imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg",          imageAlt: "Male bus driver portrait"},
+        { id: "1", name: "Danuta Chojecka", handle: "Local Guide", testimonial: "Usługa wykonana rzetelnie i na czas, w dobrej cenie.", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582488.jpg" },
+        { id: "2", name: "p Tolski", handle: "Klient", testimonial: "Profesjonalne podejście, dobre ceny. Mało takich fachowców.", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg" },
+        { id: "3", name: "Maciej", handle: "Local Guide", testimonial: "Panowie wykonali wszystkie prace, wyjaśniając dokładnie co i jak. Cena z góry ustalona.", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-working-laptop-auto-repair-shop_637285-12727.jpg" },
+        { id: "4", name: "Anna K.", handle: "Klientka", testimonial: "Bardzo szybka wymiana rozrządu, profesjonalna obsługa.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg" },
+        { id: "5", name: "Tomasz M.", handle: "Klient", testimonial: "Warsztat, któremu można zaufać. Polecam w 100%.", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582399.jpg" },
       ]}
       title="Opinie Klientów"
       description="Zobacz, co mówią o nas mówią nasi klienci."
@@ -193,12 +163,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",          title: "Czy muszę umawiać wizytę?",          content: "Tak, prosimy o wcześniejszy kontakt telefoniczny."},
-        {
-          id: "f2",          title: "Czy oferujecie gwarancję?",          content: "Tak, na każdą naprawę udzielamy gwarancji."},
-        {
-          id: "f3",          title: "Jakie marki serwisujecie?",          content: "Serwisujemy większość marek samochodów osobowych."},
+        { id: "f1", title: "Czy muszę umawiać wizytę?", content: "Tak, prosimy o wcześniejszy kontakt telefoniczny." },
+        { id: "f2", title: "Czy oferujecie gwarancję?", content: "Tak, na każdą naprawę udzielamy gwarancji." },
+        { id: "f3", title: "Jakie marki serwisujecie?", content: "Serwisujemy większość marek samochodów osobowych." },
       ]}
       title="Pytania i Odpowiedzi"
       description="Najczęstsze pytania dotyczące naszych usług."
@@ -209,8 +176,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       tag="Kontakt"
       title="Skontaktuj się z Nami"
       description="Zadzwoń do nas lub odwiedź nasz serwis w Warszawie."
@@ -221,21 +187,16 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Tomar Serwis",          items: [
-            {
-              label: "Modlińska 205C, Warszawa",              href: "#"},
-            {
-              label: "Tel: 601 404 464",              href: "tel:601404464"},
+          title: "Tomar Serwis", items: [
+            { label: "Modlińska 205C, Warszawa", href: "#" },
+            { label: "Tel: 601 404 464", href: "tel:601404464" },
           ],
         },
         {
-          title: "Usługi",          items: [
-            {
-              label: "Diagnostyka",              href: "#features"},
-            {
-              label: "Naprawy",              href: "#features"},
-            {
-              label: "Przeglądy",              href: "#features"},
+          title: "Usługi", items: [
+            { label: "Diagnostyka", href: "#features" },
+            { label: "Naprawy", href: "#features" },
+            { label: "Przeglądy", href: "#features" },
           ],
         },
       ]}
@@ -246,4 +207,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}