"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Award, Crown, Heart, History, Home, Scissors, Sparkles, Star, TrendingUp, Users, Wand2, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="medium"
      background="noise"
      cardStyle="gradient-bordered"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Refined Barber"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Book Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Premium Barbershop Experience"
          description="Expertly crafted grooming services in a refined atmosphere. From classic haircuts to precision beard work, we deliver timeless style with modern expertise."
          background={{
            variant: "downward-rays-static"
          }}
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg",              alt: "Master Barber"
            },
            {
              src: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg",              alt: "Senior Stylist"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg",              alt: "Grooming Specialist"
            }
          ]}
          avatarText="Trusted by 2,000+ clients"
          buttons={[
            {
              text: "Book Appointment",              href: "contact"
            },
            {
              text: "View Services",              href: "services"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/handsome-man-hair-salon-facing-camera_23-2148242826.jpg"
          imageAlt="Premium barbershop experience"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          title="Our Services"
          description="A complete range of grooming services designed to keep you looking sharp"
          tag="Premium Grooming"
          tagIcon={Scissors}
          features={[
            {
              title: "Classic Haircuts",              description: "Timeless styles executed with precision and attention to detail. From fades to tapers, we craft the perfect cut for you.",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg",              imageAlt: "Classic Haircuts"
            },
            {
              title: "Beard Grooming",              description: "Professional beard trimming, shaping, and conditioning. Maintain that distinguished look with expert care.",              imageSrc: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg",              imageAlt: "Beard Grooming"
            },
            {
              title: "Hot Shave",              description: "Traditional hot towel shaves using premium products and classic techniques for the ultimate relaxation.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg",              imageAlt: "Hot Shave"
            },
            {
              title: "Hair Styling",              description: "Modern styling with premium products. Whether it's pomade or gel, we'll give you the look you want.",              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19282.jpg",              imageAlt: "Hair Styling"
            },
            {
              title: "Signature Treatments",              description: "Exclusive grooming treatments including scalp massage and conditioning therapy for complete wellness.",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg",              imageAlt: "Signature Treatments"
            },
            {
              title: "VIP Experience",              description: "Premium service package with extended time, complimentary beverages, and personalized consultation.",              imageSrc: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg",              imageAlt: "VIP Experience"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="At Refined Barber we redefine barbering by empowering clients to look and feel their absolute best"
          metrics={[
            { icon: Users, label: "Satisfied Clients", value: "2,000+" },
            { icon: Star, label: "5-Star Rating", value: "98%" },
            { icon: Award, label: "Years Experience", value: "15+" },
            { icon: Zap, label: "Monthly Appointments", value: "800+" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Clients Say"
          description="Real feedback from satisfied customers who trust us with their grooming needs"
          tag="Client Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "James Mitchell",              handle: "@jamesmitchell",              testimonial: "Best barbershop in town. The attention to detail and professionalism is unmatched. I've been coming here for 3 years and wouldn't go anywhere else.",              imageSrc: "https://img.b2bpic.net/free-photo/man-holding-arm-up-showing-plastic-card_1187-5813.jpg",              imageAlt: "James Mitchell"
            },
            {
              id: "2",              name: "David Chen",              handle: "@davidchennyc",              testimonial: "Finally found a place that understands quality barbering. The hot shave experience is absolutely incredible. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/happy-handsome-guy-showing-call-me-sign_1262-17046.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Marcus Johnson",              handle: "@marcusj",              testimonial: "The barbers here are true artists. My fade looks perfect every single time. The atmosphere is great too - feels like a proper barbershop.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "4",              name: "Alex Rodriguez",              handle: "@alexrodriguez",              testimonial: "Outstanding service and genuine care for the customer experience. They remember exactly how I like my cut. Worth every penny.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              imageAlt: "Alex Rodriguez"
            },
            {
              id: "5",              name: "Christopher Lee",              handle: "@christopherlee",              testimonial: "The VIP experience is fantastic. Premium products, expert hands, and a welcoming atmosphere. This is barbering done right.",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-satisfied-bearded-man-show-okay-sign_176420-17944.jpg",              imageAlt: "Christopher Lee"
            },
            {
              id: "6",              name: "Kevin Patel",              handle: "@kevinpatel",              testimonial: "My go-to spot for any grooming needs. The team is knowledgeable, friendly, and consistently delivers excellent results. Five stars!",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-successful-male-entrepreneur-pointing-finger-upper-left-corner-smiling_176420-18939.jpg",              imageAlt: "Kevin Patel"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="Our commitment to excellence reflected in measurable results"
          tag="Success Metrics"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Happy Clients",              value: "2,000+"
            },
            {
              id: "2",              icon: Star,
              title: "5-Star Reviews",              value: "98%"
            },
            {
              id: "3",              icon: Award,
              title: "Years Experience",              value: "15+"
            },
            {
              id: "4",              icon: Zap,
              title: "Appointments Monthly",              value: "800+"
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Master Barbers"
          description="Experienced professionals dedicated to delivering exceptional grooming services"
          tag="Expert Team"
          tagIcon={Users}
          members={[
            {
              id: "1",              name: "Marcus DeVille",              role: "Master Barber & Owner",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg",              imageAlt: "Marcus DeVille"
            },
            {
              id: "2",              name: "Antonio Rossi",              role: "Senior Stylist",              imageSrc: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg",              imageAlt: "Antonio Rossi"
            },
            {
              id: "3",              name: "James Turner",              role: "Grooming Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg",              imageAlt: "James Turner"
            },
            {
              id: "4",              name: "David Hassan",              role: "Master Barber",              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19282.jpg",              imageAlt: "David Hassan"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience premium barbering? Schedule your appointment today and discover the difference expert craftsmanship makes."
          animationType="entrance-slide"
          background={{
            variant: "plain"
          }}
          useInvertedBackground={true}
          buttons={[
            {
              text: "Book Now",              href: "contact"
            },
            {
              text: "Call Us"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Refined Barber"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Terms of Service",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}