"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, HelpCircle, Home, Sparkles, Star, Wallet, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Over Ons",          id: "#about"},
        {
          name: "Diensten",          id: "#features"},
        {
          name: "Projecten",          id: "#products"},
        {
          name: "Prijsindicatie",          id: "#pricing"},
        {
          name: "Partners",          id: "#social-proof"},
        {
          name: "Getuigenissen",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zalug"
      logoAlt="Vanderstraeten logo"
      brandName="Vanderstraeten Sanitair-Verwarming"
      button={{
        text: "Contact",        href: "#contact"
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient"}}
      title="Vanderstraeten"
      description="Uw betrouwbare partner voor sanitair, verwarming, airco & warmtepompen in Denderleeuw."
      buttons={[
        {
          text: "Ontdek Onze Diensten",          href: "#features"},
        {
          text: "Vraag Offerte Aan",          href: "#contact"},
        {
          text: "Bekijk Projecten",          href: "#products"},
        {
          text: "Lees Meer Over Ons",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/elegant-matte-black-faucet-dark-kitchen-premium-interior-design-with-minimalist-furniture_169016-72709.jpg"
      imageAlt="Installateur werkend aan verwarmingssysteem"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Over Ons"
      tagIcon={Home}
      tagAnimation="none"
      title="Jong, Dynamisch en Klantgericht Vakmanschap"
      description="Bij Vanderstraeten Sanitair-Verwarming combineren we modern vakmanschap met een frisse kijk op elke installatie. We zijn gespecialiseerd in sanitair, airco's en warmtepompen, altijd met oog voor detail en energie-efficiëntie."
      subdescription="Onze aanpak is helder: duidelijke communicatie, transparante afspraken en een resultaat waar u écht blij van wordt. Wij leveren geen standaardwerk, maar slimme oplossingen die perfect aansluiten bij uw wensen en uw woning."
      icon={Home}
      imageSrc="http://img.b2bpic.net/free-photo/skilled-electrician-contracted-check-up-outdoor-air-conditioner-starting-work-shift-trained-worker-wearing-protective-gear-preparing-service-faulty-external-hvac-system_482257-63954.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Sanitair",          description: "Installatie en renovatie van badkamers, waterleidingen, boilers, en afvoersystemen. Van kleine herstellingen tot complete badkamerprojecten, wij garanderen duurzaamheid en vakmanschap.",          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg"},
        {
          title: "Verwarming",          description: "Plaatsing en onderhoud van centrale verwarmingssystemen, vloerverwarming, radiatoren en boilers. Wij zorgen voor een warm en energiezuinig huis, aangepast aan uw behoeften.",          imageSrc: "http://img.b2bpic.net/free-photo/full-length-photo-thoughtful-entrepreneur-nightwear-makes-notes-working-plan-notepad-looks-pensively-aside-stands-spacious-room-near-window_273609-19062.jpg"},
        {
          title: "Airco & Warmtepompen",          description: "Expert in energiezuinige koel- en verwarmingsoplossingen. Installatie en service van airconditioning en geavanceerde warmtepompsystemen voor optimaal comfort het hele jaar door.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388953.jpg"},
      ]}
      title="Compleet Installatiebedrijf voor Uw Woning"
      description="Van kleine reparaties tot volledige installaties, wij bieden een breed scala aan diensten voor een comfortabel en duurzaam thuis."
      tag="Onze Diensten"
      tagIcon={Wrench}
      tagAnimation="none"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "badkamer",          brand: "Vanderstraeten",          name: "Volledige Badkamerrenovatie",          price: "Op aanvraag",          rating: 5,
          reviewCount: "25 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/bathroom-interior-design-zoom-calls-with-plant_23-2149684495.jpg"},
        {
          id: "ketelvervanging",          brand: "Vanderstraeten",          name: "Hoogrendementsketel Vervanging",          price: "Op aanvraag",          rating: 5,
          reviewCount: "18 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg"},
        {
          id: "aircosysteem",          brand: "Vanderstraeten",          name: "Nieuw Airco Systeem Installatie",          price: "Op aanvraag",          rating: 5,
          reviewCount: "12 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/striped-blue-metallic-material-background-with-rain-drops_23-2148722082.jpg"},
        {
          id: "warmtepompinstallatie",          brand: "Vanderstraeten",          name: "Duurzame Warmtepomp Installatie",          price: "Op aanvraag",          rating: 5,
          reviewCount: "30 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250266.jpg"},
        {
          id: "renovatie",          brand: "Vanderstraeten",          name: "Integrale Woningrenovatie",          price: "Op aanvraag",          rating: 5,
          reviewCount: "22 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/man-waiting-washing-machine-finish-its-program_23-2149117028.jpg"},
        {
          id: "onderhoud",          brand: "Vanderstraeten",          name: "Jaarlijks Onderhoudspakket",          price: "Op aanvraag",          rating: 5,
          reviewCount: "40 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg"},
      ]}
      title="Realistiesaties die Spreken"
      description="Een selectie van onze recente projecten die ons vakmanschap en onze veelzijdigheid tonen. Laat u inspireren door onze afgeronde werken."
      tag="Onze Projecten"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basis",          badge: "Standaard",          badgeIcon: Sparkles,
          price: "Vanaf €99",          name: "Basisonderhoud Sanitair",          buttons: [
            {
              text: "Meer info",              href: "#contact"},
          ],
          features: [
            "Jaarlijkse controle",            "Kleine herstellingen",            "Advies op maat",            "Prioritaire service"],
        },
        {
          id: "premium",          badge: "Populairst",          badgeIcon: Sparkles,
          price: "Vanaf €249",          name: "Complete Verwarming & Airco Service",          buttons: [
            {
              text: "Nu Boeken",              href: "#contact"},
          ],
          features: [
            "Uitgebreid onderhoud",            "Controle van alle systemen",            "Inclusief kleine wisselstukken",            "24/7 Nooddienst"],
        },
        {
          id: "totaalproject",          badge: "Maatwerk",          badgeIcon: Sparkles,
          price: "Op aanvraag",          name: "Totaalproject Installatie",          buttons: [
            {
              text: "Offerte Aanvragen",              href: "#contact"},
          ],
          features: [
            "Volledige installatie",            "Persoonlijk ontwerp",            "Projectcoördinatie",            "10 jaar garantie"],
        },
      ]}
      title="Vind het Perfecte Plan voor Uw Behoeften"
      description="Of u nu een snelle service nodig heeft of een complete installatie plant, wij hebben een passend aanbod met duidelijke prijsindicaties."
      tag="Transparante Prijzen"
      tagIcon={Wallet}
      tagAnimation="none"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Viessmann",        "Vaillant",        "Daikin",        "Grohe",        "Hansgrohe",        "Geberit",        "Remaha"]}
      title="Onze Sterke Partners"
      description="Wij werken samen met toonaangevende merken en leveranciers om u de beste kwaliteit, duurzaamheid en de nieuwste technologieën te garanderen voor al uw installaties."
      tag="Kwaliteit & Vertrouwen"
      tagIcon={Award}
      tagAnimation="none"
      speed={40}
      showCard={true}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Fantastische service!",          quote: "Vanderstraeten Sanitair-Verwarming heeft onze badkamer volledig gerenoveerd. De communicatie was vlot, de afspraken werden nagekomen en het resultaat is prachtig! Een echte aanrader.",          name: "Mevr. E. Janssens",          role: "Tevreden klant",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-sits-floor-room-with-loft-interior_613910-20179.jpg"},
        {
          id: "2",          title: "Snel en efficiënt",          quote: "Onze verwarmingsketel ging stuk midden in de winter. Ze waren er snel bij en hebben de herstelling vakkundig uitgevoerd. Zeer tevreden met de snelle en efficiënte service.",          name: "Dhr. M. De Clercq",          role: "Particuliere klant",          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-blue-t-shirt-pointing-side-looking-jolly_176474-32603.jpg"},
        {
          id: "3",          title: "Professioneel en betrouwbaar",          quote: "De installatie van onze warmtepomp is perfect verlopen. Het team was uiterst professioneel, heeft alles netjes achtergelaten en gaf duidelijke uitleg. Absolute topkwaliteit!",          name: "Familie Vermeulen",          role: "Klant duurzame energie",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-happy-finishing-work-assignment_23-2148700722.jpg"},
        {
          id: "4",          title: "Uitstekende begeleiding",          quote: "Van de offertefase tot de oplevering van onze nieuwe airco, werden we uitstekend begeleid. Ze dachten mee en het eindresultaat overtreft onze verwachtingen.",          name: "Dhr. en Mevr. Van den Berg",          role: "Klant airco installatie",          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg"},
        {
          id: "5",          title: "Kwaliteit voorop",          quote: "We zochten een bedrijf dat kwaliteit levert en vonden Vanderstraeten Sanitair-Verwarming. De vakkennis is indrukwekkend en ze werken met de beste materialen. Zeer content met de uitgevoerde werken.",          name: "Dhr. J. Peeters",          role: "Zakelijke klant",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-tank-top_23-2148262827.jpg"},
      ]}
      title="Tevreden Klanten Zijn Onze Prioriteit"
      description="Lees wat onze klanten te zeggen hebben over onze service, professionaliteit en het vakmanschap dat wij leveren bij elk project."
      tag="Wat Klanten Zeggen"
      tagIcon={Star}
      tagAnimation="none"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "Welke diensten bieden jullie aan?",          content: "Wij zijn gespecialiseerd in de installatie en het onderhoud van sanitair, verwarmingssystemen, airconditioning en warmtepompen. Dit omvat alles van badkamerrenovaties tot complete energiezuinige oplossingen."},
        {
          id: "2",          title: "Zijn jullie actief in heel België?",          content: "Onze primaire focus ligt op Denderleeuw en de bredere regio. Voor grotere projecten kunnen wij ook buiten deze regio werken. Neem contact op om de mogelijkheden te bespreken."},
        {
          id: "3",          title: "Hoe vraag ik een offerte aan?",          content: "U kunt eenvoudig een offerte aanvragen via ons contactformulier, per e-mail of telefonisch. Wij komen graag ter plaatse om uw project te bespreken en een gedetailleerde, vrijblijvende offerte op te maken."},
        {
          id: "4",          title: "Bieden jullie garantie op installaties?",          content: "Jazeker, wij staan achter de kwaliteit van ons werk. Op al onze installaties gelden de wettelijke garantietermijnen, en in veel gevallen bieden wij zelfs een uitgebreidere garantie op materialen en werkuren. Details vindt u in uw offerte."},
        {
          id: "5",          title: "Doen jullie ook aan onderhoud?",          content: "Absoluut! Naast installatie bieden wij ook professioneel onderhoud voor uw sanitair, verwarmingssystemen en airco-installaties. Regelmatig onderhoud verlengt de levensduur van uw systemen en garandeert een optimale werking."},
      ]}
      title="Antwoorden op Uw Vragen"
      description="Vind snel antwoorden op de meest gestelde vragen over onze diensten, werkwijze, garanties en service. Staat uw vraag er niet tussen? Neem dan contact met ons op!"
      tag="Hulp Nodig?"
      tagIcon={HelpCircle}
      tagAnimation="none"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated"}}
      text="Neem vandaag nog contact met ons op voor een vrijblijvende offerte of advies op maat. Wij helpen u graag verder met al uw sanitair-, verwarming- of airco-projecten!"
      buttons={[
        {
          text: "Bel Ons Nu",          href: "tel:+3253215287"},
        {
          text: "Stuur Een E-mail",          href: "mailto:info@vanderstraeten-sanitair-verwarming.be"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/road-wind-turbines-sunset-motion-clean-nature-energy_169016-68737.jpg"
      imageAlt="Abstracte achtergrond van buizen en water"
      logoText="Vanderstraeten Sanitair-Verwarming"
      columns={[
        {
          title: "Diensten",          items: [
            {
              label: "Sanitair",              href: "#features"},
            {
              label: "Verwarming",              href: "#features"},
            {
              label: "Airco & Warmtepompen",              href: "#features"},
            {
              label: "Onderhoud",              href: "#products"},
          ],
        },
        {
          title: "Bedrijf",          items: [
            {
              label: "Over Ons",              href: "#about"},
            {
              label: "Projecten",              href: "#products"},
            {
              label: "Getuigenissen",              href: "#testimonials"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Privacybeleid",              href: "#"},
            {
              label: "Algemene Voorwaarden",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2025 Vanderstraeten Sanitair-verwarming. Alle rechten voorbehouden."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
