"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TeamCardThree from '@/components/sections/team/TeamCardThree';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Instagram, Facebook, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="dotGrid"
      cardStyle="neon-glow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Barbershop Elite"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Premium Barbershop Experience"
          description="Get the perfect cut, shave, and style from our expert barbers. Experience precision grooming and legendary customer service."
          tag="Est. 2015"
          buttons={[
            { text: "Book Your Appointment", href: "contact" },
            { text: "Learn More", href: "services" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850164268-l89tn75w.jpg"
          imageAlt="Professional barbershop interior"
          imagePosition="right"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Our Services"
          description="We offer a complete range of professional grooming services tailored to your style and preferences."
          tag="Premium Services"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Classic Haircuts",
              description: "Expert cuts with precision technique. From traditional styles to modern fades, we deliver the perfect cut every time.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850164268-l89tn75w.jpg"
            },
            {
              id: 2,
              title: "Precision Fades",
              description: "Master-level fade work with attention to detail. Skin fades, line ups, and blends executed with perfection.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg"
            },
            {
              id: 3,
              title: "Straight Razor Shaves",
              description: "Traditional hot towel shaves using premium razors. Pure relaxation and ultimate smoothness guaranteed.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850171967-vqv1el7d.jpg"
            },
            {
              id: 4,
              title: "Styling & Grooming",
              description: "Complete grooming packages including beard trimming, hair products, and personalized styling advice.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767269508371-widltnzu.jpg"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardThree
          title="Meet Our Expert Barbers"
          description="Skilled professionals with years of experience in precision grooming and customer service."
          tag="Our Team"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          members={[
            {
              id: "1",
              name: "Marcus Johnson",
              role: "Master Barber & Owner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg",
              imageAlt: "Marcus Johnson",
              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Facebook, url: "https://facebook.com" }
              ]
            },
            {
              id: "2",
              name: "David Williams",
              role: "Senior Barber",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "David Williams",
              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Facebook, url: "https://facebook.com" }
              ]
            },
            {
              id: "3",
              name: "James Rodriguez",
              role: "Barber & Stylist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850171967-vqv1el7d.jpg",
              imageAlt: "James Rodriguez",
              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Facebook, url: "https://facebook.com" }
              ]
            },
            {
              id: "4",
              name: "Anthony Brown",
              role: "Specialist Barber",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850166105-8f5807nc.jpg",
              imageAlt: "Anthony Brown",
              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Facebook, url: "https://facebook.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Transparent Pricing"
          description="Quality grooming at competitive prices. All services include complimentary beard trim and styling consultation."
          tag="Service Pricing"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "1",
              price: "$25",
              name: "Standard Haircut",
              buttons: [
                { text: "Book Now", href: "contact" }
              ],
              features: [
                "Professional haircut",
                "Beard trim included",
                "Styling consultation",
                "Complimentary refreshment"
              ]
            },
            {
              id: "2",
              badge: "Most Popular",
              badgeIcon: Star,
              price: "$35",
              name: "Premium Fade",
              buttons: [
                { text: "Book Now", href: "contact" }
              ],
              features: [
                "Precision fade cut",
                "Line up included",
                "Hot towel service",
                "Premium styling product",
                "Extended consultation"
              ]
            },
            {
              id: "3",
              price: "$40",
              name: "Luxury Shave",
              buttons: [
                { text: "Book Now", href: "contact" }
              ],
              features: [
                "Traditional hot towel shave",
                "Straight razor technique",
                "Premium aftershave balm",
                "Facial massage",
                "30 minute experience"
              ]
            },
            {
              id: "4",
              price: "$60",
              name: "Complete Grooming",
              buttons: [
                { text: "Book Now", href: "contact" }
              ],
              features: [
                "Haircut + beard trim",
                "Hot towel shave",
                "Styling & grooming",
                "Premium products",
                "VIP consultation"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real feedback from satisfied clients who trust us with their grooming."
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Robert Martinez, Professional",
              date: "Date: January 15, 2025",
              title: "Best barber experience ever!",
              quote: "Marcus and the team deliver exceptional cuts every single time. The attention to detail is unmatched. I've been coming here for 3 years and wouldn't go anywhere else.",
              tag: "Regular Customer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767269511142-jf6pufuw.jpg",
              avatarAlt: "Robert Martinez"
            },
            {
              id: "2",
              name: "Christopher Lee, Executive",
              date: "Date: January 18, 2025",
              title: "Professional service, premium quality",
              quote: "The fade work here is incredible. Every visit feels special with the hot towel service and professional consultation. Highly recommend for anyone serious about grooming.",
              tag: "Premium Member",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767269511142-jf6pufuw.jpg",
              avatarAlt: "Christopher Lee"
            },
            {
              id: "3",
              name: "James Thompson, Business Owner",
              date: "Date: January 20, 2025",
              title: "Worth every penny",
              quote: "Barbershop Elite has become my go-to place. The barbers are skilled, the atmosphere is welcoming, and the results always exceed expectations.",
              tag: "Loyal Customer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767269511142-jf6pufuw.jpg",
              avatarAlt: "James Thompson"
            },
            {
              id: "4",
              name: "Michael Chen, Professional",
              date: "Date: January 22, 2025",
              title: "Exceptional attention to detail",
              quote: "The straight razor shave here is a game changer. Professional technique, premium products, and genuine care. This is grooming at its finest.",
              tag: "New Member",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850171967-vqv1el7d.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767269511142-jf6pufuw.jpg",
              avatarAlt: "Michael Chen"
            },
            {
              id: "5",
              name: "David Anderson, Entrepreneur",
              date: "Date: January 24, 2025",
              title: "A cut above the rest",
              quote: "Consistently excellent service. The barbers understand modern styles and traditional techniques. Every visit is a premium experience.",
              tag: "Regular Customer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850166105-8f5807nc.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767269511142-jf6pufuw.jpg",
              avatarAlt: "David Anderson"
            },
            {
              id: "6",
              name: "Richard Patterson, Consultant",
              date: "Date: January 26, 2025",
              title: "True craftsmanship",
              quote: "This is what professional barbering looks like. Clean, precise, respectful service. I always leave looking sharp and feeling great.",
              tag: "Loyal Customer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767269510026-javgjs4d.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767269511142-jf6pufuw.jpg",
              avatarAlt: "Richard Patterson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about our services, hours, and booking."
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I book an appointment?",
              content: "You can book an appointment through our contact form, call us directly, or visit us in person. Walk-ins are welcome when barbers are available."
            },
            {
              id: "2",
              title: "Do you offer online booking?",
              content: "Yes, we have online booking available. You can select your preferred barber, date, and time through our contact system."
            },
            {
              id: "3",
              title: "What is your cancellation policy?",
              content: "We require 24-hour notice for cancellations. Cancellations within 24 hours may be subject to a fee."
            },
            {
              id: "4",
              title: "How long does a typical appointment take?",
              content: "Standard haircuts take 30-45 minutes. Fades and specialty services may take 45 minutes to 1 hour. Shaves typically take 30 minutes."
            },
            {
              id: "5",
              title: "What payment methods do you accept?",
              content: "We accept cash, credit cards, and digital payments. All major credit cards are welcome."
            },
            {
              id: "6",
              title: "Do you offer gift cards?",
              content: "Yes, we offer gift cards in various denominations. They make perfect gifts for the grooming-conscious man in your life."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Ready for Your Next Cut?"
          description="Book your appointment today and experience the Barbershop Elite difference. Our barbers are ready to deliver the perfect cut."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Book Now"
          termsText="By booking, you agree to our appointment policy and terms of service."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",
              items: [
                { label: "Haircuts", href: "services" },
                { label: "Fades", href: "services" },
                { label: "Shaves", href: "services" },
                { label: "Styling", href: "services" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "https://example.com/about" },
                { label: "Our Team", href: "team" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Information",
              items: [
                { label: "Hours", href: "https://example.com/hours" },
                { label: "Pricing", href: "pricing" },
                { label: "Gift Cards", href: "https://example.com/gift-cards" },
                { label: "Privacy Policy", href: "https://example.com/privacy" }
              ]
            }
          ]}
          copyrightText="© 2025 Barbershop Elite. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}