"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="large"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Services", id: "#services" },
        { name: "About", id: "#about" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="Better Business DZ"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{ variant: "plain" }}
      title="Transformer la vision en résultats concrets."
      description="Leader en conseil aux entreprises et développement du leadership en Algérie. Boostez votre performance avec Better Business DZ."
      kpis={[
        { value: "100+", label: "Entreprises Accompagnées" },
        { value: "15+", label: "Ans d'Expertise" },
        { value: "500+", label: "Leaders Formés" },
      ]}
      enableKpiAnimation={true}
      buttons={[
        { text: "Réserver une consultation", href: "#contact" },
        { text: "Nos services", href: "#services" },
      ]}
      mediaAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/digital-marketing-team-attending-innovation-brainstorming-meeting_482257-91001.jpg"
      imageAlt="Consultants en entreprise"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: "s1", title: "Conseil Stratégique", subtitle: "Optimisation des processus", category: "Stratégie", value: "Performance" },
        { id: "s2", title: "Leadership Training", subtitle: "Développer vos talents", category: "Leadership", value: "Expertise" },
        { id: "s3", title: "Team Building", subtitle: "Cohésion d'équipe", category: "RH", value: "Synergie" },
      ]}
      title="Nos Services d'Expertise"
      description="Des solutions sur-mesure pour propulser votre entreprise en Algérie."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "95%", description: "Taux de satisfaction client" },
        { id: "m2", value: "24/7", description: "Support dédié aux partenaires" },
        { id: "m3", value: "100%", description: "Expertise locale et adaptée" },
      ]}
      title="Pourquoi Choisir Better Business"
      description="La référence pour la performance des entreprises algériennes."
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      title="Notre Vision et Engagement"
      description={[
        "Better Business DZ est né de la volonté d'accompagner les entreprises algériennes dans leur transformation. Nous combinons expertise locale et standards internationaux pour garantir une excellence opérationnelle durable.",        "Notre mission est de cultiver le leadership et de renforcer les capacités managériales à chaque niveau de votre organisation. Nous croyons que la croissance de demain se prépare avec les outils d'aujourd'hui."
      ]}
      buttons={[{ text: "Contactez notre équipe", href: "#contact" }]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      title="Ils nous font confiance"
      description="Découvrez comment nous avons aidé des leaders à transformer leurs organisations."
      testimonials={[
        {
          id: "t1", 
          name: "Amine S.", 
          role: "CEO, TechAlg", 
          testimonial: "Better Business DZ a radicalement changé notre approche. Leur accompagnement sur le leadership a permis à nos managers de mieux structurer leurs équipes, améliorant notre productivité de 30% en seulement six mois. Une expertise indispensable pour toute entreprise en pleine croissance.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder_74855-15162.jpg"
        },
        {
          id: "t2", 
          name: "Sarah K.", 
          role: "RH, LogiDZ", 
          testimonial: "Leur méthodologie de team building est unique. Loin des approches classiques, ils ont su identifier les leviers de cohésion spécifiques à notre culture d'entreprise, transformant le climat social et renforçant la collaboration entre nos différents départements.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg"
        }
      ]}
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      names={["Sonatrach", "Cevital", "Mobilis", "Algérie Télécom", "Saidal", "Condor", "Cosider"]}
      title="Nos Partenaires"
      description="Des collaborations stratégiques pour l'excellence algérienne."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "Comment réserver une consultation ?", content: "Contactez-nous via le formulaire ci-dessous ou par WhatsApp pour une réponse rapide." },
        { id: "f2", title: "Proposez-vous des formations sur mesure ?", content: "Oui, chaque programme est conçu après une analyse précise de vos besoins opérationnels." },
      ]}
      title="Questions Fréquentes"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Contact"
      title="Prêt à transformer votre entreprise ?"
      description="Notre équipe est à votre disposition pour discuter de vos défis et objectifs. Remplissez ce formulaire et nous reviendrons vers vous sous 24 heures."
      background={{ variant: "rotated-rays-static" }}
      imageSrc="http://img.b2bpic.net/free-photo/business-people-meeting-modern-office_482257-84631.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navigation",          items: [
            { label: "Services", href: "#services" },
            { label: "About", href: "#about" },
            { label: "Contact", href: "#contact" },
          ],
        },
        {
          title: "Légal",          items: [{ label: "Confidentialité", href: "#" }],
        },
      ]}
      logoText="Better Business DZ"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
