"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Strona Główna",          id: "hero"},
        {
          name: "O Nas",          id: "about"},
        {
          name: "Usługi",          id: "services"},
        {
          name: "Pakiety",          id: "packages"},
        {
          name: "Cennik",          id: "pricing"},
        {
          name: "Opinie",          id: "reviews"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Kontakt",          id: "contact"},
      ]}
      brandName="FiveStar Detailing"
      bottomLeftText="Premiumowa Pielęgnacja Samochodów"
      bottomRightText="698 238 512"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "plain"}}
      title="FiveStar Detailing: Podnieś Blask Twojego Samochodu"
      description="Doświadcz premium detalingu samochodowego, korekty lakieru i odnowy wnętrza w Sokołowie Małopolskim. Przywracamy blask Twojemu pojazdowi."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-engine_627829-3910.jpg",          imageAlt: "Luksusowe studio detalingu samochodowego"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-patches-water_23-2147798227.jpg",          imageAlt: "Sportowy samochód myty pianą"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/painting-machine-parts-white-paint-angle-grinder_1157-46149.jpg",          imageAlt: "Zbliżenie korekty lakieru samochodowego"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg",          imageAlt: "Odkurzanie wnętrza samochodu"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/technician-is-inflate-car-tire-car-maintenance-service-transportation-safety-concept_1150-6461.jpg",          imageAlt: "Czyszczenie kół szczotką"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg",          imageAlt: "Aplikacja powłoki ceramicznej na samochód"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Pasja do perfekcji w pielęgnacji samochodów"
      description="W FiveStar Detailing poświęcamy się wydobywaniu tego, co najlepsze z każdego pojazdu. Z drobiazgową dbałością o szczegóły i pasją do estetyki motoryzacyjnej, przekształcamy samochody, sprawiając, że wyglądają i czują się jak nowe. Od dokładnego mycia zewnętrznego po precyzyjne czyszczenie wnętrza, zaufaj nam ze swoją dumą i radością."
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg"
      imageAlt="Wnętrze samochodu poddawane gruntownemu czyszczeniu przez profesjonalistę"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Ręczne Mycie Zewnętrzne i Woskowanie",          description: "Staranne ręczne mycie, dekontaminacja i aplikacja wosku premium dla olśniewającego, długotrwałego blasku.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-new-car-cleaning-process_23-2148332888.jpg",          imageAlt: "Zewnętrzna część samochodu myta ręcznie",          titleImageSrc: "http://img.b2bpic.net/free-vector/neon-car-wash-sign-collection_23-2148152323.jpg",          buttonText: "Dowiedz Się Więcej"},
        {
          title: "Gruntowne Czyszczenie Wnętrza",          description: "Dokładne odkurzanie, czyszczenie parowe, kondycjonowanie skóry i usuwanie zapachów dla świeżej i higienicznej kabiny.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg",          imageAlt: "Gruntowne czyszczenie wnętrza samochodu",          titleImageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-inside-car_23-2148142430.jpg",          buttonText: "Dowiedz Się Więcej"},
        {
          title: "Korekta i Ochrona Lakieru",          description: "Usuń zawirowania, rysy i niedoskonałości, a następnie nałóż powłokę ceramiczną lub sealant dla najwyższej ochrony.",          imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg",          imageAlt: "Proces korekty lakieru samochodowego",          titleImageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-paint-gun-logo-template_23-2150007346.jpg",          buttonText: "Dowiedz Się Więcej"},
        {
          title: "Detaling Kół i Opon",          description: "Gruntowne czyszczenie kół, zacisków i opon, a następnie dressing opon dla nieskazitelnego, fabrycznie nowego wyglądu.",          imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg",          imageAlt: "Koło samochodu poddawane detalingowi",          titleImageSrc: "http://img.b2bpic.net/free-vector/printed-design-screen-printing_29096-5164.jpg",          buttonText: "Dowiedz Się Więcej"},
        {
          title: "Pranie Tapicerki",          description: "Dogłębne czyszczenie i odświeżanie tapicerki materiałowej, usuwające plamy i nieprzyjemne zapachy.",          imageSrc: "http://img.b2bpic.net/free-photo/cleaner-worker-man-cleaning-car-with-steam-cleaner-concept-car-detailing-car-service_222444-118.jpg",          imageAlt: "Pranie tapicerki samochodowej",          titleImageSrc: "http://img.b2bpic.net/free-vector/cleaning-service-logo-design_18092-233.jpg",          buttonText: "Dowiedz Się Więcej"},
        {
          title: "Czyszczenie i Impregnacja Skór",          description: "Specjalistyczne czyszczenie i pielęgnacja skórzanych elementów wnętrza, zapewniające ich trwałość i piękny wygląd.",          imageSrc: "http://img.b2bpic.net/free-photo/leather-car-seat-being-cleaned_23-2147820464.jpg",          imageAlt: "Czyszczenie skórzanych siedzeń samochodowych",          titleImageSrc: "http://img.b2bpic.net/free-vector/luxury-leather-logo-template_1366-224.jpg",          buttonText: "Dowiedz Się Więcej"},
        {
          title: "Przygotowanie Auta do Sprzedaży",          description: "Kompleksowy pakiet detalingowy, który sprawi, że Twój samochód będzie wyglądał jak nowy, zwiększając jego wartość rynkową.",          imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-service-car-washing_23-2149176161.jpg",          imageAlt: "Samochód przygotowywany do sprzedaży",          titleImageSrc: "http://img.b2bpic.net/free-vector/car-sale-logo-template_23-2149817540.jpg",          buttonText: "Dowiedz Się Więcej"},
        {
          title: "Powłoki Ceramiczne",          description: "Najnowocześniejsza ochrona lakieru, zapewniająca niezwykłą trwałość, blask i łatwość w utrzymaniu czystości.",          imageSrc: "http://img.b2bpic.net/free-photo/process-applying-ceramic-coating-car-care-center_23-2149193566.jpg",          imageAlt: "Aplikacja powłoki ceramicznej",          titleImageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-design_1366-107.jpg",          buttonText: "Dowiedz Się Więcej"},
        {
          title: "Polerowanie Lakieru",          description: "Usuwanie zarysowań, hologramów i utlenień, przywracające lakierowi głębię koloru i lustrzany blask.",          imageSrc: "http://img.b2bpic.net/free-photo/car-polishing_1303-3481.jpg",          imageAlt: "Polerowanie lakieru samochodowego",          titleImageSrc: "http://img.b2bpic.net/free-vector/car-detailing-logo-template_23-2149817511.jpg",          buttonText: "Dowiedz Się Więcej"},
        {
          title: "Mycie SPA",          description: "Luksusowe, wieloetapowe mycie samochodu z użyciem najlepszych produktów, zapewniające kompleksową pielęgnację i relaks dla Twojego auta.",          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-service-station_23-2149176189.jpg",          imageAlt: "Samochód podczas mycia SPA",          titleImageSrc: "http://img.b2bpic.net/free-vector/spa-logo-template-with-mandala_23-2147775535.jpg",          buttonText: "Dowiedz Się Więcej"}
      ]}
      title="Nasze Usługi Detalingu Premium"
      description="Odkryj kompleksową gamę usług zaprojektowanych w celu ochrony i upiększania Twojego pojazdu, zarówno z zewnątrz, jak i wewnątrz, zapewniając trwały blask i nieskazitelny stan."
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "package-1",          brand: "FiveStar",          name: "Ekspresowy Detaling",          price: "Od 75 zł",          rating: 5,
          reviewCount: "25",          imageSrc: "http://img.b2bpic.net/free-photo/composition-different-car-accessories_23-2149030394.jpg",          imageAlt: "Pakiet Ekspresowy Detaling"},
        {
          id: "package-2",          brand: "FiveStar",          name: "Odświeżenie Wnętrza",          price: "Od 120 zł",          rating: 4,
          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/beige-interior-decoration-luxurious-car_181624-25274.jpg",          imageAlt: "Pakiet Odświeżenie Wnętrza"},
        {
          id: "package-3",          brand: "FiveStar",          name: "Blask Zewnętrzny",          price: "Od 150 zł",          rating: 5,
          reviewCount: "30",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193560.jpg",          imageAlt: "Pakiet Blask Zewnętrzny"},
        {
          id: "package-4",          brand: "FiveStar",          name: "Detaling Sygnowany",          price: "Od 250 zł",          rating: 5,
          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-front-new-red-tractor-snowy-weather_627829-12176.jpg",          imageAlt: "Pakiet Detaling Sygnowany"},
        {
          id: "package-5",          brand: "FiveStar",          name: "Powłoka Ceramiczna",          price: "Od 500 zł",          rating: 5,
          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-standing-gas-station_1157-33274.jpg",          imageAlt: "Pakiet Powłoka Ceramiczna"},
        {
          id: "package-6",          brand: "FiveStar",          name: "Przygotowanie Nowego Samochodu",          price: "Od 300 zł",          rating: 5,
          reviewCount: "6",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-life-sport-concept-tennis-balls-towel-bottle-water-wooden-background-copy-space-top-view_1220-1471.jpg",          imageAlt: "Pakiet Przygotowanie Nowego Samochodu"},
      ]}
      title="Wybierz Swój Pakiet Detalingu FiveStar"
      description="Nasze starannie opracowane pakiety oferują spersonalizowane rozwiązania dla każdego samochodu i budżetu, zapewniając Twojemu pojazdowi idealną pielęgnację i trwałe rezultaty."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",          title: "Odświeżenie Wnętrza",          price: "120 zł",          period: "za usługę",          features: [
            "Dokładne Odkurzanie",            "Przecieranie Powierzchni",            "Czyszczenie Szyb (Wnętrze)",            "Odświeżacz Zapachu"],
          button: {
            text: "Zarezerwuj Teraz"},
          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34251.jpg",          imageAlt: "Czyste wnętrze samochodu"},
        {
          id: "standard",          title: "Blask Zewnętrzny",          price: "150 zł",          period: "za usługę",          features: [
            "Ręczne Mycie i Suszenie",            "Dekontaminacja Lakieru",            "Aplikacja Wosku Premium",            "Dressing Kół i Opon"],
          button: {
            text: "Zarezerwuj Teraz"},
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-red-car-door_23-2148266149.jpg",          imageAlt: "Błyszczący lakier samochodowy"},
        {
          id: "premium",          title: "Detaling Sygnowany",          price: "250 zł",          period: "za usługę",          features: [
            "Pełne Czyszczenie Wnętrza i Zewnętrza",            "Drobna Korekta Lakieru",            "Aplikacja Sealantu Ceramicznego",            "Detaling Komory Silnika"],
          button: {
            text: "Zarezerwuj Teraz"},
          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-pouring-oil-lubricant-into-car-engine_1170-1460.jpg",          imageAlt: "Luksusowy samochód po pełnym detalingu"},
      ]}
      title="Przejrzysty Cennik dla Niezrównanej Jakości"
      description="Zainwestuj w długowieczność i wygląd swojego pojazdu dzięki naszym prostym planom cenowym. Każdy pakiet oferuje wyjątkową wartość i spokój ducha."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Jakub Trzyna",          handle: "@JakubT",          testimonial: "Polecam zna się na rzeczy! Zespół FiveStar Detailing naprawdę zna się na swoim fachu. Mój samochód wygląda absolutnie oszałamiająco, gorąco polecam!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dealership-agent-talking-with-client-gain-insights-into-what-might-sway-him_482257-124075.jpg"},
        {
          id: "2",          name: "Jakub Mach",          handle: "@JakubM",          testimonial: "świetna robota ! polecam. FiveStar wykonał niesamowitą robotę z wnętrzem mojego samochodu. Czuje się jak nowy. Fantastyczna obsługa!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg"},
        {
          id: "3",          name: "Paweł Bagiński",          handle: "@PawelB",          testimonial: "Wszystko super. Mój samochód został tu poddany detalingowi i nie mógłbym być bardziej zadowolony z rezultatów. Korekta lakieru jest bezbłędna. Doskonała praca!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-car-car-showroom_1303-15203.jpg"},
        {
          id: "4",          name: "Anna Kowalska",          handle: "@AnnaK",          testimonial: "Zewnętrzna strona mojego samochodu nigdy nie wyglądała tak dobrze! Dbałość o szczegóły jest niezwykła, to naprawdę usługa FiveStar. Z pewnością wrócę.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/displeased-woman-having-argument-with-her-husband-about-car-repair-workshop_637285-7728.jpg"},
        {
          id: "5",          name: "Marek Nowak",          handle: "@MarekN",          testimonial: "Profesjonalnie, sprawnie i przyjaźnie! FiveStar Detailing przekroczyło moje oczekiwania. Mój samochód na co dzień czuje się teraz jak luksusowy pojazd.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-together-retro-style-inside-car_23-2149525856.jpg"},
      ]}
      showRating={true}
      title="Co Mówią Nasi Klienci"
      description="Posłuchaj bezpośrednio od zadowolonych klientów, którzy doświadczyli różnicy FiveStar i zaufali nam ze swoimi pojazdami."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Ile czasu zajmuje typowa usługa detalingu?",          content: "Czas trwania różni się w zależności od pakietu usług i stanu Twojego pojazdu. Ekspresowy detaling może zająć 1-2 godziny, natomiast pełny detaling sygnowany lub aplikacja powłoki ceramicznej może trwać od 4-8 godzin lub nawet dłużej."},
        {
          id: "faq-2",          title: "Czy muszę umówić się na wizytę z wyprzedzeniem?",          content: "Tak, gorąco polecamy wcześniejszą rezerwację terminu, aby zapewnić dostępność i umożliwić nam przygotowanie się do Twoich konkretnych potrzeb serwisowych. Możesz zarezerwować online lub zadzwonić do nas bezpośrednio."},
        {
          id: "faq-3",          title: "Jakie metody płatności akceptujecie?",          content: "Akceptujemy główne karty kredytowe (Visa, MasterCard), karty debetowe oraz płatności gotówkowe. W przypadku większych pakietów możemy również omówić niestandardowe rozwiązania płatnicze."},
        {
          id: "faq-4",          title: "Czy Wasze produkty czyszczące są bezpieczne dla mojego samochodu?",          content: "Absolutnie. Używamy wyłącznie wysokiej jakości, profesjonalnych i neutralnych pH produktów, które są bezpieczne dla wszystkich powierzchni pojazdu, w tym lakieru, skóry i wrażliwej elektroniki. Priorytetem jest dla nas bezpieczeństwo Twojego pojazdu i środowiska."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193589.jpg"
      imageAlt="Narzędzia i sprzęt do detalingu samochodowego"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Najczęściej Zadawane Pytania"
      description="Znajdź szybkie odpowiedzi na często zadawane pytania dotyczące naszych usług detalingowych, procesu rezerwacji i tego, czego możesz się spodziewać."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Gotowy na naprawdę czysty samochód? Skontaktuj się z FiveStar Detailing, aby umówić się na usługę lub uzyskać spersonalizowaną wycenę już dziś. Pozwól nam przywrócić Twojemu pojazdowi jego salonowy blask."
      buttons={[
        {
          text: "Uzyskaj Bezpłatną Wycenę",          href: "#"},
        {
          text: "Zadzwoń do Nas: 698 238 512",          href: "tel:698238512"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/gradient-mechanical-service-labels_23-2150092410.jpg"
      logoAlt="Logo FiveStar Detailing"
      columns={[
        {
          items: [
            {
              label: "Strona Główna",              href: "#hero"},
            {
              label: "O Nas",              href: "#about"},
            {
              label: "Usługi",              href: "#services"},
          ],
        },
        {
          items: [
            {
              label: "Pakiety",              href: "#packages"},
            {
              label: "Cennik",              href: "#pricing"},
            {
              label: "Opinie",              href: "#reviews"},
          ],
        },
        {
          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Kontakt",              href: "#contact"},
            {
              label: "Facebook",              href: "https://facebook.com"},
          ],
        },
      ]}
      logoText="FiveStar Detailing"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}