"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Phone, Scissors, Star, Sparkles } from "lucide-react";

export default function BarbershopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Sharp Cuts Barbershop"
          navItems={[
            { name: "Home", id: "home" },
            { 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">
        <HeroLogo
          logoText="Sharp Cuts"
          description="Premium barbershop delivering expert cuts, classic shaves, and timeless style since 2015."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700817315-umiwp6ue.jpg"
          imageAlt="Professional barbershop interior"
          showDimOverlay={true}
          buttons={[
            {
              text: "Book Appointment",              href: "contact"
            },
            {
              text: "Learn More",              href: "about"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "Crafting excellence in"
            },
            {
              type: "image",              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700817315-umiwp6ue.jpg",              alt: "Barber expertise"
            },
            {
              type: "text",              content: "every cut"
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Meet Our Team",              href: "team"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFour
          title="Our Services"
          description="Each service is delivered with precision and care by our experienced barbers"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "1",              title: "Classic Haircut",              author: "Available Daily",              description: "Expert scissor work and fading techniques to give you the perfect cut tailored to your style and face shape.",              tags: ["Popular", "Precision"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ggc0cf"
            },
            {
              id: "2",              title: "Straight Razor Shave",              author: "Premium Experience",              description: "Luxurious traditional shave using hot towels and premium shaving cream for ultimate comfort and results.",              tags: ["Luxury", "Traditional"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x27ch2"
            },
            {
              id: "3",              title: "Beard Grooming",              author: "Specialty Service",              description: "Professional beard trimming, shaping, and conditioning to maintain a sharp, well-groomed appearance.",              tags: ["Detail", "Care"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=euuhsl"
            },
            {
              id: "4",              title: "Hair Coloring",              author: "Expert Artistry",              description: "Premium hair coloring and highlights using professional-grade products for lasting, vibrant results.",              tags: ["Color", "Style"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700817315-umiwp6ue.jpg"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Affordable Quality"
          description="Premium barbershop services at competitive prices. Choose the plan that works best for you."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "standard",              badge: "Standard Cut",              badgeIcon: Scissors,
              price: "$25",              subtitle: "Classic haircut with precision fading",              buttons: [
                {
                  text: "Book Now",                  href: "contact"
                }
              ],
              features: [
                "Professional haircut",                "Hot towel service",                "Complimentary beverages",                "Consultation included"
              ]
            },
            {
              id: "premium",              badge: "Premium Package",              badgeIcon: Star,
              price: "$45",              subtitle: "Haircut plus straight razor shave",              buttons: [
                {
                  text: "Book Now",                  href: "contact"
                }
              ],
              features: [
                "Expert haircut",                "Straight razor shave",                "Beard conditioning",                "Premium grooming products",                "Extended consultation"
              ]
            },
            {
              id: "deluxe",              badge: "Deluxe Experience",              badgeIcon: Sparkles,
              price: "$65",              subtitle: "Complete grooming and styling service",              buttons: [
                {
                  text: "Book Now",                  href: "contact"
                }
              ],
              features: [
                "Custom haircut & styling",                "Straight razor shave",                "Full beard grooming",                "Hair coloring/highlights",                "VIP lounge access",                "Complimentary products"
              ]
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Expert Barbers"
          description="Skilled professionals dedicated to delivering exceptional barbershop experiences"
          animationType="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
          members={[
            {
              id: "1",              name: "Marcus Johnson",              role: "Master Barber",              imageSrc: "https://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg"
            },
            {
              id: "2",              name: "David Chen",              role: "Senior Barber",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg"
            },
            {
              id: "3",              name: "Alex Rodriguez",              role: "Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Clients Say"
          description="Real feedback from satisfied customers who trust Sharp Cuts with their grooming"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "James Mitchell",              role: "Regular Client",              company: "Downtown Executive",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg"
            },
            {
              id: "2",              name: "Robert Taylor",              role: "Business Owner",              company: "Taylor's Automotive",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-hair-salon-looking-sideways_23-2148242781.jpg"
            },
            {
              id: "3",              name: "Michael Santos",              role: "Community Leader",              company: "Local Nonprofit",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg"
            },
            {
              id: "4",              name: "Christopher Lee",              role: "Entrepreneur",              company: "Tech Startup",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-male-barber-standing-with-arm-crossed_107420-94783.jpg"
            }
          ]}
          kpiItems={[
            {
              value: "500+",              label: "Happy clients served"
            },
            {
              value: "15+",              label: "Years of excellence"
            },
            {
              value: "4.9★",              label: "Average rating"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our barbershop services and policies"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "Do I need an appointment or do you accept walk-ins?",              content: "We accept both appointments and walk-ins! We recommend booking online for faster service, but we're always happy to accommodate walk-in clients based on availability. Walk-ins are typically served within 15-30 minutes during regular hours."
            },
            {
              id: "2",              title: "What is your cancellation policy?",              content: "We ask for 24 hours notice if you need to cancel or reschedule your appointment. Cancellations made with less notice may be subject to a small fee. We understand emergencies happen, so please call us as soon as possible."
            },
            {
              id: "3",              title: "How much should I tip?",              content: "Tipping is always appreciated but never required. Standard tip ranges from 15-20% of your service total. We accept cash, card, and digital payments for convenience."
            },
            {
              id: "4",              title: "Do you offer gift cards?",              content: "Yes! We offer physical and digital gift cards in denominations from $25 to $100. They make perfect gifts for the grooming enthusiast in your life. Contact us for details."
            },
            {
              id: "5",              title: "Are you accepting new clients?",              content: "Absolutely! We welcome new clients and look forward to becoming your trusted barbershop. First-time clients often receive a small discount on their initial visit."
            },
            {
              id: "6",              title: "What products do you use?",              content: "We exclusively use premium, professional-grade grooming products from trusted brands. All products are tested for quality and safety, ensuring the best results for your hair and skin."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to book your appointment?"
          ctaDescription="Get in touch with us and schedule your next haircut or grooming service."
          ctaIcon={Phone}
          ctaButton={{
            text: "Call Us Today",            href: "tel:+1-555-0123"
          }}
          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: 9:00 AM - 6:00 PM<br/>Sunday: 11:00 AM - 5:00 PM<br/>Closed on major holidays"
            },
            {
              id: "2",              title: "Where is your barbershop located?",              content: "Sharp Cuts Barbershop<br/>123 Main Street<br/>Downtown District<br/>Phone: +1 (555) 0123<br/>Email: hello@sharpcutsbarbershop.com"
            },
            {
              id: "3",              title: "How can I book an appointment?",              content: "You can book online through our website, call us directly at +1 (555) 0123, or visit us in person. Online booking is quickest and allows you to choose your preferred barber and time slot."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Sharp Cuts"
          columns={[
            {
              items: [
                {
                  label: "Home",                  href: "home"
                },
                {
                  label: "Services",                  href: "services"
                },
                {
                  label: "About",                  href: "about"
                }
              ]
            },
            {
              items: [
                {
                  label: "Team",                  href: "team"
                },
                {
                  label: "Pricing",                  href: "pricing"
                },
                {
                  label: "Contact",                  href: "contact"
                }
              ]
            },
            {
              items: [
                {
                  label: "Book Online",                  href: "contact"
                },
                {
                  label: "Gift Cards",                  href: "contact"
                },
                {
                  label: "Call Us",                  href: "tel:+1-555-0123"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}