"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Award, Briefcase, CheckCircle, Globe, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="HRLU"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Discover Our Services",            href: "#services"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="HR Solutions Built for Luxembourg"
          description="Bringing HRIT's proven expertise to the Grand Duchy. Streamline recruitment, compliance, and talent management with services designed for Luxembourg's dynamic business landscape."
          background={{ variant: "radial-gradient" }}
          tag="Luxembourg HR Excellence"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Discover Our Services", href: "#services" },
            { text: "Contact Us", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-sitting-together-checking-document-caf_23-2147876718.jpg?_wi=1",              imageAlt: "Modern Luxembourg business office environment"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Why Choose HRLU Luxembourg"
          metrics={[
            { icon: Users, label: "Companies Served", value: "500+" },
            { icon: Globe, label: "EU Markets", value: "15+" },
            { icon: Award, label: "Years Experience", value: "20+" },
            { icon: CheckCircle, label: "Compliance Rate", value: "100%" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Comprehensive HR Services for Luxembourg"
          description="Our integrated solutions address every facet of human resources management, from talent acquisition to compliance, tailored specifically for Luxembourg's regulatory environment and business culture."
          tag="Core Services"
          tagIcon={Briefcase}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore All Services", href: "#services" }
          ]}
          buttonAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Recruitment & Talent Acquisition",              description: "Expert sourcing and placement of top talent across Luxembourg's competitive job market. We leverage local networks and EU-wide reach to find the right candidates for your organization.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-learning-together-office_23-2149300757.jpg?_wi=1" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-learning-together-office_23-2149300757.jpg?_wi=2" }
            },
            {
              id: 2,
              title: "EU Compliance & Legal Expertise",              description: "Navigate Luxembourg's complex employment regulations and EU directives with confidence. Our specialists ensure your HR practices meet all legal requirements while optimizing efficiency.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/business-people-discussing-charts-graphs-while-meeting-w_1150-770.jpg?_wi=1" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-people-discussing-charts-graphs-while-meeting-w_1150-770.jpg?_wi=2" }
            },
            {
              id: 3,
              title: "Talent Management & Development",              description: "Build high-performing teams through strategic talent development, succession planning, and organizational culture initiatives tailored to your company's growth objectives.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-sitting-together-checking-document-caf_23-2147876718.jpg?_wi=2" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-sitting-together-checking-document-caf_23-2147876718.jpg?_wi=3" }
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Luxembourg Clients Say"
          description="Trusted by leading companies across Luxembourg and Europe. Hear from businesses that have transformed their HR operations with HRLU solutions."
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          kpiItems={[
            { value: "94%", label: "Client Satisfaction Rate" },
            { value: "850+", label: "Placements This Year" },
            { value: "24/7", label: "Multilingual Support" }
          ]}
          testimonials={[
            {
              id: "1",              name: "Marie Dupont",              role: "HR Director",              company: "TechCorp Luxembourg",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-woman-workplace-digital-nomad-sits-back-relaxed-office-resting_1258-195372.jpg"
            },
            {
              id: "2",              name: "Jean-Claude Meyer",              role: "CEO",              company: "Finance Solutions AG",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-elegant-posing-suit_23-2149488020.jpg"
            },
            {
              id: "3",              name: "Sophie Laurent",              role: "Operations Manager",              company: "European Logistics Ltd",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/gradient-banner-template-design_23-2151286053.jpg"
            },
            {
              id: "4",              name: "Petra Müller",              role: "Business Development Lead",              company: "Consulting Partners Europe",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted Partner of Leading Organizations"
          description="Our partnerships span Europe's top consulting firms, staffing agencies, and government institutions. We deliver excellence across multiple sectors and markets."
          names={["Deloitte", "KPMG", "Accenture", "SAP", "Workday", "STS", "Randstad", "EU Commission"]}
          logos={[
            "http://img.b2bpic.net/free-photo/girl-signs-documents_1157-42782.jpg",            "http://img.b2bpic.net/free-vector/monogram-letter-logo-design-template_23-2151040157.jpg",            "http://img.b2bpic.net/free-vector/coloured-logo-template_1156-105.jpg",            "http://img.b2bpic.net/free-photo/man-server-farm-using-ai-devices-improve-performance_482257-120264.jpg",            "http://img.b2bpic.net/free-photo/different-coworkers-having-meeting_23-2148985476.jpg",            "http://img.b2bpic.net/free-photo/side-view-people-chatting-work_23-2150697604.jpg",            "http://img.b2bpic.net/free-vector/logo-template-design_1289-119.jpg",            "http://img.b2bpic.net/free-photo/european-union-eu-flag_93675-134309.jpg"
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our HR services, compliance expertise, and Luxembourg market solutions."
          textPosition="left"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What makes HRLU different from other HR providers?",              content: "HRLU combines HRIT's 20+ years of international HR expertise with deep local knowledge of Luxembourg's business environment. We understand both European regulations and the unique cultural dynamics of the Grand Duchy, delivering personalized solutions that drive real business results."
            },
            {
              id: "2",              title: "How do you handle EU employment law compliance?",              content: "Our specialists maintain current certifications in EU employment law and Luxembourg-specific regulations. We conduct regular compliance audits, provide ongoing legal guidance, and ensure your HR practices meet all local and European requirements."
            },
            {
              id: "3",              title: "Can you support multilingual recruitment?",              content: "Absolutely. Our team speaks Luxembourgish, French, German, and English. We actively source candidates across the EU and specialize in placing multilingual professionals who can thrive in Luxembourg's international business community."
            },
            {
              id: "4",              title: "What industries do you serve?",              content: "We partner with organizations across finance, technology, consulting, manufacturing, logistics, and professional services. Our sector expertise spans industries with complex compliance requirements and talent acquisition challenges."
            },
            {
              id: "5",              title: "How quickly can you fill a position?",              content: "Our average placement time is 2-4 weeks depending on role complexity and seniority level. Our established network of vetted professionals in Luxembourg and Europe enables rapid, high-quality placements."
            },
            {
              id: "6",              title: "Do you offer ongoing talent management support?",              content: "Yes. Beyond recruitment, we provide talent development programs, succession planning, organizational assessments, and ongoing HR consulting to help your team grow and perform at peak levels."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to Transform Your HR Operations?\n\nConnect with our Luxembourg team to discuss how HRLU can streamline recruitment, ensure compliance, and build a high-performing organization. We're here to support your success in the Grand Duchy."
          background={{ variant: "floatingGradient" }}
          useInvertedBackground={true}
          animationType="entrance-slide"
          buttons={[
            { text: "Schedule Consultation", href: "mailto:contact@hrlu.lu" },
            { text: "Call +352 XXXX XXXX", href: "tel:+35240000000" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Recruitment", href: "#services" },
                { label: "Compliance", href: "#services" },
                { label: "Talent Management", href: "#services" },
                { label: "Consulting", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About HRLU", href: "#about" },
                { label: "Our Team", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "HR Blog", href: "#" },
                { label: "Compliance Guide", href: "#" },
                { label: "Career Portal", href: "#" },
                { label: "Support", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Data Protection", href: "#" },
                { label: "GDPR Compliance", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 HRLU - Luxembourg Branch of HRIT. All rights reserved. Serving the Grand Duchy with excellence."
        />
      </div>
    </ThemeProvider>
  );
}