"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, CheckCircle, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Over Ons",
          id: "#about",
        },
        {
          name: "Diensten",
          id: "#diensten",
        },
        {
          name: "Producten",
          id: "#producten",
        },
        {
          name: "Tarieven",
          id: "#tarieven",
        },
        {
          name: "Resultaten",
          id: "#resultaten",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="AquaForce"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Krachtige Hogedrukreiniging voor Elk Oppervlak"
      description="Van opritten tot gevels, wij leveren schone resultaten die indruk maken. Ontdek de AquaForce ervaring."
      buttons={[
        {
          text: "Vraag een Offerte Aan",
          href: "#contact",
        },
        {
          text: "Bekijk Diensten",
          href: "#diensten",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/effort-fatigue-young-adult-tired-man-protective-helmet-bright-vest-with-special-equipment-working-construction-site-against-background-new-building_259150-57671.jpg?_wi=1",
          imageAlt: "krachtige hogedrukreiniger spuitwater terras",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-curious-female-architect-uniform-wearing-hard-hat-with-measuring-tape-red-wall_140725-68431.jpg?_wi=1",
          imageAlt: "krachtige hogedrukreiniger spuitwater oprit",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-two-young-women-standing-near-coast_23-2147893755.jpg",
          imageAlt: "hogedrukreiniger equipment detail waterstraal",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blue-reflective-glass-with-water-droplets-backdrop_23-2148070936.jpg",
          imageAlt: "schone gevel na hogedrukreiniging",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg",
          imageAlt: "hogedrukreiniger accessoires reiniging",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg",
          imageAlt: "hogedruk waterstraal schuimreiniging",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Uw Partner in Schoonmaakoplossingen"
      description="AquaForce is gespecialiseerd in professionele hogedrukreiniging voor particulieren en bedrijven. Met geavanceerde apparatuur en een ervaren team garanderen we een diepe reiniging die de levensduur van uw eigendommen verlengt en hun esthetische waarde herstelt. Wij streven naar perfectie in elk project."
      imageSrc="http://img.b2bpic.net/free-photo/joyful-happy-family-couple-clenching-their-fists-with-excitement-being-glad-clean-all-rooms-their-house-rejoicing-their-results-successful-male-female-workers-from-cleaning-service_273609-7844.jpg"
      imageAlt="professioneel schoonmaakteam glimlachend"
    />
  </div>

  <div id="diensten" data-section="diensten">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "Oprit Reiniging",
          description: "Verwijder hardnekkig vuil, mos en algen van uw oprit. Herstel de originele kleur en uitstraling met onze krachtige hogedrukreinigers.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-using-spray-drawing-graffiti-wall_23-2147839425.jpg",
          imageAlt: "schone oprit na reiniging",
          titleImageSrc: "http://img.b2bpic.net/free-photo/african-american-activist-volunteering-tidy-forest-ecosystem_482257-93953.jpg",
          buttonText: "Meer info",
        },
        {
          title: "Terras Reiniging",
          description: "Geef uw terras een frisse look. Wij reinigen alle soorten terrassen grondig, van tegels tot hout, zonder beschadiging.",
          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-protective-gear_23-2148269794.jpg",
          imageAlt: "schoon terras na reiniging",
          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-greenhouse_23-2148509895.jpg",
          buttonText: "Meer info",
        },
        {
          title: "Gevel Reiniging",
          description: "Bescherm en verfraai uw woning of bedrijfspand met een professionele gevelreiniging. Verwijder atmosferisch vuil en aanslag.",
          imageSrc: "http://img.b2bpic.net/free-photo/firemen-platform-truck-going-roof-house-fire-view-firefighters-trying-extinguish-fire-from-burning-building-flames-fumes-men-stopping-smog-smoke-from-house_482257-34834.jpg",
          imageAlt: "schone gevel na reiniging",
          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-standing-steps_23-2147910870.jpg",
          buttonText: "Meer info",
        },
      ]}
      title="Onze Diensten"
      description="Wij bieden een breed scala aan hogedrukreinigingsdiensten, afgestemd op uw specifieke behoeften. Elk project wordt met de grootste zorg en expertise uitgevoerd om optimale resultaten te garanderen."
    />
  </div>

  <div id="producten" data-section="producten">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Kärcher K7 Premium Full Control Plus",
          price: "€ 549,99",
          variant: "Voor intensief gebruik",
          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-man-with-modern-gardening-equipment_329181-20581.jpg",
          imageAlt: "Karcher K7 hogedrukreiniger productfoto",
        },
        {
          id: "p2",
          name: "Nilfisk C 135.1-8 HOME X-TRA",
          price: "€ 249,99",
          variant: "Compact en krachtig",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27473.jpg",
          imageAlt: "Nilfisk C135 hogedrukreiniger productfoto",
        },
        {
          id: "p3",
          name: "Terrasreiniger T 5 Patio Cleaner",
          price: "€ 79,99",
          variant: "Efficiënt voor grote oppervlakken",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-protective-gloves-cleaning-white-desk_23-2147916062.jpg",
          imageAlt: "terrasreiniger opzetstuk hogedruk",
        },
        {
          id: "p4",
          name: "Rioolreinigingsslang 15m",
          price: "€ 49,99",
          variant: "Voor verstopte afvoeren",
          imageSrc: "http://img.b2bpic.net/free-photo/small-movie-projector_23-2147698858.jpg",
          imageAlt: "rioolslang hogedrukreiniger accessoire",
        },
        {
          id: "p5",
          name: "Roterende Wasborstel",
          price: "€ 34,99",
          variant: "Zacht voor auto en gevel",
          imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-liquid-with-light-foam_23-2147934195.jpg",
          imageAlt: "roterende wasborstel auto hogedruk",
        },
        {
          id: "p6",
          name: "Hogedrukreiniger Wasmiddel",
          price: "€ 14,99",
          variant: "Biologisch afbreekbaar",
          imageSrc: "http://img.b2bpic.net/free-photo/transportable-washer_1048-1755.jpg",
          imageAlt: "speciaal reinigingsmiddel hogedruk",
        },
      ]}
      title="Top Hogedrukreinigers & Accessoires"
      description="Ontdek ons assortiment professionele hogedrukreinigers en essentiële accessoires voor de beste resultaten bij al uw schoonmaakprojecten thuis of op het werk."
    />
  </div>

  <div id="tarieven" data-section="tarieven">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basis",
          title: "Basis Reiniging",
          price: "€ 99",
          period: "/ project",
          features: [
            "Oprit tot 50m²",
            "1 Jaar garantie op alg terugkeer",
            "Milieuvriendelijke reinigingsmiddelen",
            "Snel en efficiënt",
          ],
          button: {
            text: "Kies Basis Plan",
          },
          imageSrc: "http://img.b2bpic.net/free-vector/verified-ribbon-check-mark-green_78370-6057.jpg",
          imageAlt: "check mark icon green circle",
        },
        {
          id: "standaard",
          title: "Standaard Reiniging",
          price: "€ 199",
          period: "/ project",
          features: [
            "Oprit en Terras tot 75m²",
            "2 Jaar garantie op alg terugkeer",
            "Gratis inspectie en advies",
            "Nabehandeling ter preventie",
          ],
          button: {
            text: "Kies Standaard Plan",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/effort-fatigue-young-adult-tired-man-protective-helmet-bright-vest-with-special-equipment-working-construction-site-against-background-new-building_259150-57671.jpg?_wi=2",
          imageAlt: "check mark icon green circle",
        },
        {
          id: "premium",
          title: "Premium Reiniging",
          price: "€ 299",
          period: "/ project",
          features: [
            "Volledige exterieur reiniging (100m²)",
            "3 Jaar garantie op alg terugkeer",
            "Jaarlijks onderhoudsplan beschikbaar",
            "Daken en gevels inbegrepen",
          ],
          button: {
            text: "Kies Premium Plan",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-curious-female-architect-uniform-wearing-hard-hat-with-measuring-tape-red-wall_140725-68431.jpg?_wi=2",
          imageAlt: "check mark icon green circle",
        },
      ]}
      title="Heldere Tarieven, Geen Verrassingen"
      description="Kies het pakket dat het beste bij uw behoeften past. Onze flexibele opties zijn ontworpen om u de beste service te bieden tegen een eerlijke prijs."
    />
  </div>

  <div id="resultaten" data-section="resultaten">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "1500+",
          title: "Tevreden Klanten",
          description: "Duizenden huishoudens en bedrijven hebben geprofiteerd van onze topkwaliteit reinigingsdiensten.",
          icon: CheckCircle,
        },
        {
          id: "m2",
          value: "98%",
          title: "Klanttevredenheid",
          description: "Onze klanten beoordelen ons gemiddeld met een 9.8 voor service en resultaat. Uw tevredenheid is onze prioriteit.",
          icon: Star,
        },
        {
          id: "m3",
          value: "10+",
          title: "Jaren Ervaring",
          description: "Met meer dan een decennium aan expertise zijn we de vertrouwde keuze voor al uw hogedrukreinigingsbehoeften.",
          icon: Award,
        },
      ]}
      title="Onze Prestaties Spreken Voor Zich"
      description="Mijlpalen die onze toewijding aan kwaliteit, klanttevredenheid en efficiëntie onderstrepen. Wij zijn trots op de resultaten die we leveren."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Emma Jansen",
          handle: "@emmaschoon",
          testimonial: "De oprit is weer als nieuw! Ik had nooit gedacht dat het zo'n verschil zou maken. Professionele service en vriendelijk personeel. Een absolute aanrader!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-best-friends-spending-time-together-outside_23-2148979086.jpg",
        },
        {
          id: "t2",
          name: "Ruben de Vries",
          handle: "@rubenvloer",
          testimonial: "Mijn terras was groen van de algen, maar na de behandeling van AquaForce ziet het er fantastisch uit. Snel, efficiënt en betaalbaar. Zeer tevreden!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-clothes-looking-side-relax-profile-pose-with-natural-face-with-confident-smile_839833-18772.jpg",
        },
        {
          id: "t3",
          name: "Sophie Bakker",
          handle: "@sophiehuis",
          testimonial: "De gevel van ons huis schittert weer! Geen vlekje meer te zien. De medewerkers waren zeer zorgvuldig en lieten alles netjes achter. Topwerk!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-woman-sunglasses-walking-around-city-smiling_176420-1881.jpg",
        },
        {
          id: "t4",
          name: "Mark Kuipers",
          handle: "@markbedrijf",
          testimonial: "Als bedrijf zoeken we altijd naar betrouwbare partners. AquaForce overtrof onze verwachtingen met hun snelle reactie en indrukwekkende resultaten.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-looking-aside-with-hands-together-happy-excited-waiting-surprise_141793-37402.jpg",
        },
        {
          id: "t5",
          name: "Laura Smit",
          handle: "@lauraschoon",
          testimonial: "Vanaf het eerste contact tot de oplevering was de service van AquaForce uitstekend. Mijn tuinmeubelen zijn brandschoon. Ik zal ze zeker opnieuw inschakelen!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/charming-beautiful-blue-eyed-young-woman-with-long-wavy-hair-keeps-hhands-chin-looks-directly-camera-dressed-casual-basic-t-shirt-isolated-pink-background-poses-making-photo_273609-57660.jpg",
        },
      ]}
      showRating={true}
      title="Wat Onze Klanten Zeggen"
      description="Echte verhalen van tevreden klanten die de AquaForce ervaring hebben beleefd. Uw vertrouwen is onze grootste beloning."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Neem Contact Op"
      title="Klaar voor een Schone Start?"
      description="Vul het formulier in of bel ons direct voor een vrijblijvende offerte. Wij helpen u graag om uw eigendommen weer te laten stralen!"
      buttons={[
        {
          text: "Vraag een Offerte Aan",
          href: "#",
        },
        {
          text: "Bel Ons Nu",
          href: "tel:+31612345678",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/brunette-from-highpressure-hose-applies-cleaner-car_1153-8835.jpg"
      imageAlt="moderne hogedrukreiniger detail"
      logoText="AquaForce"
      columns={[
        {
          title: "Diensten",
          items: [
            {
              label: "Oprit Reiniging",
              href: "#diensten",
            },
            {
              label: "Terras Reiniging",
              href: "#diensten",
            },
            {
              label: "Gevel Reiniging",
              href: "#diensten",
            },
          ],
        },
        {
          title: "Bedrijf",
          items: [
            {
              label: "Over Ons",
              href: "#about",
            },
            {
              label: "Tarieven",
              href: "#tarieven",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Producten",
          items: [
            {
              label: "Hogedrukreinigers",
              href: "#producten",
            },
            {
              label: "Accessoires",
              href: "#producten",
            },
            {
              label: "Reinigingsmiddelen",
              href: "#producten",
            },
          ],
        },
      ]}
      copyrightText="© 2024 AquaForce. Alle rechten voorbehouden."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
