"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Scissors, Star, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="radial-gradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="The GodBarber"
          navItems={[
            { name: "Startseite", id: "hero" },
            { name: "Über uns", id: "about" },
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Bewertungen", id: "testimonials" },
            { name: "Kontakt", id: "contact" }
          ]}
          bottomLeftText="Düsseldorf, Deutschland"
          bottomRightText="0211 88277734"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="The GodBarber"
          description="Professionelle Barbier-Services in Düsseldorf. Spezialisiert auf Haarschnitte, Bartpflege und Rasuren nach höchsten Standards. Offizielle Öffnungszeiten: Mo–Sa 10:00–19:00 Uhr."
          layoutOrder="default"
          background={{ variant: "noise" }}
          buttons={[
            { text: "Jetzt anrufen: 0211 88277734", href: "tel:0211-88277734" },
            { text: "Termin vereinbaren", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-beard-standing-barber-shop_23-2147839775.jpg"
          imageAlt="Premium Barbershop Interior - The GodBarber"
          mediaAnimation="slide-up"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Willkommen bei The GodBarber"
          tag="Über uns"
          tagIcon={Sparkles}
          description="Omar, unser Master Barber, bringt über ein Jahrzehnt Erfahrung und Leidenschaft für das Handwerk mit. Jeder Schnitt wird mit präziser Handwerkskunst, individueller Beratung und echtem Professionalism ausgeführt. Bekannt für freundlichen Service, ausgezeichnete Sprachkenntnisse (Englisch & Deutsch) und ein entspanntes, willkommendes Ambiente. Die 4,9-Stern-Bewertung von 190+ zufriedenen Kunden spricht für unsere Qualität."
          buttons={[
            { text: "Unsere Services entdecken", href: "#services" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg"
          imageAlt="Omar - Master Barber"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Unsere Premium-Services"
          tag="Fachkompetenz"
          tagIcon={Scissors}
          description="Vom klassischen Schnitt bis zur kompletten Rasur – jeder Service wird mit handwerklicher Präzision und professioneller Beratung durchgeführt."
          accordionItems={[
            {
              id: "haircuts",              title: "Haarschnitte & Styling",              content: "Kurzhaarschnitte, mittellange & lange Styles, Skin Fade, Taper Fade, Scissor Cut, Undercut, Buzz Cut. Individuelle Beratung basierend auf Haartyp und Wunschstil mit höchster Präzision."
            },
            {
              id: "beard",              title: "Bartpflege & Rasur",              content: "Bartschnitt (trocken/nass), Komplett-Rasur, Hot Towel Shave, Bart färben, Schnurrbartforming. Professionelle Bartpflege mit Premium-Produkten für perfekte Ergebnisse."
            },
            {
              id: "grooming",              title: "Extras & Grooming",              content: "Augenbrauen stutzen, Ohr- & Nasenhaarverarbeitung, Haare färben, Keratin-Behandlung, Kopfhaut-Behandlung, Gesichtsmask & Skincare. Rundum-Grooming für das komplette Erscheinungsbild."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/sideways-costumer-beauty-salon_23-2148242856.jpg"
          imageAlt="Professional Barber Services"
          mediaAnimation="slide-up"
          buttonAnimation="slide-up"
          buttons={[
            { text: "Anrufen: 0211 88277734", href: "tel:0211-88277734" }
          ]}
          useInvertedBackground={true}
          mediaPosition="right"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Das Team"
          tag="Meister seines Fachs"
          tagAnimation="slide-up"
          membersAnimation="slide-up"
          members={[
            {
              id: "omar",              name: "Omar – Master Barber & Gründer",              imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-barber-wearing-uniform-holding-comb-hair-clippers-isolated-green-with-copy-space_141793-76939.jpg",              imageAlt: "Omar - Master Barber"
            }
          ]}
          memberVariant="card"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Was unsere Kunden sagen"
          tag="Vertrauenswürdig"
          tagIcon={Star}
          description="4,9 Sterne von über 190 zufriedenen Kunden. Echte Bewertungen von echten Kunden."
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              name: "Andrew Curti",              role: "Stammkunde",              testimonial: "Fantastic Barber Shop. Wirklich begeistert von der Professionalität, exzellentem Haarschnitt und Bartservice. Omar ist freundlich, sehr kompetent und spricht ausgezeichnet Englisch. Kann ich jedem empfehlen!",              imageSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-thumbs-up-shirt-cardigan-looking-happy-front-view_176474-110764.jpg",              icon: Star
            },
            {
              id: "2",              name: "Ritwik Kumar",              role: "Stammkunde",              testimonial: "Sehr professionell und hochqualifiziert. Basierend auf meinem Haartyp und einem Bild hat mir Omar perfekte Vorschläge gemacht. Wirklich begeistert – super faire Preise!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              icon: Star
            },
            {
              id: "3",              name: "Arunesh Payyakkal",              role: "Stammkunde",              testimonial: "Super freundlich und einladend. Ich erwähnte ein Vorstellungsgespräch, und Omar verstand sofort, was ich brauchte. Der Haarschnitt war perfekt. Klasse!",              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",              icon: Star
            },
            {
              id: "4",              name: "Annabelle Adams",              role: "Stammkunde",              testimonial: "Der beste Haarschnitt, den ich je bekommen habe. Omar ist ein hochqualifizierter Profi, der seine Kunden mit offenen Armen willkommen heißt. Unglaublich faire Preise!",              imageSrc: "http://img.b2bpic.net/free-photo/geek-young-woman-with-thumbs-up-isolated_329181-16201.jpg",              icon: Star
            },
            {
              id: "5",              name: "Marcel Lorenz",              role: "Stammkunde",              testimonial: "Ich bin wirklich begeistert von Omar. Er ist super sympathisch und beherrscht sein Handwerk wie kein anderer. Kann ich nur empfehlen!",              imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-70576.jpg",              icon: Star
            },
            {
              id: "6",              name: "Tim G.",              role: "Stammkunde",              testimonial: "Perfekt geschnittener Bart und rundum zufrieden. Das Preis-Leistungs-Verhältnis stimmt. Mit Espresso und freundlichem Service – komme garantiert wieder!",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12661.jpg",              icon: Star
            }
          ]}
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Häufig gestellte Fragen"
          tag="Support"
          tagIcon={HelpCircle}
          description="Antworten auf häufige Fragen zu unseren Services, Preisen und Verfügbarkeit."
          faqs={[
            {
              id: "1",              title: "Wie vereinbare ich einen Termin?",              content: "Sie können anrufen unter 0211 88277734 oder einfach vorbeikommen! Wir akzeptieren auch Walk-ins und versuchen, Sie schnell zu bedienen. Während der Stoßzeiten kann es zu Wartezeiten kommen."
            },
            {
              id: "2",              title: "Welche Zahlungsmethoden akzeptieren Sie?",              content: "Wir akzeptieren Kreditkarten, Debitkarten, NFC-Mobile-Payments, MasterCard und VISA. Bargeld ist ebenfalls willkommen."
            },
            {
              id: "3",              title: "Können Englischsprachige mit Omar kommunizieren?",              content: "Ja! Omar spricht fließend Englisch und ist sehr gastfreundlich zu internationalen Kunden. Das ist keine Barriere – alle fühlen sich willkommen."
            },
            {
              id: "4",              title: "Ist der Shop barrierefrei und sauber?",              content: "Absolut. Der Shop ist sehr sauber und hygienisch. Wir haben ein Badezimmer und schaffen ein sicheres, inklusives Ambiente für alle."
            },
            {
              id: "5",              title: "Wie sind die Preise?",              content: "Wir bieten ausgesprochen faire Preise für Premium-Qualität. Ein Haarschnitt oder Bartservice bietet ein hervorragendes Preis-Leistungs-Verhältnis."
            },
            {
              id: "6",              title: "Könnte ich einen Espresso bekommen?",              content: "Ja! Kostenlos für alle Kunden. Ein Teil der The GodBarber Erfahrung."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Kontaktieren Sie The GodBarber noch heute! Anrufen: 0211 88277734 | Öffnungszeiten: Mo–Sa 10:00–19:00 Uhr, So geschlossen. Besuchen Sie uns in Düsseldorf für einen perfekten Haarschnitt oder vereinbaren Sie einen Termin für Ihren nächsten Besuch."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Anrufen", href: "tel:0211-88277734" },
            { text: "Wegbeschreibung", href: "https://maps.google.com/?q=The+GodBarber+Düsseldorf" }
          ]}
          useInvertedBackground={false}
          animationType="entrance-slide"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="The GodBarber"
          copyrightText="© 2025 The GodBarber. Alle Rechte vorbehalten."
          columns={[
            {
              title: "Kontakt",              items: [
                { label: "Telefon: 0211 88277734", href: "tel:0211-88277734" },
                { label: "Adresse: Düsseldorf", href: "https://maps.google.com/?q=The+GodBarber+Düsseldorf" },
                { label: "Mo–Sa: 10:00–19:00", href: "#" }
              ]
            },
            {
              title: "Navigation",              items: [
                { label: "Startseite", href: "#hero" },
                { label: "Über uns", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "Bewertungen", href: "#testimonials" }
              ]
            },
            {
              title: "Rechtliches",              items: [
                { label: "Datenschutz", href: "#" },
                { label: "Impressum", href: "#" },
                { label: "AGB", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}