"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { CheckCircle, Clock, MapPin, Scale, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Startseite",          id: "/"},
        {
          name: "Über Uns",          id: "/ueber-uns"},
        {
          name: "Über mich",          id: "/ueber-mich"},
        {
          name: "Sanitär",          id: "/sanitaer"},
        {
          name: "Heizung",          id: "/heizung"},
        {
          name: "Referenzen",          id: "/referenzen"},
        {
          name: "Kontakt",          id: "/kontakt"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8qyn9l"
      logoAlt="Heizung-Sanitär Wöhler Logo"
      brandName="Heizung-Sanitär Wöhler"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "radial-gradient"}}
      title="Ihr zuverlässiger Partner für Heizung & Sanitär in Safenwil und Umgebung"
      description="Von Reparaturen über Boilerentkalkungen bis zu Umbauten – kompetent, persönlich und zuverlässig."
      buttons={[
        {
          text: "📞 Jetzt anrufen",          href: "tel:+41789799660"},
        {
          text: "📩 Offerte anfordern",          href: "/kontakt"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2xouygo2UlxsLhJEsISFHjP4p/uploaded-1781114173667-cay9ux0f.png"
      imageAlt="Matthias Wöhler bei der Arbeit oder modernes Badezimmer"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-137772.jpg",          alt: "Zufriedener Kunde 1"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",          alt: "Zufriedener Kunde 2"},
        {
          src: "http://img.b2bpic.net/free-photo/wonderful-woman-denim-jacket-white-pants-blowing-kiss-outside-brunette-woman-with-red-lips-with-handbag-posing-outdoors_197531-19347.jpg",          alt: "Zufriedener Kunde 3"},
        {
          src: "http://img.b2bpic.net/free-photo/horizontal-portrait-cheerful-woman-with-appealing-smile-having-pinkish-hair-bun-tattoo-wearing-casual-clothes_273609-307.jpg",          alt: "Zufriedener Kunde 4"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",          alt: "Zufriedener Kunde 5"},
      ]}
      avatarText="+100 zufriedene Kunden"
      marqueeItems={[
        {
          type: "text",          text: "Qualität"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/letter-m-crown-logo-design_474888-1955.jpg",          alt: "Fortress Logo"},
        {
          type: "text",          text: "Zuverlässigkeit"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/flower-star-logo-linear-outline-style-luxury-fashion-cosmetics-foundation-logotype_126523-2830.jpg",          alt: "Ecology Logo"},
        {
          type: "text",          text: "Erfahrung"},
      ]}
      marqueeSpeed={35}
      showMarqueeCard={true}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Users,
          title: "Persönlicher Service",          description: "Direkt vom Inhaber, für eine persönliche und individuelle Betreuung."},
        {
          icon: Clock,
          title: "Schnelle Hilfe",          description: "Bei Reparaturen und Notfällen sind wir rasch vor Ort."},
        {
          icon: Scale,
          title: "Faire Preise",          description: "Transparente Kosten ohne versteckte Gebühren."},
        {
          icon: MapPin,
          title: "Regionale Betreuung",          description: "Ihr lokaler Partner im Aargau und Umgebung."},
        {
          icon: CheckCircle,
          title: "Zuverlässig & Termintreu",          description: "Wir halten unsere Zusagen und sind pünktlich."},
      ]}
      title="Ihre Vorteile mit uns"
      description="Setzen Sie auf Qualität und Zuverlässigkeit für Ihr Zuhause. Wir bieten Ihnen den Service, den Sie verdienen."
    />
  </div>

  <div id="services-overview" data-section="services-overview">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "home-service-sanitaer",          name: "Sanitär-Reparaturen",          price: "Auf Anfrage",          imageSrc: "http://img.b2bpic.net/free-photo/modern-house-bathroom-interior_1232-3337.jpg",          imageAlt: "Sanitär-Reparaturen"},
        {
          id: "home-service-badumbauten",          name: "Badezimmer-Umbauten",          price: "Auf Anfrage",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913228.jpg",          imageAlt: "Badezimmer-Umbauten"},
        {
          id: "home-service-boiler",          name: "Boiler-Entkalkungen",          price: "Auf Anfrage",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating_169016-15375.jpg",          imageAlt: "Boiler-Entkalkungen"},
        {
          id: "home-service-heizungsservice",          name: "Heizungs-Service",          price: "Auf Anfrage",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207710.jpg",          imageAlt: "Heizungs-Service"},
        {
          id: "home-service-waermepumpen",          name: "Wärmepumpen-Installation",          price: "Auf Anfrage",          imageSrc: "http://img.b2bpic.net/free-photo/earth-day-environment-eco-concept-space-text_185193-108907.jpg",          imageAlt: "Wärmepumpen-Installation"},
        {
          id: "home-service-fussboden",          name: "Fussbodenheizung",          price: "Auf Anfrage",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056034.jpg",          imageAlt: "Fussbodenheizung"},
      ]}
      title="Unsere Dienstleistungen für Ihr Zuhause"
      description="Umfassende Lösungen für Heizung, Sanitär und Service – alles aus einer Hand. Modernste Technik trifft auf traditionelles Handwerk."
    />
  </div>

  <div id="about-short" data-section="about-short">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Kompetent, Persönlich, Zuverlässig"
      description="Seit 2024 steht Heizung-Sanitär Wöhler für zuverlässige Sanitär- und Heizungsarbeiten in Safenwil und Umgebung. Als Inhaber begleite ich meine Kunden persönlich – von der Beratung bis zur Umsetzung."
      bulletPoints={[
        {
          title: "100% Kundenzufriedenheit",          description: "Unser Ziel ist Ihre vollständige Zufriedenheit bei jedem Projekt."},
        {
          title: "Fachgerechte Ausführung",          description: "Handwerkliche Präzision und höchste Qualität in jeder Arbeit."},
        {
          title: "Modernste Technik",          description: "Wir setzen auf innovative Lösungen für effiziente und nachhaltige Systeme."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/carpenter-doing-last-touches-piece-wood-sanding-it-with-sandpaper_482257-98142.jpg"
      imageAlt="Matthias Wöhler"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193992.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-using-touchpad-having-video-call-cafe_637285-8881.jpg",          imageAlt: "Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-love-garden_23-2148060165.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-child-mom-son-are-fooling-around-having-fun-near-fireplace_1321-1588.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Maria Müller",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",          imageAlt: "Maria Müller"},
      ]}
      cardTitle="Was unsere Kunden sagen"
      cardTag="Kundenbewertungen"
      cardAnimation="slide-up"
    />
  </div>

  <div id="contact-cta-home" data-section="contact-cta-home">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Kontakt"
      title="Sprechen Sie mit uns"
      description="Wir freuen uns auf Ihre Anfrage und beraten Sie gerne persönlich. Ihr Projekt ist unsere Leidenschaft."
      buttons={[
        {
          text: "📞 Jetzt anrufen",          href: "tel:+41789799660"},
        {
          text: "📩 Offerte anfordern",          href: "/kontakt"},
        {
          text: "💬 WhatsApp Chat",          href: "https://wa.me/41789799660"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2xouygo2UlxsLhJEsISFHjP4p/uploaded-1781007380495-qm9i5tue.png"
      logoAlt="Heizung-Sanitär Wöhler Logo"
      columns={[
        {
          items: [
            {
              label: "Startseite",              href: "/"},
            {
              label: "Über Uns",              href: "/ueber-uns"},
            {
              label: "Über mich",              href: "/ueber-mich"},
            {
              label: "Referenzen",              href: "/referenzen"},
          ],
        },
        {
          items: [
            {
              label: "Sanitär",              href: "/sanitaer"},
            {
              label: "Heizung",              href: "/heizung"},
            {
              label: "Kontakt",              href: "/kontakt"},
          ],
        },
        {
          items: [
            {
              label: "Telefon",              href: "tel:+41789799660"},
            {
              label: "E-Mail",              href: "mailto:info@woehler-haustechnik.ch"},
            {
              label: "WhatsApp",              href: "https://wa.me/41789799660"},
          ],
        },
      ]}
      logoText="Heizung-Sanitär Wöhler"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}