"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 FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Over Ons",          id: "#about"},
        {
          name: "Diensten",          id: "#services"},
        {
          name: "Projecten",          id: "#projects"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Offerte aanvragen",        href: "#contact"}}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=he6s6i"
      logoAlt="Tuinwerken Blanpain Logo"
      brandName="Tuinwerken Blanpain"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Prachtige tuinen, vakkundig aangelegd en onderhouden"
      description="Tuinwerken Blanpain transformeert uw buitenruimte in een groene oase. Van ontwerp tot onderhoud—alles uit één hand."
      tag="Uw Groene Oase Start Hier"
      buttons={[
        {
          text: "Offerte aanvragen",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698450.jpg",          imageAlt: "Lush garden design by Tuinwerken Blanpain"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg",          imageAlt: "Professional garden maintenance service"},
      ]}
      mediaAnimation="opacity"
      rating={5}
      ratingText="Uitstekende klanttevredenheid"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Over Tuinwerken Blanpain"
      description="Met jarenlange ervaring en een passie voor groen, creëert en onderhoudt Tuinwerken Blanpain adembenemende buitenruimtes. Wij staan voor vakmanschap, duurzaamheid en een persoonlijke aanpak, van concept tot realisatie."
      metrics={[
        {
          value: "15+",          title: "Jaren Ervaring"},
        {
          value: "200+",          title: "Succesvolle Projecten"},
        {
          value: "100%",          title: "Klanttevredenheid"},
      ]}
      tag="Wie Wij Zijn"
      imageSrc="http://img.b2bpic.net/free-photo/person-s-hand-pruning-plant-leaves-with-pruner-wooden-bench_23-2148044538.jpg"
      imageAlt="Garden planning on a blueprint with tools"
      mediaAnimation="opacity"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Tuinontwerp & Advies",          description: "Samen met u creëren we een uniek ontwerp dat perfect aansluit bij uw wensen en de omgeving van uw woning.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/plant-blogger-filming-video-herself-planting_53876-132344.jpg",            imageAlt: "3D garden design rendering"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg",            imageAlt: "Hand-drawn garden sketch"},
        },
        {
          title: "Tuinaanleg & Realisatie",          description: "Van grondwerk tot beplanting, wij zorgen voor een vakkundige aanleg van uw droomtuin met oog voor detail en kwaliteit.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/trowels-near-fence_23-2147714873.jpg",            imageAlt: "Landscapers installing new plants"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/team-multi-ethnic-architects-designing-blueprint-plan_482257-12295.jpg",            imageAlt: "Gardener working with soil"},
        },
        {
          title: "Tuinonderhoud & Verzorging",          description: "Regelmatig of seizoensgebonden onderhoud, wij houden uw tuin in topconditie zodat u zorgeloos kunt genieten.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg",            imageAlt: "Gardener pruning a hedge"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg",            imageAlt: "Gardener watering plants"},
        },
      ]}
      showStepNumbers={false}
      title="Onze Diensten"
      description="Van doordacht tuinontwerp tot vakkundig onderhoud, wij bieden een compleet pakket om uw tuin het hele jaar door te laten stralen."
      tag="Wat Wij Doen"
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          brand: "Residentieel",          name: "Stijlvolle Terrastuin",          price: "Op aanvraag",          rating: 5,
          reviewCount: "12 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg",          imageAlt: "Modern patio garden design"},
        {
          id: "2",          brand: "Residentieel",          name: "Uitnodigende Voortuin",          price: "Op aanvraag",          rating: 5,
          reviewCount: "8 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/hotel-lobby-interior_1127-3416.jpg",          imageAlt: "Beautiful front yard landscaping"},
        {
          id: "3",          brand: "Speciaal",          name: "Rustgevende Waterpartij",          price: "Op aanvraag",          rating: 5,
          reviewCount: "5 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748282.jpg",          imageAlt: "Garden with a small waterfall feature"},
        {
          id: "4",          brand: "Duurzaam",          name: "Biologische Moestuin",          price: "Op aanvraag",          rating: 5,
          reviewCount: "7 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/germination-microgreens-germination-seeds-home_169016-35129.jpg",          imageAlt: "Raised bed organic vegetable garden"},
        {
          id: "5",          brand: "Onderhoudsarm",          name: "Mediterrane Rotstuin",          price: "Op aanvraag",          rating: 5,
          reviewCount: "10 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-algae-moss-podium_23-2151195089.jpg",          imageAlt: "Xeriscape rock garden"},
        {
          id: "6",          brand: "Sfeervol",          name: "Tuinverlichting Design",          price: "Op aanvraag",          rating: 5,
          reviewCount: "6 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/how-is-rich-people-have-supper-prepared-desk-waiting-food-visitors-evening-time_146671-14412.jpg",          imageAlt: "Garden with evening lighting"},
      ]}
      title="Realiseer Uw Droomtuin"
      description="Blader door onze portfolio van afgeronde projecten en laat u inspireren voor uw eigen buitenruimte."
      tag="Onze Projecten"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Gemeente Groen",        "Woningbouw nv",        "Park Beheer",        "Villa Lux",        "Eco Tuinen Bv",        "Regio Vastgoed",        "Stadsparken"]}
      title="Partners en Tevreden Klanten"
      description="Wij werken samen met toonaangevende leveranciers en hebben een brede klantenkring opgebouwd in de regio."
      tag="Samen Sterk"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Mevr. E. Janssens",          role: "Huisvrouw",          company: "Lokale inwoner",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",          imageAlt: "Happy senior woman in her garden"},
        {
          id: "2",          name: "Dhr. K. De Clercq",          role: "Vastgoedbeheerder",          company: "De Clercq Vastgoed",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-smiling-sitting-grass-garden_176420-19940.jpg",          imageAlt: "Smiling man in a garden setting"},
        {
          id: "3",          name: "Fam. Van den Berg",          role: "Huisbazen",          company: "Privé woning",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/sweethearts-having-rest-picnic-glade_23-2148179191.jpg",          imageAlt: "Young couple enjoying their garden"},
        {
          id: "4",          name: "Mevr. S. Dubois",          role: "Directrice",          company: "Green Living B&B",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-decorating-home_23-2150633326.jpg",          imageAlt: "Woman looking at her garden with satisfaction"},
        {
          id: "5",          name: "Dhr. J. Mertens",          role: "Projectontwikkelaar",          company: "Mertens Bouw",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-plant_23-2149098303.jpg",          imageAlt: "Man looking at a green area"},
      ]}
      kpiItems={[
        {
          value: "98%",          label: "Klanttevredenheid"},
        {
          value: "15+",          label: "Jaren Ervaring"},
        {
          value: "200+",          label: "Projecten Succesvol"},
      ]}
      title="Wat Onze Klanten Zeggen"
      description="Lees de ervaringen van onze tevreden klanten en ontdek waarom zij Tuinwerken Blanpain vertrouwen met hun buitenruimte."
      tag="Klantverhalen"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "Wat zijn de kosten voor tuinonderhoud?",          content: "De kosten voor tuinonderhoud zijn afhankelijk van de grootte van uw tuin, de gewenste frequentie en de specifieke werkzaamheden. Wij bieden offertes op maat na een vrijblijvend eerste bezoek."},
        {
          id: "2",          title: "Kunt u ook een volledig nieuw tuinontwerp realiseren?",          content: "Absoluut! Wij zijn gespecialiseerd in het creëren van complete tuinontwerpen, van concept tot gedetailleerde plannen, rekening houdend met uw persoonlijke stijl en budget."},
        {
          id: "3",          title: "Werkt Tuinwerken Blanpain ook voor bedrijven en vastgoedbeheerders?",          content: "Jazeker, naast particulieren bedienen wij ook zakelijke klanten en vastgoedbeheerders met professionele tuin- en terreinverzorging, om zo een representatieve uitstraling te garanderen."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-notebook-with-gardening-elements_23-2147997161.jpg"
      imageAlt="Person holding a question mark near a plant"
      mediaAnimation="opacity"
      title="Veelgestelde Vragen"
      description="Heeft u vragen over onze diensten? Hier vindt u de antwoorden op de meest gestelde vragen."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Klaar om uw droomtuin te realiseren? Neem vandaag nog contact met ons op voor een vrijblijvende offerte."
      buttons={[
        {
          text: "Vraag uw offerte aan",          href: "mailto:info@tuinwerkenblanpain.be"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Snelkoppelingen",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "Diensten",              href: "#services"},
            {
              label: "Projecten",              href: "#projects"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Diensten",          items: [
            {
              label: "Tuinontwerp",              href: "#services"},
            {
              label: "Tuinaanleg",              href: "#services"},
            {
              label: "Tuinonderhoud",              href: "#services"},
            {
              label: "Bestrating",              href: "#services"},
          ],
        },
        {
          title: "Info",          items: [
            {
              label: "Over Ons",              href: "#about"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Algemene Voorwaarden",              href: "#"},
            {
              label: "Privacybeleid",              href: "#"},
          ],
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=he6s6i"
      logoAlt="Tuinwerken Blanpain Logo"
      logoText="Tuinwerken Blanpain"
      copyrightText="© 2024 Tuinwerken Blanpain. Alle rechten voorbehouden."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
