"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, CalendarX, Car, Clock, MapPin, Phone, Scissors, Sparkles, Star, Users, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Leistungen",          id: "leistungen"},
        {
          name: "Stimmen",          id: "stimmen"},
        {
          name: "Besuch",          id: "besuch"},
      ]}
      brandName="Le Neuf"
      animateOnLoad={true}
      button={{
        text: "Jetzt Termin buchen",        href: "#besuch"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      title="Le Neuf Barber"
      description="Kein Termin nötig. Kein Schnickschnack. Nur gutes Handwerk – gepflegt, ehrlich, zu einem fairen Preis."
      kpis={[
        {
          value: "10+",          label: "Jahre Erfahrung"},
        {
          value: "500+",          label: "Zufriedene Kunden"},
        {
          value: "3",          label: "Meisterbarbiere"},
      ]}
      enableKpiAnimation={false}
      buttons={[
        {
          text: "Uns besuchen",          href: "#besuch"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg?_wi=1"
      imageAlt="Classic barbershop interior with leather chair"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-with-wet_613910-11146.jpg",          alt: "Zufriedener Kunde 1"},
        {
          src: "http://img.b2bpic.net/free-photo/man-portrait_1296-638.jpg",          alt: "Zufriedener Kunde 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1744.jpg",          alt: "Zufriedener Kunde 3"},
        {
          src: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-1800.jpg",          alt: "Zufriedener Kunde 4"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-handsome-male-talking-phone_23-2148446298.jpg",          alt: "Zufriedener Kunde 5"},
      ]}
      avatarText="Über 500+ zufriedene Kunden"
      marqueeItems={[
        {
          type: "text-icon",          text: "Handwerkskunst seit 2010",          icon: Wrench,
        },
        {
          type: "text",          text: "Traditionelle Schnitte"},
        {
          type: "text-icon",          text: "Premium Bartpflege",          icon: Sparkles,
        },
        {
          type: "text",          text: "Kein Termin Nötig"},
        {
          type: "text-icon",          text: "Kostenlose Parkplätze",          icon: Car,
        },
      ]}
    />
  </div>

  <div id="info-bar" data-section="info-bar">
      <AboutMetric
      useInvertedBackground={true}
      title="Wir sind für Sie da."
      metrics={[
        {
          icon: MapPin,
          label: "Schulstraße 3, 65824 Schwalbach am Taunus",          value: "Adresse"
        },
        {
          icon: Clock,
          label: "Di-Fr 08:00-19:00, Sa 07:00-12:00",          value: "Öffnungszeiten"
        },
        {
          icon: Phone,
          label: "06196 9504400",          value: "Telefon"
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Tradition trifft Handwerk"
      metrics={[
        {
          icon: Star,
          label: "4,4 Sterne",          value: "Bewertung"
        },
        {
          icon: Users,
          label: "45+ Bewertungen",          value: "Anzahl"
        },
        {
          icon: CalendarX,
          label: "0 Termine nötig",          value: "Flexibel"
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="leistungen" data-section="leistungen">
      <FeatureBorderGlow
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Scissors,
          title: "Haarschnitt",          description: "Der klassische Herrenhaarschnitt – präzise, stilvoll, perfekt auf Sie abgestimmt. Inklusive Waschen und Styling."},
        {
          icon: Scissors,
          title: "Bart trimmen",          description: "Professionelles Barttrimmen und -stylen, für einen gepflegten Look. Mit warmer Kompresse und Rasiermesser-Finish."},
        {
          icon: Award,
          title: "Komplett (Haar + Bart)",          description: "Das volle Pflegeprogramm: Haarschnitt, Bartpflege und ein entspannendes Finish für den perfekten Auftritt."},
      ]}
      title="Unsere Leistungen"
      description="Professionelle Haarschnitte und Bartpflege, präzise und auf Ihre Wünsche zugeschnitten."
      animationType="slide-up"
    />
  </div>

  <div id="stimmen" data-section="stimmen">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Thorsten S.",          date: "Mai 2023",          title: "Hervorragender Service!",          quote: "Immer freundlicher Plausch, kein Termin nötig, kaum Wartezeit. Es wird gewissenhaft geschnitten nach guter alter Herrenfriseurtradition. Der Preis ist unschlagbar.",          tag: "Google Review",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",          avatarAlt: "Thorsten S.",          imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg?_wi=2",          imageAlt: "happy man barbershop avatar"},
        {
          id: "2",          name: "Lennart R.",          date: "Juni 2023",          title: "Der Beste in der Stadt!",          quote: "Mirco ist der Beste! Ohne Termin, geht immer schnell, kein Problem.",          tag: "Google Review",          avatarSrc: "http://img.b2bpic.net/free-photo/man-looking-away-salon_23-2148353457.jpg",          avatarAlt: "Lennart R.",          imageSrc: "http://img.b2bpic.net/free-vector/realistic-glossy-infographic-elements-set_23-2148370532.jpg",          imageAlt: "happy man barbershop avatar"},
        {
          id: "3",          name: "Google-Rezension",          date: "Juli 2023",          title: "Super Kundenerfahrung!",          quote: "Super Service und man braucht keinen Termin!",          tag: "Google Review",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg",          avatarAlt: "Google Rezension",          imageSrc: "http://img.b2bpic.net/free-photo/tourist-supplies-blackboard_23-2147776876.jpg",          imageAlt: "happy man barbershop avatar"},
        {
          id: "4",          name: "Max P.",          date: "August 2023",          title: "Kommen gerne wieder!",          quote: "Exzellenter Schnitt und entspannte Atmosphäre. Der Barbier versteht sein Handwerk wirklich. Komme immer wieder gerne!",          tag: "Zufriedener Kunde",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-traveler-man-with-headphones-around-his-neck-looking-front-isolated-purple-wall-with-copy-space_141793-119829.jpg",          avatarAlt: "Max P.",          imageSrc: "http://img.b2bpic.net/free-photo/phone-icon-front-side-with-white-background_187299-39933.jpg",          imageAlt: "happy man barbershop avatar"},
        {
          id: "5",          name: "Julian K.",          date: "September 2023",          title: "Top Qualität und Service!",          quote: "Ich bin seit Jahren Kunde hier. Die Qualität ist konstant top, und der Service ist unschlagbar. Sehr empfehlenswert!",          tag: "Stammkunde",          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-confident-young-man-with-blue-eyes_171337-20035.jpg",          avatarAlt: "Julian K.",          imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg",          imageAlt: "happy man barbershop avatar"},
      ]}
      title="Was unsere Kunden sagen"
      description="Authentische Meinungen unserer zufriedenen Kunden, die unser Handwerk schätzen."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "gallery-item-1",          name: "Spiegelreflexionen",          price: " ",          imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg",          imageAlt: "Barbershop interior with mirror reflections and vintage decor"},
        {
          id: "gallery-item-2",          name: "Vintage Details",          price: " ",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg",          imageAlt: "Close-up of a vintage barbershop sign or antique barber pole"},
        {
          id: "gallery-item-3",          name: "Zufriedener Kunde",          price: " ",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021833.jpg",          imageAlt: "Satisfied customer relaxing in a barber chair after a cut"},
        {
          id: "gallery-item-4",          name: "Feine Werkzeuge",          price: " ",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg",          imageAlt: "Polished barber tools neatly laid out on a dark wooden counter"},
        {
          id: "gallery-item-5",          name: "Einladender Eingang",          price: " ",          imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-hair-client-near-mirror_23-2147778751.jpg",          imageAlt: "Warm, inviting view of the barbershop entrance from inside"},
        {
          id: "gallery-item-6",          name: "Meisterliches Handwerk",          price: " ",          imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16160.jpg",          imageAlt: "Close-up of a barber's hands expertly using a straight razor"},
      ]}
      title="Unsere Atmosphäre"
      description="Ein Blick in unser Reich des guten Geschmacks und der Entspannung."
      animationType="slide-up"
    />
  </div>

  <div id="besuch" data-section="besuch">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Finden Sie uns"
      title="Kommen Sie einfach vorbei"
      description="Le Neuf Barber\nSchulstraße 3, 65824 Schwalbach am Taunus\nTelefon: 06196 9504400\n\nKostenlose Parkplätze direkt vor der Tür. Kein Termin nötig – wir freuen uns auf Ihren Besuch!\n\n**Unsere Öffnungszeiten:**\nMontag: Geschlossen\nDienstag: 08:00 – 19:00\nMittwoch: 08:00 – 19:00\nDonnerstag: 08:00 – 19:00\nFreitag: 08:00 – 19:00\nSamstag: 07:00 – 12:00\nSonntag: Geschlossen"
      imageSrc="http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg"
      imageAlt="Barbershop location on Schulstraße 3, Schwalbach am Taunus"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="In Google Maps öffnen"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Le Neuf Barber"
      columns={[
        {
          title: "Kontakt",          items: [
            {
              label: "Schulstraße 3, 65824 Schwalbach",              href: "https://www.google.com/maps/search/Le+Neuf+Barber+Schulstraße+3,+65824+Schwalbach+am+Taunus,+Germany"},
            {
              label: "06196 9504400",              href: "tel:+4961969504400"},
          ],
        },
        {
          title: "Navigation",          items: [
            {
              label: "Leistungen",              href: "#leistungen"},
            {
              label: "Stimmen",              href: "#stimmen"},
            {
              label: "Besuch",              href: "#besuch"},
          ],
        },
      ]}
      copyrightText="© 2023 Le Neuf Barber. Alle Rechte vorbehalten."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
