"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Scissors, Droplet, Sparkles, Zap, Award, Shield, Users, Star, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="medium"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Barber's Cut"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="BARBER'S CUT"
          description="Premium barbershop experience in the heart of London. Expert cuts, traditional shaves, and modern styling."
          buttons={[
            { text: "Book Appointment", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/combing-gray-hair-senior-client-barbershop_23-2148181900.jpg",              imageAlt: "Premium barbershop interior with professional styling chairs"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/qualified-barber-trimming-beard-male-client_651396-2972.jpg",              imageAlt: "Professional barber cutting client hair with precision"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/hairdresser-toweling-hair-senior-male-client_23-2148181920.jpg",              imageAlt: "Master barber styling modern haircut"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Barber's Cut"
          description={[
            "Established in 2015, Barber's Cut has become London's most trusted destination for premium men's grooming. We believe in the timeless art of barbering combined with modern techniques.",            "Our master barbers bring decades of combined experience, specializing in classic cuts, contemporary styles, and traditional wet shaves. We use only premium products and maintain the highest standards of hygiene and professionalism."
          ]}
          buttons={[
            { text: "Meet Our Team", href: "team" }
          ]}
          showBorder={false}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureHoverPattern
          title="Our Services"
          description="Comprehensive grooming solutions delivered with precision and care by our expert barbers."
          features={[
            {
              icon: Scissors,
              title: "Classic Haircuts",              description: "Traditional and contemporary cuts tailored to your style. From fades to full cuts, we deliver precision every time."
            },
            {
              icon: Droplet,
              title: "Wet Shaves",              description: "Experience the ultimate luxury of a traditional hot lather shave with premium razors and aftercare products."
            },
            {
              icon: Sparkles,
              title: "Beard Grooming",              description: "Expert beard trimming, shaping, and conditioning to keep your facial hair looking sharp and healthy."
            },
            {
              icon: Zap,
              title: "Styling & Finishing",              description: "Premium styling products and expert application to ensure your look lasts all day long."
            },
            {
              icon: Award,
              title: "Special Treatments",              description: "Scalp massages, facial treatments, and specialty grooming services for the ultimate pampering experience."
            },
            {
              icon: Shield,
              title: "Consultation",              description: "Free professional consultation to find the perfect style that complements your face shape and lifestyle."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Barbers"
          description="Award-winning barbers with years of experience and passion for their craft."
          tag="Expert Team"
          tagIcon={Users}
          members={[
            {
              id: "1",              name: "Marcus Thompson",              role: "Master Barber & Owner",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg",              imageAlt: "Marcus Thompson, Master Barber"
            },
            {
              id: "2",              name: "James Richardson",              role: "Senior Barber",              imageSrc: "https://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg",              imageAlt: "James Richardson, Senior Barber"
            },
            {
              id: "3",              name: "David Patel",              role: "Style Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/man-hair-salon-looking-sideways_23-2148242781.jpg",              imageAlt: "David Patel, Style Specialist"
            },
            {
              id: "4",              name: "Alex Harrison",              role: "Beard Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-scissors_23-2147839778.jpg",              imageAlt: "Alex Harrison, Beard Specialist"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Clients Say"
          description="Trusted by hundreds of satisfied customers across London for exceptional service and craftsmanship."
          tag="Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Christopher Lee",              role: "Director",              company: "Tech Startup",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              imageAlt: "Christopher Lee testimonial"
            },
            {
              id: "2",              name: "Oliver Smith",              role: "Designer",              company: "Creative Agency",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Oliver Smith testimonial"
            },
            {
              id: "3",              name: "Ethan Mitchell",              role: "Marketing Manager",              company: "Finance Corp",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg",              imageAlt: "Ethan Mitchell testimonial"
            },
            {
              id: "4",              name: "Benjamin Walker",              role: "Consultant",              company: "Strategy Group",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",              imageAlt: "Benjamin Walker testimonial"
            },
            {
              id: "5",              name: "Jack Turner",              role: "Entrepreneur",              company: "Digital Solutions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-pointing-himself-with-his-thumbs_1187-3186.jpg",              imageAlt: "Jack Turner testimonial"
            },
            {
              id: "6",              name: "Lucas Anderson",              role: "Executive",              company: "Investment Firm",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",              imageAlt: "Lucas Anderson testimonial"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about our services, pricing, and booking appointments."
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"
          imageAlt="Barber's Cut interior and styling chair"
          mediaPosition="right"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How do I book an appointment?",              content: "You can book an appointment through our website contact form, call us directly at +44 (0)20 7946 0958, or visit us in person at our Shoreditch location. We also accept walk-ins based on availability."
            },
            {
              id: "2",              title: "What is your pricing?",              content: "Classic haircuts start at £25, wet shaves at £30, and specialty services vary. Our first-time clients receive a complimentary consultation. We offer loyalty cards with discounts on repeat visits."
            },
            {
              id: "3",              title: "Do you offer online consultations?",              content: "Yes! We offer virtual consultations via video call to discuss your style preferences and get personalized recommendations before your visit. Email us at hello@barberscut.london to schedule."
            },
            {
              id: "4",              title: "What products do you use?",              content: "We exclusively use premium grooming products from trusted brands. All our products are high-quality and suitable for all skin types. We're happy to recommend products for your home grooming routine."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Book Your Appointment"
          description="Ready for a fresh cut? Get in touch with us today. Fill out the form below and we'll confirm your booking shortly."
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "service", type: "text", placeholder: "Service (e.g., Classic Haircut, Wet Shave)", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your preferred style or any special requests...",            rows: 5,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/handsome-man-looking-his-phone-barber-shop_23-2148353459.jpg"
          imageAlt="Professional barber providing expert grooming service"
          mediaPosition="right"
          buttonText="Book Appointment"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "hero" },
                { label: "About", href: "about" },
                { label: "Services", href: "services" },
                { label: "Team", href: "team" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Haircuts", href: "services" },
                { label: "Wet Shaves", href: "services" },
                { label: "Beard Grooming", href: "services" },
                { label: "Consultations", href: "services" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "hello@barberscut.london", href: "mailto:hello@barberscut.london" },
                { label: "+44 (0)20 7946 0958", href: "tel:+442079460958" },
                { label: "Shoreditch, London", href: "#" },
                { label: "Book Now", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Barber's Cut. All rights reserved."
          bottomRightText="Premium Grooming in the Heart of London"
        />
      </div>
    </ThemeProvider>
  );
}