"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Scissors, Users, Award, Star, Facebook, Instagram, Twitter } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="animatedGrid"
      cardStyle="solid-accent"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="minimal"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Sharp Cuts"
          bottomLeftText="Monday - Saturday"
          bottomRightText="hello@sharpcuts.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Premium Barbershop Experience"
          description="Step into Sharp Cuts and discover the art of professional grooming. Expert barbers, premium services, and the perfect cut every time."
          tag="Established 2010"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850164268-l89tn75w.jpg"
          imageAlt="Professional barbershop setting"
          imagePosition="right"
          buttons={[
            { text: "Book Now", href: "contact" },
            { text: "View Services", href: "services" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Your trusted barbershop for quality haircuts, beard grooming, and professional styling. We've been serving the community with excellence for over a decade."
          useInvertedBackground="noInvert"
          metrics={[
            { icon: Scissors, label: "Expert Barbers", value: "8+" },
            { icon: Users, label: "Satisfied Clients", value: "5000+" },
            { icon: Award, label: "Years Experience", value: "12+" },
            { icon: Star, label: "Customer Rating", value: "4.9/5" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          title="Our Services"
          description="Professional grooming services tailored to your style and preferences"
          tag="Premium Cuts"
          features={[
            {
              title: "Classic Haircut",
              description: "Timeless styles executed with precision. Perfect for the traditional look with expert fading and clean lines.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg",
              imageAlt: "Classic haircut service"
            },
            {
              title: "Beard Grooming",
              description: "Full beard trim, shape, and styling. We use premium products and techniques for the perfect beard finish.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850166105-8f5807nc.jpg",
              imageAlt: "Professional beard grooming"
            },
            {
              title: "Hair Styling",
              description: "Modern cuts and styling for any occasion. From casual to formal, we create the look you want.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850171967-vqv1el7d.jpg",
              imageAlt: "Hair styling service"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Customers Say"
          description="Real feedback from satisfied clients who trust us with their grooming needs"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              title: "Best haircut in town",
              quote: "I've been coming to Sharp Cuts for 5 years. The barbers really know their craft and always deliver exactly what I want. Highly recommend!",
              name: "John Smith",
              role: "Regular Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "John Smith"
            },
            {
              id: "2",
              title: "Professional and friendly",
              quote: "The atmosphere is great and the barbers are super friendly. They listen to what you want and deliver every single time. Worth every penny.",
              name: "Mike Johnson",
              role: "Regular Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Mike Johnson"
            },
            {
              id: "3",
              title: "Finally found my barber",
              quote: "Sharp Cuts is amazing. The attention to detail is incredible and they make you feel like family. I'm a customer for life!",
              name: "David Chen",
              role: "Regular Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "David Chen"
            },
            {
              id: "4",
              title: "Premium quality service",
              quote: "This is the place for premium barbering. Every visit is professional, quick, and the results are fantastic. Definitely worth the visit.",
              name: "Alex Rodriguez",
              role: "Regular Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320181151-p24uxfcb.jpg",
              imageAlt: "Alex Rodriguez"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Book Your Appointment"
          description="Schedule your next haircut or grooming service. We typically respond within 2 hours during business hours."
          useInvertedBackground="noInvert"
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "service", type: "text", placeholder: "Service (Haircut, Beard Grooming, etc.)", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Preferred time and any special requests...",
            rows: 4,
            required: false
          }}
          buttonText="Book Appointment"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Sharp Cuts"
          description="Premium barbershop delivering expert cuts, beard grooming, and professional styling services for over 12 years."
          columns={[
            {
              title: "Quick Links",
              items: [
                { label: "Home", href: "hero" },
                { label: "Services", href: "services" },
                { label: "Book Now", href: "contact" }
              ]
            },
            {
              title: "Hours",
              items: [
                { label: "Mon - Fri: 9am - 7pm", href: "#" },
                { label: "Saturday: 9am - 6pm", href: "#" },
                { label: "Sunday: Closed", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "hello@sharpcuts.com", href: "#" },
                { label: "(555) 123-4567", href: "#" },
                { label: "123 Main Street", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
          copyrightText="© 2025 Sharp Cuts. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}