"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Scissors, Check, MapPin, Instagram, Facebook, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="medium"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="DZ BARBER"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Location", id: "location" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Precision. Style. Confidence."
          description="Charleroi's trusted barbershop with 4.8★ rating and over 140 satisfied clients. Premium cuts, professional service, welcoming atmosphere."
          tag="Premium Barbershop"
          tagIcon={Scissors}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Book an Appointment", href: "#contact" },
            { text: "Call Now", href: "tel:0465259710" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21717.jpg",              imageAlt: "Modern barbershop interior with professional styling stations"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon_613910-5075.jpg",              imageAlt: "Professional barbers providing expert service in clean salon"
            }
          ]}
          mediaAnimation="blur-reveal"
          rating={5}
          ratingText="4.8★ (143 verified reviews)"
          ariaLabel="DZ Barber Shop hero section"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "About " },
            { type: "text", content: "DZ Barber Shop" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Book Now", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="About DZ Barber Shop"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTen
          title="Our Services"
          description="Expert barbering services tailored to your style. Precision cuts, professional grooming, and premium care for every client."
          tag="Services"
          tagIcon={Scissors}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Haircut",              description: "Fresh fades, sharp lines, and classic cuts executed with precision. Every cut is customized to your face shape and style preferences.",              media: {
                imageSrc: "/placeholders/placeholder1.webp?_wi=1",                imageAlt: "Professional haircut service"
              },
              items: [
                { icon: Check, text: "Precision cutting" },
                { icon: Check, text: "Custom fade designs" },
                { icon: Check, text: "Professional finish" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Skin Fade",              description: "Clean, sharp skin fades with perfect blending. We specialize in modern fade techniques that keep your look fresh and polished.",              media: {
                imageSrc: "/placeholders/placeholder1.webp?_wi=2",                imageAlt: "Expert skin fade service"
              },
              items: [
                { icon: Check, text: "Smooth blending" },
                { icon: Check, text: "Sharp clean lines" },
                { icon: Check, text: "Modern techniques" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Beard Trim",              description: "Professional beard grooming and styling. We sculpt and shape your beard to perfection with expert attention to detail.",              media: {
                imageSrc: "/placeholders/placeholder1.webp?_wi=3",                imageAlt: "Professional beard trimming"
              },
              items: [
                { icon: Check, text: "Expert shaping" },
                { icon: Check, text: "Precision trimming" },
                { icon: Check, text: "Beard care tips" }
              ],
              reverse: false
            },
            {
              id: "4",              title: "Kids Haircut",              description: "Family-friendly service for kids of all ages. We create a comfortable, fun experience while delivering quality cuts they'll love.",              media: {
                imageSrc: "/placeholders/placeholder1.webp?_wi=4",                imageAlt: "Children's haircut service"
              },
              items: [
                { icon: Check, text: "Kid-friendly atmosphere" },
                { icon: Check, text: "Quick & efficient" },
                { icon: Check, text: "Professional care" }
              ],
              reverse: true
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          ariaLabel="Services section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Trusted by over 140 satisfied customers. Hear directly from our loyal clients about their experience at DZ Barber Shop."
          tag="Reviews"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Marco Rinaldi, Regular Client",              date: "Date: 15 November 2024",              title: "Professional and welcoming staff",              quote: "Been coming to DZ for over a year now. The barbers really take their time to understand exactly what you want. Clean shop, friendly atmosphere, and they always deliver perfect results.",              tag: "Premium Member",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              avatarAlt: "Marco Rinaldi",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",              imageAlt: "portrait man professional happy client"
            },
            {
              id: "2",              name: "Thomas Lebrun, Local Customer",              date: "Date: 08 November 2024",              title: "Very clean salon, top quality work",              quote: "The attention to detail here is incredible. Every time I leave, I feel like a new man. The barbers are skilled, the salon is immaculate, and the vibe is perfect. Highly recommend!",              tag: "Regular",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              avatarAlt: "Thomas Lebrun",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "portrait man satisfied smile customer"
            },
            {
              id: "3",              name: "Ahmed Hassan, Family Client",              date: "Date: 01 November 2024",              title: "They take their time to make it perfect",              quote: "Brought my son for his first haircut and the barbers were so patient and gentle with him. Great with kids, professional staff, and they really care about getting the cut just right.",              tag: "Family Friendly",              avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-walking-city_839833-21293.jpg",              avatarAlt: "Ahmed Hassan",              imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-walking-city_839833-21293.jpg",              imageAlt: "portrait person happy face smile"
            },
            {
              id: "4",              name: "Pierre Dupont, LGBTQ+ Supporter",              date: "Date: 25 October 2024",              title: "Inclusive, welcoming, and professional",              quote: "Love the inclusive atmosphere here. The team is genuinely welcoming to everyone. Great haircuts, respectful service, and a safe space for the community. This is how barbershops should be!",              tag: "Community Builder",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",              avatarAlt: "Pierre Dupont",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",              imageAlt: "portrait man confident professional satisfied"
            },
            {
              id: "5",              name: "Yannick Claes, Weekly Visitor",              date: "Date: 18 October 2024",              title: "Precision cuts, consistent quality",              quote: "Every single time I get the same high-quality service. The barbers are skilled professionals who know their craft. It's a premium experience at fair prices.",              tag: "Loyal Customer",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              avatarAlt: "Yannick Claes",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=3",              imageAlt: "portrait man professional happy client"
            },
            {
              id: "6",              name: "David Moreau, First-Time Visitor",              date: "Date: 12 October 2024",              title: "Exceeded all expectations",              quote: "Came here on a recommendation and wasn't disappointed. The entire experience was outstanding—from the welcoming greeting to the expert fade. Already booked my next appointment!",              tag: "Impressed",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              avatarAlt: "David Moreau",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=4",              imageAlt: "portrait man satisfied smile customer"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Client testimonials section"
        />
      </div>

      <div id="location" data-section="location">
        <ContactSplit
          tag="Location & Hours"
          title="Visit Us Today"
          description="Located in the heart of Charleroi, Belgium. We're open and ready to serve you with precision and professionalism. LGBTQ+ friendly and family-welcoming environment."
          tagIcon={MapPin}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/tourist-showing-place-paris-with-magnifying-glass_23-2148232436.jpg"
          imageAlt="DZ Barber Shop location in Charleroi"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Get Directions"
          termsText="📍 Rue du Pont Neuf 70, 6000 Charleroi, Belgium | 📞 0465 25 97 10 | 🕐 Open until 18:00 | ♥️ LGBTQ+ Friendly"
          ariaLabel="Location and contact information"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="DZ BARBER SHOP"
          copyrightText="© 2025 DZ Barber Shop | Charleroi, Belgium | Premium Barbering Since 2018"
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Phone, href: "tel:0465259710", ariaLabel: "Call us" }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
