"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Sparkles, Zap, Scissors, Heart, Users, HelpCircle, Calendar } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="fluid"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="HQ Barbershop"
          navItems={[
            { name: "Experience", id: "experience" },
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Reviews", id: "reviews" }
          ]}
          button={{
            text: "Termin buchen",            href: "#booking"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Perfektion beginnt im Detail."
          description="Der exklusivste Barbershop in Amberg – wo Stil, Präzision und Atmosphäre aufeinandertreffen. Erlebe präzise Schnitte, echte Beratung und eine Atmosphäre, die du so noch nie erlebt hast."
          tag="Premium Barbershop"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Termin sichern", href: "#booking" },
            { text: "Jetzt entdecken", href: "#experience" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/faceless-stylist-combing-beard-man_23-2147778832.jpg",              imageAlt: "Barber working with precision on a fade cut"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg",              imageAlt: "Professional barber tools and atmosphere"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-preparing-safety-gear-apprentice-before-starting-work_482257-97729.jpg",              imageAlt: "Customer receiving expert haircut"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",              imageAlt: "Barbershop interior with modern design"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-male-with-red-sweater-making-something-with-industrial-tools_181624-47017.jpg",              imageAlt: "Close-up of precision cutting technique"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-waiting-haircut_23-2148256976.jpg",              imageAlt: "Finished haircut showing perfect lines"
            }
          ]}
        />
      </div>

      <div id="experience" data-section="experience">
        <FeatureCardSix
          title="Willkommen in einer anderen Liga."
          description="Bei HQ analysieren wir deinen Stil, deine Haarstruktur und deine Linie – bevor wir überhaupt schneiden. Das ist nicht einfach ein Haarschnitt. Das ist ein Erlebnis."
          tag="Das HQ Erlebnis"
          tagIcon={Zap}
          tagAnimation="blur-reveal"
          textboxLayout="split"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Individuelle Stilberatung",              description: "Wir verstehen deine Haarstruktur und beraten dich persönlich – für einen Look, der wirklich zu dir passt.",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-sitting-table-together_23-2149356890.jpg",              imageAlt: "Barber consulting with customer about style"
            },
            {
              id: 2,
              title: "Perfekte Linien & Übergänge",              description: "Präzision auf höchstem Niveau. Jeder Schnitt wird mit professionellen Geräten und Jahren von Erfahrung ausgeführt.",              imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186518.jpg",              imageAlt: "Close-up of precise cutting lines and transitions"
            },
            {
              id: 3,
              title: "Ein Raum, der inspiriert",              description: "DJ-Sound, modernes Design, perfekte Atmosphäre – alles ist bewusst gewählt, um dein Erlebnis unvergesslich zu machen.",              imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg",              imageAlt: "Modern barbershop interior with atmosphere"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardTwo
          title="Unsere Leistungen"
          description="Jeder Service ist maßgeschneidert auf deine Bedürfnisse – vom klassischen Schnitt bis zur kompletten Verwandlung."
          tag="Premium Services"
          tagIcon={Scissors}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "precision-cut",              brand: "Signature",              name: "Precision Cut",              price: "€35",              rating: 5,
              reviewCount: "140+",              imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186518.jpg",              imageAlt: "Professional precision haircut"
            },
            {
              id: "fade-styling",              brand: "Advanced",              name: "Fade & Styling",              price: "€45",              rating: 5,
              reviewCount: "160+",              imageSrc: "http://img.b2bpic.net/free-psd/barber-shop-template-banner-with-photo_23-2148593624.jpg",              imageAlt: "Expert fade with styling"
            },
            {
              id: "beard-care",              brand: "Complete",              name: "Bartpflege & Konturen",              price: "€30",              rating: 5,
              reviewCount: "130+",              imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg",              imageAlt: "Professional beard grooming and shaping"
            },
            {
              id: "complete-package",              brand: "VIP",              name: "Komplettpaket",              price: "€70",              rating: 5,
              reviewCount: "95+",              imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-communication-technology_53876-22952.jpg",              imageAlt: "Complete hair and beard grooming package"
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwo
          title="Was unsere Kunden sagen"
          description="Echte Bewertungen von Menschen, die das HQ-Erlebnis bereits kennen – und lieben."
          tag="Kundenzufriedenheit"
          tagIcon={Heart}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          testimonials={[
            {
              id: "1",              name: "Marco Keller",              role: "Customer",              testimonial: "Nach 3 Jahren ein neuer Barber – und ich war absolut begeistert. Freundlichkeit, Atmosphäre und Können auf höchstem Niveau. Ich komme jetzt nur noch zu HQ.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-man_23-2149271089.jpg",              imageAlt: "Marco Keller testimonial"
            },
            {
              id: "2",              name: "Stefan Weber",              role: "Regular Customer",              testimonial: "Mit Abstand der beste Barber in Amberg. Meine Haarstruktur wurde perfekt analysiert und umgesetzt. Der Service ist einfach unübertroffen.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-glasses_23-2148514897.jpg",              imageAlt: "Stefan Weber testimonial"
            },
            {
              id: "3",              name: "Thomas Mayer",              role: "Business Owner",              testimonial: "Man erkennt sofort, dass hier mit professionellen Geräten gearbeitet wird. Die Qualität ist sichtbar und die Atmosphäre ist einfach top. Absolute Empfehlung!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Thomas Mayer testimonial"
            },
            {
              id: "4",              name: "Daniel Fischer",              role: "Customer",              testimonial: "Nicht nur ein Friseur, sondern ein echtes Erlebnis. Die Musik, das Design, die Beratung – alles stimmt. Hier fühlt man sich willkommen und verstanden.",              imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg",              imageAlt: "Daniel Fischer testimonial"
            },
            {
              id: "5",              name: "Michael Hoffmann",              role: "Regular Customer",              testimonial: "Dieyar und sein Team wissen, was sie tun. Precision auf höchstem Level. Jeder Besuch ist ein neuer Standard für gute Friseure.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5559.jpg",              imageAlt: "Michael Hoffmann testimonial"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meister ihres Handwerks"
          description="Jeder Schnitt ist Handwerk. Jeder Kunde individuell. Unsere Barber bringen Jahre von Erfahrung, Leidenschaft und ein tiefes Verständnis für Stil mit."
          tag="Unser Team"
          tagIcon={Users}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          members={[
            {
              id: "1",              name: "Dieyar",              role: "Head Barber",              description: "Meister der Präzision mit über 10 Jahren Erfahrung. Dieyar ist bekannt für seine perfekten Linien und seine intuitive Fähigkeit, den perfekten Look für jeden Kunden zu finden.",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-27569.jpg",              imageAlt: "Dieyar, Head Barber"
            },
            {
              id: "2",              name: "Alexander",              role: "Senior Barber",              description: "Spezialist für komplexe Fades und Kunstvolle Haarschnitte. Alexander kombiniert klassische Techniken mit modernem Stil – jedes Mal.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-hairdresser-welcoming_23-2148298318.jpg",              imageAlt: "Alexander, Senior Barber"
            },
            {
              id: "3",              name: "Marcus",              role: "Style Consultant",              description: "Der Barber, der dich versteht. Marcus hat die seltene Gabe, in einer Beratung genau herauszufinden, was du brauchst – und es dann perfekt umzusetzen.",              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-smiling-posing-white_176420-14748.jpg",              imageAlt: "Marcus, Style Consultant"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Häufig gestellte Fragen"
          description="Alles, was du über HQ Barbershop wissen musst – von der Buchung bis zur Aftercare."
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="blur-reveal"
          faqs={[
            {
              id: "1",              title: "Wie kann ich einen Termin buchen?",              content: "Du kannst direkt über unsere Website einen Termin buchen oder uns per WhatsApp kontaktieren. Termine sind begrenzt, also reserviere rechtzeitig. Wir bestätigen deinen Termin innerhalb von 24 Stunden."
            },
            {
              id: "2",              title: "Wie lange dauert ein Haarschnitt?",              content: "Ein durchschnittlicher Schnitt dauert 30-45 Minuten. Das hängt von der Komplexität und deiner Haarstruktur ab. Wir nehmen uns immer die Zeit, die nötig ist – Qualität geht vor Schnelligkeit."
            },
            {
              id: "3",              title: "Welche Zahlungsmittel akzeptiert ihr?",              content: "Wir akzeptieren Bar, EC/Kreditkarten und digitale Zahlungsmethoden wie Apple Pay und Google Pay. Eine Vorkasse-Option ist auch verfügbar."
            },
            {
              id: "4",              title: "Kann ich auch spontan vorbeikommen?",              content: "Spontane Besuche sind willkommen, solange wir gerade Kapazität haben. Während der Peak Hours kann es zu Wartezeiten kommen. Um sicherzugehen, empfehlen wir eine Reservierung."
            },
            {
              id: "5",              title: "Bietet ihr auch Hautverträglichkeitstest an?",              content: "Ja, wir führen immer einen kurzen Hautverträglichkeitstest durch, bevor wir chemische Produkte verwenden. Deine Sicherheit ist unsere Priorität."
            },
            {
              id: "6",              title: "Gibt es einen Döner neben dem Shop?",              content: "Ja! Direkt nebenan wartet unser Partner-Döner auf dich. Viele unserer Kunden kombinieren ihren HQ-Besuch mit einem perfekten Döner – das ist Teil des Erlebnisses."
            }
          ]}
        />
      </div>

      <div id="booking" data-section="booking">
        <ContactCenter
          tag="Jetzt buchen"
          title="Bereit für deinen besten Look?"
          description="Sichere dir jetzt einen Termin und erlebe den HQ-Unterschied. Termine sind begrenzt – reserviere noch heute."
          tagIcon={Calendar}
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Deine E-Mail"
          buttonText="Termin anfragen"
          termsText="Mit dem Absenden akzeptierst du unsere Datenschutzrichtlinie und stimmst zu, dass wir dich kontaktieren dürfen."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Experience", href: "#experience" },
                { label: "Services", href: "#services" },
                { label: "Team", href: "#team" },
                { label: "Reviews", href: "#reviews" }
              ]
            },
            {
              title: "Kontakt",              items: [
                { label: "Adresse: Amberg, Germany", href: "#" },
                { label: "WhatsApp Chat", href: "https://wa.me/" },
                { label: "Instagram", href: "https://instagram.com/" },
                { label: "Öffnungszeiten anfordern", href: "#" }
              ]
            },
            {
              title: "Service",              items: [
                { label: "Datenschutz", href: "#" },
                { label: "Impressum", href: "#" },
                { label: "AGB", href: "#" },
                { label: "Kontakt", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 HQ Barbershop. Alle Rechte vorbehalten. Crafted with precision."
        />
      </div>
    </ThemeProvider>
  );
}