"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Start",
          id: "#start",
        },
        {
          name: "O nas",
          id: "#o-nas",
        },
        {
          name: "Usługi",
          id: "#uslugi",
        },
        {
          name: "Galeria",
          id: "#galeria",
        },
        {
          name: "Opinie",
          id: "#opinie",
        },
        {
          name: "Kontakt",
          id: "#kontakt",
        },
      ]}
      brandName="Włudyka-Sliwa Agnieszka"
      button={{
        text: "Zarezerwuj",
        href: "#kontakt",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="start" data-section="start">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Włudyka-Sliwa Agnieszka"
      description="Profesjonalne usługi fryzjerskie, które podkreślą Twoje piękno. Odkryj swoją idealną fryzurę w naszym salonie."
      buttons={[
        {
          text: "Zarezerwuj wizytę",
          href: "#kontakt",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg?_wi=1",
          imageAlt: "Elegancki salon fryzjerski",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229749.jpg?_wi=1",
          imageAlt: "Koloryzacja włosów",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg?_wi=1",
          imageAlt: "Nowoczesne strzyżenie",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-blooming-garden_1328-1761.jpg",
          imageAlt: "Fryzura okolicznościowa",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-washed_23-2148108850.jpg",
          imageAlt: "Zabiegi pielęgnacyjne",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/faceless-stylist-combing-beard-man_23-2147778832.jpg",
          imageAlt: "Strzyżenie męskie",
        },
      ]}
    />
  </div>

  <div id="o-nas" data-section="o-nas">
      <TextSplitAbout
      useInvertedBackground={false}
      title="O Nas"
      description={[
        "Włudyka-Sliwa Agnieszka to miejsce, gdzie pasja spotyka się z profesjonalizmem. Od lat tworzymy piękne fryzury, dbając o każdy szczegół i indywidualne potrzeby naszych klientów. Naszym celem jest nie tylko zmiana wizerunku, ale także zapewnienie relaksu i odprężenia podczas każdej wizyty.",
        "Stawiamy na najwyższą jakość usług, wykorzystując tylko sprawdzone produkty renomowanych marek. Nasz zespół to wykwalifikowani fryzjerzy z bogatym doświadczeniem, którzy regularnie podnoszą swoje kwalifikacje, aby sprostać najnowszym trendom i technikom fryzjerskim. Przyjdź i przekonaj się, jak możemy zadbać o Twoje włosy!",
      ]}
      buttons={[
        {
          text: "Poznaj nasz zespół",
          href: "#",
        },
      ]}
      showBorder={false}
    />
  </div>

  <div id="uslugi" data-section="uslugi">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Strzyżenie Damskie i Męskie",
          description: "Profesjonalne strzyżenie, dopasowane do kształtu twarzy i indywidualnego stylu. Tworzymy klasyczne i nowoczesne fryzury, które podkreślą Twoją urodę.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205890.jpg",
            imageAlt: "Strzyżenie damskie",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-making-ponytail_23-2148267275.jpg",
            imageAlt: "Ułożone włosy po strzyżeniu",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg?_wi=2",
          imageAlt: "woman getting hair cut stylist scissors",
        },
        {
          title: "Koloryzacja i Pasemka",
          description: "Od subtelnych pasemek, przez pełną koloryzację, po skomplikowane techniki balayage. Stosujemy tylko bezpieczne i trwałe farby, które chronią włosy.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668434.jpg",
            imageAlt: "Koloryzacja włosów",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-trendy-colour-hair-background_633478-2653.jpg",
            imageAlt: "Włosy po koloryzacji",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229749.jpg?_wi=2",
          imageAlt: "woman getting hair cut stylist scissors",
        },
        {
          title: "Zabiegi Pielęgnacyjne",
          description: "Intensywne maski, odżywki i rytuały regenerujące. Przywróć swoim włosom blask, siłę i zdrowy wygląd dzięki naszym specjalistycznym zabiegom.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/creative-portrait-young-adult_23-2149202901.jpg",
            imageAlt: "Zabieg pielęgnacyjny",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-smokes-cigar_1304-5118.jpg",
            imageAlt: "Zdrowe i lśniące włosy",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg?_wi=2",
          imageAlt: "woman getting hair cut stylist scissors",
        },
      ]}
      showStepNumbers={false}
      title="Nasze Usługi"
      description="Oferujemy szeroki wachlarz profesjonalnych usług fryzjerskich, dostosowanych do Twoich potrzeb. Pozwól nam zadbać o Twoje włosy od korzeni aż po same końce."
    />
  </div>

  <div id="galeria" data-section="galeria">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "style-1",
          brand: "Włudyka-Sliwa",
          name: "Eleganckie fale",
          price: "od 120 zł",
          rating: 5,
          reviewCount: "25 opinii",
          imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-fresh-daily-makeup-with-red-lips-color-clean-healthy-skin_158538-2963.jpg",
          imageAlt: "Eleganckie długie fale",
        },
        {
          id: "style-2",
          brand: "Włudyka-Sliwa",
          name: "Nowoczesny bob",
          price: "od 90 zł",
          rating: 5,
          reviewCount: "18 opinii",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-brunette-woman-model-casual-summer-clothes-with-no-makeup-isolated-gray-wall_158538-14683.jpg",
          imageAlt: "Krótki, nowoczesny bob",
        },
        {
          id: "style-3",
          brand: "Włudyka-Sliwa",
          name: "Klasyczne strzyżenie męskie",
          price: "od 60 zł",
          rating: 5,
          reviewCount: "32 opinie",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-blond-male-dressed-waistcoat_613910-11225.jpg",
          imageAlt: "Strzyżenie męskie",
        },
        {
          id: "style-4",
          brand: "Włudyka-Sliwa",
          name: "Intensywny rudy",
          price: "od 180 zł",
          rating: 5,
          reviewCount: "12 opinii",
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-lady-wig-smiling-indoor-photoshoot-close-up-portrait-laughing-stylish-woman-with-pink-hair-posing-sparkle-glasses_197531-8044.jpg",
          imageAlt: "Intensywny rudy kolor włosów",
        },
        {
          id: "style-5",
          brand: "Włudyka-Sliwa",
          name: "Upięcie okolicznościowe",
          price: "od 150 zł",
          rating: 5,
          reviewCount: "20 opinii",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105867.jpg",
          imageAlt: "Eleganckie upięcie na specjalną okazję",
        },
        {
          id: "style-6",
          brand: "Włudyka-Sliwa",
          name: "Naturalne loki",
          price: "od 100 zł",
          rating: 5,
          reviewCount: "15 opinii",
          imageSrc: "http://img.b2bpic.net/free-photo/carefree-girl-posing-street-near-red-wall_158538-16459.jpg",
          imageAlt: "Piękne, naturalne loki",
        },
      ]}
      title="Nasza Galeria"
      description="Zobacz nasze najnowsze dzieła i zainspiruj się do swojej kolejnej transformacji. Każda fryzura to indywidualna sztuka."
    />
  </div>

  <div id="opinie" data-section="opinie">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Moje włosy nigdy nie wyglądały lepiej!",
          quote: "Jestem zachwycona nową fryzurą i kolorem. Pani Agnieszka to prawdziwa artystka, która słucha klienta i tworzy cuda. Polecam serdecznie!",
          name: "Anna Kowalska",
          role: "Klientka",
          imageSrc: "http://img.b2bpic.net/free-photo/women-holding-heart-eyes-emoticon-using-tablet_53876-71040.jpg",
          imageAlt: "Anna Kowalska",
        },
        {
          id: "2",
          title: "Wreszcie znalazłem idealnego fryzjera.",
          quote: "Od lat szukałem miejsca, gdzie moje włosy będą profesjonalnie strzyżone. Tutaj zawsze wychodzę zadowolony, a obsługa jest na najwyższym poziomie.",
          name: "Marcin Nowak",
          role: "Klient",
          imageSrc: "http://img.b2bpic.net/free-photo/optimistic-man-black-jacket-holds-glasses-shows-sign-peace_197531-26663.jpg",
          imageAlt: "Marcin Nowak",
        },
        {
          id: "3",
          title: "Profesjonalizm i przemiła atmosfera.",
          quote: "Zabieg pielęgnacyjny sprawił, że moje włosy odzyskały blask. Dodatkowo, cały personel jest bardzo życzliwy i tworzy naprawdę miłą atmosferę.",
          name: "Katarzyna Wiśniewska",
          role: "Klientka",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-sweet-gorgeous-nice-woman-with-white-smile-stand-isolated-gray-wall_231208-5821.jpg",
          imageAlt: "Katarzyna Wiśniewska",
        },
        {
          id: "4",
          title: "Zawsze czuję się tu wyjątkowo.",
          quote: "Każda wizyta to czysta przyjemność. Fryzura i kolor idealnie dopasowane do moich oczekiwań. Dziękuję za wspaniałą pracę i dbałość o detale.",
          name: "Ewa Kaczmarek",
          role: "Klientka",
          imageSrc: "http://img.b2bpic.net/free-photo/old-lady-looking-fashionable-close-up_23-2148286596.jpg",
          imageAlt: "Ewa Kaczmarek",
        },
        {
          id: "5",
          title: "Moje loki są pod doskonałą opieką.",
          quote: "Pani Agnieszka doskonale rozumie potrzeby kręconych włosów. Moje loki wyglądają teraz zdrowo i są pięknie podkreślone. Niesamowita wiedza i umiejętności!",
          name: "Zofia Zielińska",
          role: "Klientka",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-smiling-model-with-afro-curls-hairstyle-dressed-summer-hipster-white-dress_158538-739.jpg",
          imageAlt: "Zofia Zielińska",
        },
      ]}
      title="Co mówią o nas Klienci?"
      description="Zadowolenie naszych klientów jest dla nas priorytetem. Posłuchaj, co mają do powiedzenia o swoich doświadczeniach w naszym salonie."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "L'Oréal Professionnel",
        "Kérastase",
        "Schwarzkopf Professional",
        "Wella Professionals",
        "Olaplex",
        "Goldwell",
        "Moroccanoil",
      ]}
      title="Nasi Partnerzy i Wykorzystywane Marki"
      description="Pracujemy tylko na sprawdzonych, wysokiej jakości produktach, aby zapewnić najlepsze rezultaty dla Twoich włosów."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "Jak mogę umówić wizytę?",
          content: "Wizytę można umówić telefonicznie, za pośrednictwem formularza kontaktowego na naszej stronie lub osobiście w salonie. Zapraszamy do kontaktu, aby dobrać dogodny termin.",
        },
        {
          id: "faq-2",
          title: "Czy muszę umawiać się na konsultację przed koloryzacją?",
          content: "Zalecamy konsultację przed koloryzacją, zwłaszcza jeśli jest to Twoja pierwsza wizyta lub planujesz dużą zmianę. Pomoże to nam ocenić stan włosów i dobrać idealny odcień.",
        },
        {
          id: "faq-3",
          title: "Jak długo trwa wizyta?",
          content: "Czas wizyty zależy od wybranej usługi. Strzyżenie zajmuje zazwyczaj około 30-60 minut, natomiast koloryzacja czy kompleksowe zabiegi mogą potrwać od 1,5 do 3 godzin. Podczas rezerwacji poinformujemy o przewidywanym czasie.",
        },
        {
          id: "faq-4",
          title: "Czy oferujecie zabiegi dla dzieci?",
          content: "Tak, oferujemy strzyżenie i delikatne zabiegi pielęgnacyjne dla dzieci. Zapraszamy najmłodszych klientów w towarzystwie opiekunów.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/african-american-doctor-shaking-hands-with-her-female-patient-while-meeting-clinic-focus-is-happy-woman_637285-1785.jpg"
      imageAlt="Recepcjonistka w salonie fryzjerskim"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Często Zadawane Pytania"
      description="Znajdź odpowiedzi na najczęstsze pytania dotyczące naszych usług, rezerwacji i wizyty w salonie."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="kontakt" data-section="kontakt">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Skontaktuj się"
      title="Gotowi na zmianę?"
      description="Umów się na wizytę już dziś i pozwól nam zadbać o Twoje włosy. Czekamy na Ciebie!"
      inputPlaceholder="Twój adres e-mail"
      buttonText="Wyślij zapytanie"
      termsText="Wpisując adres e-mail, wyrażasz zgodę na otrzymywanie informacji handlowych."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Usługi",
          items: [
            {
              label: "Strzyżenie",
              href: "#uslugi",
            },
            {
              label: "Koloryzacja",
              href: "#uslugi",
            },
            {
              label: "Pielęgnacja",
              href: "#uslugi",
            },
            {
              label: "Upięcia",
              href: "#galeria",
            },
          ],
        },
        {
          title: "Informacje",
          items: [
            {
              label: "O nas",
              href: "#o-nas",
            },
            {
              label: "Galeria",
              href: "#galeria",
            },
            {
              label: "Opinie",
              href: "#opinie",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Kontakt",
          items: [
            {
              label: "Umów wizytę",
              href: "#kontakt",
            },
            {
              label: "Telefon: 123 456 789",
              href: "tel:123456789",
            },
            {
              label: "Adres: ul. Fryzjerska 1, Kraków",
              href: "#",
            },
          ],
        },
        {
          title: "Social Media",
          items: [
            {
              label: "Facebook",
              href: "https://facebook.com",
            },
            {
              label: "Instagram",
              href: "https://instagram.com",
            },
          ],
        },
      ]}
      logoText="Włudyka-Sliwa Agnieszka"
      copyrightText="© 2024 Włudyka-Sliwa Agnieszka. Wszelkie prawa zastrzeżone."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
