"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Scissors, CheckCircle, Star, Users, Instagram, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmall"
      background="blurBottom"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Barber Shop"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Our Process", id: "process" },
            { name: "Team", id: "team" },
            { name: "Reviews", id: "testimonials" }
          ]}
          button={{ text: "Book Now", href: "#booking" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Premium Grooming Experience"
          description="Master barbers delivering precise cuts, expert beard grooming, and classic straight razor shaves in a sophisticated atmosphere."
          tag="Est. 2010"
          tagIcon={Sparkles}
          background={{ variant: "plain" }}
          buttons={[
            { text: "Book Appointment", href: "#booking" },
            { text: "Learn More", href: "#services" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=1",              imageAlt: "Professional barbershop interior"
            },
            {
              id: "2",              imageSrc: "http://img.b2bpic.net/free-photo/young-gentleman-is-enjoying-mustache-beard-trimming-dark-barbershop_613910-15170.jpg?_wi=1",              imageAlt: "Expert haircut styling"
            },
            {
              id: "3",              imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=2",              imageAlt: "Beard grooming service"
            },
            {
              id: "4",              imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=3",              imageAlt: "Classic straight razor shave"
            },
            {
              id: "5",              imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg?_wi=1",              imageAlt: "Professional consultation"
            },
            {
              id: "6",              imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-making-haircut_1163-2017.jpg?_wi=1",              imageAlt: "Professional cutting technique"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardEight
          title="Our Services"
          description="Comprehensive grooming services tailored to your style and preferences"
          tag="Premium Services"
          tagIcon={Scissors}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Classic Haircut",              description: "Precision cuts using traditional techniques and modern styling, customized to your face shape and personal style.",              imageSrc: "http://img.b2bpic.net/free-photo/young-gentleman-is-enjoying-mustache-beard-trimming-dark-barbershop_613910-15170.jpg?_wi=2",              imageAlt: "Professional haircut service"
            },
            {
              id: 2,
              title: "Beard Grooming",              description: "Expert beard trimming, shaping, and conditioning treatments to maintain your facial hair looking sharp and healthy.",              imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=4",              imageAlt: "Beard grooming and styling"
            },
            {
              id: 3,
              title: "Straight Razor Shave",              description: "Classic hot towel shave using premium straight razors for the ultimate relaxation and smooth finish.",              imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=5",              imageAlt: "Straight razor shaving service"
            },
            {
              id: 4,
              title: "Hair Coloring",              description: "Professional color treatments, highlights, and touch-ups using premium quality products and expert application.",              imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg?_wi=1",              imageAlt: "Hair coloring service"
            }
          ]}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardEight
          title="Our Process"
          description="Every appointment follows our proven process to ensure exceptional results and your complete satisfaction"
          tag="Three-Step Excellence"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Personal Consultation",              description: "We listen to your preferences, discuss your style goals, and recommend the perfect cut to suit your lifestyle and face shape.",              imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg?_wi=2",              imageAlt: "Barber consultation"
            },
            {
              id: 2,
              title: "Expert Execution",              description: "Our master barbers use precision techniques and premium tools to deliver the exact haircut and grooming you envision.",              imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-making-haircut_1163-2017.jpg?_wi=2",              imageAlt: "Expert barber cutting"
            },
            {
              id: 3,
              title: "Finishing Perfection",              description: "Final styling touches, product application, and a mirror check ensure you leave feeling confident and looking incredible.",              imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg?_wi=2",              imageAlt: "Final finishing touches"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Clients Say"
          description="Trusted by hundreds of satisfied clients who keep coming back for our exceptional service and attention to detail"
          tag="Client Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              role: "Business Executive",              company: "Tech Corp",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-handsome-man-suit-street_158538-10200.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",              name: "James Chen",              role: "Entrepreneur",              company: "StartUp Inc",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "David Rodriguez",              role: "Creative Director",              company: "Design Studio",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",              imageAlt: "David Rodriguez"
            },
            {
              id: "4",              name: "Alex Thompson",              role: "Professional",              company: "Various Industries",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "Alex Thompson"
            }
          ]}
          kpiItems={[
            { value: "500+", label: "Happy Clients" },
            { value: "4.9★", label: "Average Rating" },
            { value: "15+", label: "Years Experience" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Master Barbers"
          description="Expert barbers with decades of combined experience and a passion for exceptional grooming"
          tag="Our Team"
          tagIcon={Users}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          members={[
            {
              id: "1",              name: "Roberto Silva",              role: "Master Barber",              description: "22 years of barbering expertise. Specialist in precision cuts and traditional grooming techniques.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg?_wi=1",              imageAlt: "Roberto Silva",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Facebook, url: "https://facebook.com" }
              ]
            },
            {
              id: "2",              name: "Vincent Moretti",              role: "Senior Barber",              description: "18 years experience. Expert in beard grooming and straight razor shaves. Certified master stylist.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-male-barber-holds-sharp-scissors-blade_613910-1390.jpg",              imageAlt: "Vincent Moretti",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Facebook, url: "https://facebook.com" }
              ]
            },
            {
              id: "3",              name: "Marcus Davis",              role: "Barber Stylist",              description: "12 years in the industry. Specializes in modern cuts, color work, and personalized styling consultations.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg?_wi=2",              imageAlt: "Marcus Davis",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Facebook, url: "https://facebook.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="booking" data-section="booking">
        <ContactText
          text="Ready for your next sharp look? Schedule your appointment today and experience premium grooming at its finest."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Book Appointment", href: "tel:+1234567890" },
            { text: "Contact Us", href: "mailto:info@barbershop.com" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=6"
          imageAlt="Premium barbershop atmosphere"
          logoText="Barber Shop"
          copyrightText="© 2025 Barber Shop | Premium Grooming Experience"
          columns={[
            {
              title: "Services",              items: [
                { label: "Haircuts", href: "#services" },
                { label: "Beard Grooming", href: "#services" },
                { label: "Straight Razor Shave", href: "#services" },
                { label: "Color Treatment", href: "#services" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Process", href: "#process" },
                { label: "Meet The Team", href: "#team" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
                { label: "Email: info@barbershop.com", href: "mailto:info@barbershop.com" },
                { label: "Hours: Mon-Sat 9AM-7PM", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
