"use client"
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Instagram, Calendar } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="outline"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Barber Shop"
          button={{
            text: "Book Now",
            href: "#contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Elite Barber Shop"
          description="Premium barbering services for the modern gentleman. Expert cuts, traditional shaves, and grooming excellence since 2010."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850164268-l89tn75w.jpg"
          imageAlt="Professional barbershop interior"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <SplitAboutCards
          title="Craftsmanship Tradition"
          description="We blend time-honored barbering traditions with modern techniques. Our master barbers bring expertise, attention to detail, and genuine care to every appointment."
          tag="About Us"
          features={[
            {
              id: "experience",
              title: "15+ Years Experience",
              description: "Expert barbers with decades of combined professional barbering experience and training.",
              label: "Premium Skill"
            },
            {
              id: "quality",
              title: "Premium Products",
              description: "We use only high-quality, professional-grade grooming products for the best results.",
              label: "Best Materials"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Our Services"
          description="Premium barbering services tailored to your style and grooming needs"
          features={[
            {
              id: 1,
              title: "Classic Haircuts",
              description: "Expert scissor and clipper work for timeless, sharp haircuts. Fades, undercuts, and traditional styles executed with precision.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg"
            },
            {
              id: 2,
              title: "Straight Razor Shaves",
              description: "Traditional hot lather shaves with straight razor techniques for the smoothest, closest shave possible.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg"
            },
            {
              id: 3,
              title: "Beard Grooming",
              description: "Complete beard trimming, shaping, and conditioning services to keep your facial hair looking sharp.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg"
            },
            {
              id: 4,
              title: "Hair Styling",
              description: "Premium styling services with professional-grade products to achieve your desired look.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Barbers"
          description="Skilled professionals dedicated to your grooming needs"
          members={[
            {
              id: "1",
              name: "James Mitchell",
              role: "Master Barber",
              description: "20+ years of barbering expertise. Specializes in classic cuts and traditional techniques.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg",
              socialLinks: [
                {
                  icon: Instagram,
                  url: "#"
                }
              ]
            },
            {
              id: "2",
              name: "Marcus Johnson",
              role: "Senior Barber",
              description: "Expert in fade work and modern styles. Passionate about client satisfaction.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              socialLinks: [
                {
                  icon: Instagram,
                  url: "#"
                }
              ]
            },
            {
              id: "3",
              name: "David Thompson",
              role: "Barber",
              description: "Specialized in beard grooming and precision cuts. Attention to detail is his trademark.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850167641-vivcegq3.jpg",
              socialLinks: [
                {
                  icon: Instagram,
                  url: "#"
                }
              ]
            },
            {
              id: "4",
              name: "Alex Rivera",
              role: "Barber",
              description: "Talented stylist focused on modern techniques and personalized consultations.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850168486-2qrhnd94.jpg",
              socialLinks: [
                {
                  icon: Instagram,
                  url: "#"
                }
              ]
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Clients Say"
          description="Join hundreds of satisfied customers who trust us for their grooming needs"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Robert Chen",
              role: "Regular Client",
              company: "Local Business Owner",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850169290-83ozx3zs.jpg"
            },
            {
              id: "2",
              name: "Michael Anderson",
              role: "Customer",
              company: "Finance Professional",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850170276-6tfmhg2y.jpg"
            },
            {
              id: "3",
              name: "James Wilson",
              role: "Loyal Customer",
              company: "Tech Industry",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850171104-55aomfy3.jpg"
            },
            {
              id: "4",
              name: "David Martinez",
              role: "Regular",
              company: "Creative Agency",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850171967-vqv1el7d.jpg"
            },
            {
              id: "5",
              name: "Christopher Lee",
              role: "Satisfied Client",
              company: "Corporate Executive",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850172828-hk05nqhi.jpg"
            },
            {
              id: "6",
              name: "Anthony Harris",
              role: "Loyal Customer",
              company: "Entrepreneur",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850166105-8f5807nc.jpg"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Book Your Appointment"
          ctaDescription="Schedule your next grooming appointment with our expert barbers today."
          ctaButton={{
            text: "Book Online",
            href: "#"
          }}
          ctaIcon={Calendar}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "How do I book an appointment?",
              content: "You can book online through our website, call us directly, or visit our shop. Walk-ins are always welcome, though appointments ensure minimal wait time."
            },
            {
              id: "2",
              title: "What are your hours?",
              content: "We are open Monday-Friday 9am-7pm, Saturday 8am-6pm, and Sunday 10am-4pm. Closed major holidays."
            },
            {
              id: "3",
              title: "Do you offer gift certificates?",
              content: "Yes! We offer gift certificates for any service. Perfect for gifts to friends and family. Available in-shop or by special request."
            },
            {
              id: "4",
              title: "How long is a typical appointment?",
              content: "Haircuts typically take 30-45 minutes, straight razor shaves 20-30 minutes, and beard grooming 15-20 minutes. Styling consultations may add extra time."
            }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850166105-8f5807nc.jpg"
          imageAlt="Elite Barber Shop interior"
          logoText="Elite Barber Shop"
          copyrightText="© 2025 Elite Barber Shop. All rights reserved."
          columns={[
            {
              title: "Shop",
              items: [
                {
                  label: "Services",
                  href: "#services"
                },
                {
                  label: "Barbers",
                  href: "#team"
                },
                {
                  label: "Reviews",
                  href: "#testimonials"
                }
              ]
            },
            {
              title: "Contact",
              items: [
                {
                  label: "Phone: (555) 123-4567",
                  href: "tel:5551234567"
                },
                {
                  label: "Email: info@elitebarber.com",
                  href: "mailto:info@elitebarber.com"
                },
                {
                  label: "123 Main Street",
                  href: "#"
                }
              ]
            },
            {
              title: "Hours",
              items: [
                {
                  label: "Mon-Fri: 9am-7pm",
                  href: "#"
                },
                {
                  label: "Sat: 8am-6pm",
                  href: "#"
                },
                {
                  label: "Sun: 10am-4pm",
                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}