"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="large"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Start",          id: "#hero"},
        {
          name: "Über uns",          id: "#about"},
        {
          name: "Galerie",          id: "#features"},
        {
          name: "Bewertungen",          id: "#testimonials"},
        {
          name: "Kontakt",          id: "#contact"},
      ]}
      brandName="Haarzeit"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Haarzeit, Ihr Friseur in Murr"
      description="Erleben Sie fachliche Kompetenz, individuelle Beratung und herzliche Atmosphäre. Wir nehmen uns Zeit für Ihre Wünsche."
      testimonials={[
        {
          name: "Kundin",          handle: "Stammkundin",          testimonial: "Ich bin seit vielen Jahren Kundin bei Yvonne und jedes Mal sehr zufrieden. Man fühlt sich sofort wohl und bestens beraten. Meine Haare werden regelmäßig mit Strähnchen aufgehellt.",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153094-8lfcvtmk.jpg?_wi=1",          imageAlt: "User provided image"},
        {
          name: "Kundin",          handle: "Zufrieden",          testimonial: "Ich bin super zufrieden mit dem Haarschnitt, musste nicht lange warten und habe mich sehr wohl gefühlt. Yvonne hat sich sehr viel Zeit für meine Haare genommen.",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-9btgr5t4.jpg?_wi=1",          imageAlt: "User provided image"},
        {
          name: "Kundin",          handle: "Stammkundin",          testimonial: "Ich bin seit Jahren Stammkundin und jedesmal aufs Neue mehr als zufrieden. Es passt hier rundum alles. Weiter so liebe Yvonne !!!!",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-uymgekpn.jpg?_wi=1",          imageAlt: "User provided image"},
        {
          name: "Kundin",          handle: "Stammkundin",          testimonial: "Ich bin seit ca. zwei Jahren bei Yvonne und jedes Mal absolut begeistert. Sie nimmt sich viel Zeit, hört genau zu und Yvonne weiß einfach, was einem steht.",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-njkf5odw.jpg?_wi=1",          imageAlt: "User provided image"},
        {
          name: "Kundin",          handle: "Neukundin",          testimonial: "Ein wunderbarer Salon, sehr sauber und eine tolle Beratung. Ich komme definitiv wieder!",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-c8hux4lk.jpg?_wi=1",          imageAlt: "User provided image"},
      ]}
      buttons={[
        {
          text: "Jetzt Termin vereinbaren",          href: "#contact"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153094-8lfcvtmk.jpg?_wi=2"
      avatars={[
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-9btgr5t4.jpg",          alt: "Stammkundin 1"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153094-8lfcvtmk.jpg",          alt: "Stammkundin 2"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-njkf5odw.jpg",          alt: "Stammkundin 3"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-uymgekpn.jpg",          alt: "Stammkundin 4"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153094-8lfcvtmk.jpg",          alt: "Stammkundin 5"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Willkommen bei Haarzeit"
      description="In unserem Salon in der Hindenburgstraße 70 in Murr stehen Sie und Ihre Haare im Mittelpunkt. Yvonne kombiniert jahrelange Erfahrung mit Liebe zum Detail, um genau den Look zu kreieren, der zu Ihnen passt."
      bulletPoints={[
        {
          title: "Individuelle Beratung",          description: "Wir nehmen uns Zeit, um Ihre Vorstellungen genau zu verstehen."},
        {
          title: "Fachliche Qualität",          description: "Professionalität und Erfahrung bei Schnitt, Farbe und Styling."},
        {
          title: "Wohlfühlatmosphäre",          description: "Ein Ort zum Entspannen und Genießen in Murr."},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-9btgr5t4.jpg?_wi=2"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={false}
      features={[
        {
          title: "Coloring",          description: "Perfekte Farbergebnisse mit Liebe zum Detail.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-uymgekpn.jpg?_wi=2"},
        {
          title: "Styling",          description: "Modernes Styling für jeden Anlass.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-njkf5odw.jpg?_wi=2"},
        {
          title: "Precision Cuts",          description: "Haarschnitte, die zu Ihnen passen.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153094-8lfcvtmk.jpg?_wi=3"},
        {
          title: "Beratung",          description: "Exzellente Typberatung.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-9btgr5t4.jpg?_wi=3"},
      ]}
      title="Unsere Arbeiten"
      description="Ein Einblick in unsere handwerklichen Leistungen."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Stammkundin",          role: "Kundin",          company: "Haarzeit",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153094-8lfcvtmk.jpg?_wi=4"},
        {
          id: "2",          name: "Stammkundin",          role: "Kundin",          company: "Haarzeit",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-9btgr5t4.jpg?_wi=4"},
        {
          id: "3",          name: "Stammkundin",          role: "Kundin",          company: "Haarzeit",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-uymgekpn.jpg?_wi=3"},
        {
          id: "4",          name: "Stammkundin",          role: "Kundin",          company: "Haarzeit",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-njkf5odw.jpg?_wi=3"},
        {
          id: "5",          name: "Stammkundin",          role: "Kundin",          company: "Haarzeit",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-c8hux4lk.jpg?_wi=2"},
      ]}
      kpiItems={[
        {
          value: "100%",          label: "Zufriedenheit"},
        {
          value: "20+",          label: "Jahre Erfahrung"},
        {
          value: "Herzlich",          label: "Atmosphäre"},
      ]}
      title="Das sagen unsere Kundinnen"
      description="Wir freuen uns über das positive Feedback unserer treuen Stammkundinnen."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "Wann ist der Salon geöffnet?",          content: "Dienstag bis Freitag: 09:00 - 12:30 Uhr und 13:30 - 18:00 Uhr."},
        {
          id: "2",          title: "Wo befindet sich der Salon?",          content: "Hindenburgstraße 70, 71711 Murr."},
        {
          id: "3",          title: "Wie kann ich einen Termin vereinbaren?",          content: "Sie erreichen uns unter der Telefonnummer 07144 8165700."},
      ]}
      title="Häufige Fragen"
      description="Informationen rund um Ihren Besuch."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Kontakt"
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="Ihr Weg zu uns"
      description="Vereinbaren Sie Ihren Termin telefonisch. Wir freuen uns darauf, Sie in der Hindenburgstraße 70 begrüßen zu dürfen."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-c8hux4lk.jpg?_wi=3"
      mediaAnimation="slide-up"
      inputPlaceholder="Ihre Telefonnummer (optional)"
      buttonText="Anrufen"
      termsText="Wir freuen uns auf Ihren Anruf."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU85IAjLw1y0B09TAvX1LgfPZ4/uploaded-1778325153095-c8hux4lk.jpg?_wi=4"
      logoText="Haarzeit"
      columns={[
        {
          title: "Kontakt",          items: [
            {
              label: "Hindenburgstraße 70, 71711 Murr",              href: "#"},
            {
              label: "07144 8165700",              href: "tel:071448165700"},
          ],
        },
        {
          title: "Öffnungszeiten",          items: [
            {
              label: "Di - Fr: 09:00 - 18:00",              href: "#"},
            {
              label: "Pause: 12:30 - 13:30",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
