"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Building2, CheckCircle, Lightbulb, Shield, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="medium"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Start",
          id: "hero",
        },
        {
          name: "O Nas",
          id: "about",
        },
        {
          name: "Usługi",
          id: "features",
        },
        {
          name: "Osiągnięcia",
          id: "metrics",
        },
        {
          name: "Realizacje",
          id: "products",
        },
        {
          name: "Referencje",
          id: "testimonials",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Kontakt",
          id: "contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-construction-company-logo_23-2150051918.jpg"
      logoAlt="Alpinex Robert Kokoszka Logo"
      brandName="Alpinex Robert Kokoszka"
      bottomLeftText="Lider w dekarstwie"
      bottomRightText="biuro@alpinex.pl"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "rotated-rays-static-grid",
      }}
      title="Alpinex Robert Kokoszka"
      description="Profesjonalne Usługi Dekarskie na Najwyższym Poziomie - Od Montażu po Renowacje. Gwarantujemy trwałość, estetykę i bezpieczeństwo każdego dachu."
      tag="Twój Dach, Nasza Pasja"
      buttons={[
        {
          text: "Darmowa Wycena",
          href: "#contact",
        },
        {
          text: "Poznaj Nasze Usługi",
          href: "#features",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/nanchang-street-old-town-wuxi-china_1127-3944.jpg",
          imageAlt: "Montaż nowoczesnego dachu",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/roof_23-2148098647.jpg",
          imageAlt: "Renowacja dachu przemysłowego",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg",
          imageAlt: "Profesjonalna inspekcja dachu",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-textured-background_53876-32399.jpg",
          imageAlt: "Wysokiej jakości materiały dekarskie",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg",
          imageAlt: "Gotowy projekt dachu",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg",
          imageAlt: "Zespół dekarzy w pracy",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="O Firmie Alpinex"
      tagIcon={Shield}
      title="Wieloletnie Doświadczenie w Dekarstwie i Niezawodność"
      description="Alpinex Robert Kokoszka to gwarancja solidności i precyzji w każdym projekcie. Z pasją i zaangażowaniem tworzymy dachy, które służą latami, łącząc tradycyjne rzemiosło z nowoczesnymi technologiami. Nasz zespół ekspertów dba o każdy detal, oferując kompleksowe usługi od doradztwa po perfekcyjne wykonanie."
      subdescription="Zapewniamy bezpieczeństwo, trwałość i spokój ducha dla Twojego domu lub firmy."
      icon={Award}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg"
      imageAlt="Dekarz inspekcja dachu"
      mediaAnimation="entrance-slide"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Building2,
          title: "Montaż Nowych Pokryć",
          description: "Kompleksowy montaż dachów z różnych materiałów, zapewniający trwałość i estetykę na lata. Od dachówki ceramicznej po blachodachówkę.",
        },
        {
          icon: Wrench,
          title: "Renowacje i Naprawy",
          description: "Profesjonalne usługi renowacyjne i naprawcze, przywracające dachu pełną funkcjonalność i estetyczny wygląd po latach eksploatacji.",
        },
        {
          icon: Lightbulb,
          title: "Doradztwo Techniczne",
          description: "Wsparcie w wyborze najlepszych rozwiązań materiałowych i technologicznych, optymalnie dopasowanych do Twojego budżetu i specyfikacji projektu.",
        },
        {
          icon: CheckCircle,
          title: "Przeglądy i Konserwacja",
          description: "Regularne przeglądy oraz konserwacja dachu, które pomagają zapobiegać awariom i wydłużają żywotność pokrycia dachowego.",
        },
      ]}
      title="Nasze Usługi Dekarskie"
      description="Specjalizujemy się w szerokim zakresie profesjonalnych usług, dostosowanych do indywidualnych potrzeb każdego klienta, zawsze z dbałością o najwyższe standardy."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Alpinex w Liczbach"
      tag="Nasze Osiągnięcia"
      metrics={[
        {
          id: "m1",
          value: "25+",
          description: "Lat Doświadczenia w Branży",
        },
        {
          id: "m2",
          value: "500+",
          description: "Zrealizowanych Projektów Dachowych",
        },
        {
          id: "m3",
          value: "100%",
          description: "Zadowolenia Klientów",
        },
        {
          id: "m4",
          value: "12",
          description: "Specjalistów w Zespole",
        },
      ]}
      metricsAnimation="entrance-slide"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "p1",
          name: "Dachówka Ceramiczna",
          price: "od 120 zł/m²",
          variant: "Klasyczna elegancja",
          imageSrc: "http://img.b2bpic.net/free-photo/red-tiles-roof-background_1373-196.jpg",
          imageAlt: "Dachówka ceramiczna",
        },
        {
          id: "p2",
          name: "Blachodachówka",
          price: "od 80 zł/m²",
          variant: "Nowoczesność i trwałość",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-glass-roof-modern-building-blue-sky_181624-8373.jpg",
          imageAlt: "Blachodachówka metalowa",
        },
        {
          id: "p3",
          name: "Dach Płaski",
          price: "od 95 zł/m²",
          variant: "Funkcjonalność i minimalizm",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
          imageAlt: "Dach płaski z membraną",
        },
        {
          id: "p4",
          name: "Zielony Dach",
          price: "od 180 zł/m²",
          variant: "Ekologia i estetyka",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-floor-with-two-grass-mats_23-2147625768.jpg",
          imageAlt: "Zielony dach z roślinnością",
        },
        {
          id: "p5",
          name: "Łupek Dachowy",
          price: "od 250 zł/m²",
          variant: "Luksus i naturalność",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-10530.jpg",
          imageAlt: "Łupek dachowy",
        },
        {
          id: "p6",
          name: "Gont Bitumiczny",
          price: "od 70 zł/m²",
          variant: "Ekonomiczny i elastyczny",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-ceiling-structure-pavilion-gazebo_181624-55037.jpg",
          imageAlt: "Gont bitumiczny",
        },
      ]}
      title="Nasze Realizacje i Materiały"
      description="Prezentujemy wybrane projekty oraz wysokiej jakości materiały, których używamy, zapewniając różnorodność i dopasowanie do każdego stylu architektonicznego."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          title: "Niezawodna usługa i doskonała jakość!",
          quote: "Firma Alpinex wykonała dach naszego domu z niezwykłą precyzją i dbałością o szczegóły. Jesteśmy bardzo zadowoleni z efektu i polecamy ich usługi każdemu!",
          name: "Anna Kowalska",
          role: "Właścicielka Domu",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-man-stairs_23-2147961094.jpg",
          imageAlt: "Anna Kowalska",
        },
        {
          id: "t2",
          title: "Profesjonalizm na każdym etapie!",
          quote: "Od pierwszej konsultacji po zakończenie prac, zespół Alpinex był niezwykle profesjonalny. Dach wygląda pięknie i czujemy się bezpiecznie.",
          name: "Jan Nowak",
          role: "Inwestor Budowlany",
          imageSrc: "http://img.b2bpic.net/free-photo/customer-satisfaction-online-survey-form_53876-124212.jpg",
          imageAlt: "Jan Nowak",
        },
        {
          id: "t3",
          title: "Szybko, sprawnie i solidnie!",
          quote: "Potrzebowaliśmy pilnej naprawy dachu. Alpinex zareagował błyskawicznie i wykonał pracę z najwyższą starannością. Pełen profesjonalizm!",
          name: "Maria Wiśniewska",
          role: "Zarządca Nieruchomości",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
          imageAlt: "Maria Wiśniewska",
        },
        {
          id: "t4",
          title: "Estetyka i funkcjonalność w jednym!",
          quote: "Nowy dach od Alpinex nie tylko wygląda fantastycznie, ale także doskonale spełnia swoją funkcję. Doceniamy doradztwo w wyborze materiałów.",
          name: "Piotr Dąbrowski",
          role: "Architekt",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",
          imageAlt: "Piotr Dąbrowski",
        },
        {
          id: "t5",
          title: "Bezkonkurencyjna jakość i obsługa!",
          quote: "Pozytywnie zaskoczyła nas jakość wykonania i podejście do klienta. Alpinex to firma godna zaufania, z którą warto budować.",
          name: "Katarzyna Kaczmarek",
          role: "Właścicielka Firmy",
          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas_176420-1669.jpg",
          imageAlt: "Katarzyna Kaczmarek",
        },
      ]}
      title="Co Mówią Nasi Zadowoleni Klienci?"
      description="Zadowolenie klientów to nasz priorytet. Ich opinie świadczą o naszym profesjonalizmie i zaangażowaniu w każdy projekt."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Jak długo trwa montaż nowego dachu?",
          content: "Czas montażu zależy od wielu czynników, takich jak rozmiar i złożoność dachu, wybrany materiał oraz warunki pogodowe. Zazwyczaj trwa to od kilku dni do kilku tygodni. Dokładną wycenę i harmonogram przedstawiamy po wizji lokalnej.",
        },
        {
          id: "q2",
          title: "Jakie materiały dachowe polecacie?",
          content: "Polecamy szeroki wybór materiałów, w tym dachówkę ceramiczną, blachodachówkę, gont bitumiczny oraz łupek. Wybór zależy od preferencji estetycznych, budżetu i specyfikacji technicznej budynku. Chętnie doradzimy najlepsze rozwiązanie.",
        },
        {
          id: "q3",
          title: "Czy oferujecie gwarancję na wykonane prace?",
          content: "Tak, na wszystkie wykonane prace oraz użyte materiały udzielamy pełnej gwarancji. Szczegóły gwarancji są zawsze jasno określone w umowie i dostosowane do specyfiki projektu.",
        },
        {
          id: "q4",
          title: "Jak często należy przeprowadzać przeglądy dachu?",
          content: "Zalecamy przeprowadzanie profesjonalnych przeglądów dachu przynajmniej raz do roku, najlepiej wiosną lub jesienią. Pozwala to na wczesne wykrycie potencjalnych problemów i zapobieganie kosztownym naprawom.",
        },
      ]}
      sideTitle="Często Zadawane Pytania"
      sideDescription="Znajdź odpowiedzi na najczęstsze pytania dotyczące naszych usług dekarskich. Jeśli masz inne pytania, skontaktuj się z nami!"
      faqsAnimation="entrance-slide"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static-grid",
      }}
      tag="Skontaktuj Się z Nami"
      title="Rozpocznij Swój Projekt z Alpinex Robert Kokoszka"
      description="Potrzebujesz wyceny, fachowej porady czy chcesz omówić szczegóły swojego projektu dekarskiego? Jesteśmy do Twojej dyspozycji!"
      imageSrc="http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg"
      imageAlt="Zespół dekarzy omawia plany projektu"
      mediaAnimation="entrance-slide"
      mediaPosition="right"
      inputPlaceholder="Wpisz swój adres e-mail"
      buttonText="Wyślij Zapytanie"
      termsText="Klikając Wyślij Zapytanie, potwierdzasz, że zgadzasz się z naszymi Warunkami i Zasadami."
      onSubmit={(email: string) => console.log(`Email submitted: ${email}`)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Usługi",
          items: [
            {
              label: "Montaż Dachów",
              href: "#features",
            },
            {
              label: "Renowacje",
              href: "#features",
            },
            {
              label: "Naprawy",
              href: "#features",
            },
            {
              label: "Doradztwo",
              href: "#features",
            },
          ],
        },
        {
          title: "Firma",
          items: [
            {
              label: "O Nas",
              href: "#about",
            },
            {
              label: "Realizacje",
              href: "#products",
            },
            {
              label: "Referencje",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Kontakt",
          items: [
            {
              label: "Skontaktuj Się",
              href: "#contact",
            },
            {
              label: "Darmowa Wycena",
              href: "#contact",
            },
            {
              label: "biuro@alpinex.pl",
              href: "mailto:biuro@alpinex.pl",
            },
            {
              label: "+48 123 456 789",
              href: "tel:+48123456789",
            },
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-construction-company-logo_23-2150051918.jpg"
      logoAlt="Alpinex Robert Kokoszka Logo"
      logoText="Alpinex Robert Kokoszka"
      copyrightText="© 2024 Alpinex Robert Kokoszka. Wszelkie prawa zastrzeżone."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
