"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Scissors, Star, Award, Sparkles, Trophy, Instagram, Twitter, Calendar, Users, CheckCircle, Phone } from "lucide-react";

export default function BarbershopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="plain"
      cardStyle="glass-elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="The Barbershop"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplit
          title="The Barber Hotspot of Manchester"
          description="Where football legends get their cuts. Premium barbering, championship quality. Step into the tradition favoured by the city's finest."
          tag="Est. 2010 • Manchester's Premier Barbershop"
          tagIcon={Scissors}
          imageSrc="https://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg"
          imageAlt="Professional barbershop interior in Manchester"
          imagePosition="right"
          buttons={[
            { text: "Book Your Appointment", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          className="w-full"
          titleClassName="text-5xl md:text-6xl font-bold"
          descriptionClassName="text-lg text-opacity-90"
        />
      </div>
      
      <div id="about" data-section="about">
        <SplitAbout
          title="Where Football Meets Craftsmanship"
          description="Since 2010, The Barbershop has been Manchester's go-to destination for athletes, professionals, and football enthusiasts. Our barbers have groomed some of the city's most recognizable faces, earning the reputation as the unofficial barbershop of Manchester's football elite."
          tag="Our Legacy"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506188.jpg"
          imageAlt="Historic barbershop setting with vintage touches"
          imagePosition="right"
          bulletPoints={[
            {
              title: "Expert Barbers",              description: "Trained professionals with 10+ years experience in modern and traditional cuts",              icon: Award
            },
            {
              title: "Premium Products",              description: "Only the finest grooming products and equipment for superior results",              icon: Sparkles
            },
            {
              title: "Football Culture",              description: "Celebrated meeting point for Manchester's sporting community",              icon: Trophy
            },
            {
              title: "Personalized Service",              description: "Every cut tailored to your style, personality, and lifestyle"
            }
          ]}
          buttons={[
            { text: "Meet Our Team", href: "team" }
          ]}
        />
      </div>
      
      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Services"
          description="Comprehensive grooming services designed to keep you looking sharp and feeling confident"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Classic Fade Cut",              description: "Precision fade technique with sharp lines and blending. Perfect for the modern professional look.",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7331.jpg"
            },
            {
              id: 2,
              title: "Beard Grooming & Trim",              description: "Expert beard shaping, trimming, and styling with premium beard oils and treatments.",              imageSrc: "https://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg"
            },
            {
              id: 3,
              title: "Premium Hair Treatment",              description: "Scalp treatments, hair conditioning, and specialty care using luxury grooming products.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg"
            }
          ]}
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Your Barbers"
          description="Skilled professionals dedicated to giving you the best cut in Manchester"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          members={[
            {
              id: "1",              name: "Marcus Sterling",              role: "Head Barber & Founder",              description: "20+ years mastering the art of precision cuts. Trusted by Manchester's elite athletes and professionals.",              imageSrc: "https://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",              name: "James Richards",              role: "Senior Barber",              description: "Specialist in modern fades and contemporary styles. Expert in beard sculpting and design.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" }
              ]
            },
            {
              id: "3",              name: "David Thompson",              role: "Master Barber",              description: "15 years of excellence in traditional and modern cuts. Perfectionist with attention to detail.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" }
              ]
            },
            {
              id: "4",              name: "Alex Morrison",              role: "Barber",              description: "Rising talent with innovative cutting techniques. Passionate about creating unique styles.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-scissors_23-2147839778.jpg",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" }
              ]
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Clients Say"
          description="Trusted by Manchester's finest athletes, professionals, and football personalities"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Michael Johnson",              role: "Professional Footballer",              testimonial: "The precision and attention to detail here is unmatched. Marcus has been my go-to barber for 8 years. Always perfect.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"
            },
            {
              id: "2",              name: "Chris Anderson",              role: "Executive",              testimonial: "Every visit is an experience. The professionalism, quality, and care set this place apart from any other barbershop.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"
            },
            {
              id: "3",              name: "Jordan Fletcher",              role: "Sports Coach",              testimonial: "My team and I trust The Barbershop for all our grooming needs. Consistently excellent service.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg"
            },
            {
              id: "4",              name: "David Walsh",              role: "Entrepreneur",              testimonial: "Worth every penny. The atmosphere, the skill, the care – it's a complete package. Highly recommended.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-pointing-himself-with-his-thumbs_1187-3186.jpg"
            },
            {
              id: "5",              name: "Thomas Hayes",              role: "Marketing Director",              testimonial: "Been coming here for 5 years. James and the team never disappoint. Best barbershop in Manchester, hands down.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-cheerful-young-hispanic-male-blue-shirt-posing-against-white-wall_181624-44847.jpg"
            },
            {
              id: "6",              name: "Ryan Mitchell",              role: "Fitness Professional",              testimonial: "The level of craftsmanship is incredible. Always leave looking and feeling sharp. Absolute class.",              imageSrc: "https://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg"
            }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="By The Numbers"
          description="Our commitment to excellence reflected in the stats"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "14",              title: "Years",              description: "Serving Manchester's finest since 2010",              icon: Calendar
            },
            {
              id: "2",              value: "50K+",              title: "Satisfied Clients",              description: "Trusted by professionals and athletes",              icon: Users
            },
            {
              id: "3",              value: "4.9",              title: "Star Rating",              description: "Consistently excellent reviews",              icon: Star
            },
            {
              id: "4",              value: "100%",              title: "Satisfaction",              description: "Premium quality guaranteed",              icon: CheckCircle
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Book Your Appointment"
          ctaDescription="Reserve your spot with one of our expert barbers. Walk-ins welcome, but appointments recommended."
          ctaButton={{
            text: "Schedule Now",            href: "https://example.com/booking"
          }}
          ctaIcon={Calendar}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What are your operating hours?",              content: "Monday - Friday: 9:00 AM - 7:00 PM<br/>Saturday: 8:00 AM - 6:00 PM<br/>Sunday: 10:00 AM - 5:00 PM<br/>Closed on Bank Holidays"
            },
            {
              id: "2",              title: "Do you accept walk-in customers?",              content: "Yes, we welcome walk-ins! However, we recommend booking an appointment to minimize wait times. You can call us at the number below or use our online booking system."
            },
            {
              id: "3",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, and cash. We also offer contactless payment options for your convenience."
            },
            {
              id: "4",              title: "How long does a typical haircut take?",              content: "A standard haircut typically takes 30-45 minutes depending on the style and complexity. Beard grooming adds an additional 15-20 minutes."
            },
            {
              id: "5",              title: "Do you offer group bookings or team appointments?",              content: "Absolutely! We specialise in team bookings for sports groups, corporate teams, and special occasions. Contact us for custom group packages."
            },
            {
              id: "6",              title: "What is your cancellation policy?",              content: "We ask for 24-hour notice for cancellations to avoid charges. Last-minute cancellations may incur a 50% booking fee."
            }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Location",              items: [
                { label: "123 Deansgate, Manchester", href: "https://maps.google.com" },
                { label: "Phone: +44 161 234 5678", href: "tel:+441612345678" },
                { label: "Email: info@thebarbershop.com", href: "mailto:info@thebarbershop.com" }
              ]
            },
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "hero" },
                { label: "Services", href: "services" },
                { label: "Team", href: "team" },
                { label: "Book Now", href: "contact" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Instagram", href: "https://instagram.com/thebarbershop" },
                { label: "Facebook", href: "https://facebook.com/thebarbershop" },
                { label: "Twitter", href: "https://twitter.com/thebarbershop" }
              ]
            },
            {
              title: "Business",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 The Barbershop Manchester. All rights reserved."
          bottomRightText="Est. 2010 • Manchester's Premier Barbershop"
        />
      </div>
    </ThemeProvider>
  );
}