"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, CheckCircle, Shield, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="large"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Accueil",
          id: "home",
        },
        {
          name: "À Propos",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Produits",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="MCCMAROC"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="Excellence en Métrologie Industrielle au Maroc"
      description="MCCMAROC vous accompagne avec des solutions de mesure de haute précision, étalonnage ISO 17025 et instruments de pointe pour vos besoins industriels."
      testimonials={[
        {
          name: "Ahmed Mansouri",
          handle: "@IndustrieMaroc",
          testimonial: "Un service d'étalonnage rapide et conforme aux normes internationales.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213529.jpg",
        },
        {
          name: "Sara Bennis",
          handle: "@TechPrecision",
          testimonial: "La meilleure expertise technique pour nos instruments Trimos au Maroc.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg",
        },
        {
          name: "Yassine El Amri",
          handle: "@AutoParts",
          testimonial: "Partenaire indispensable pour la qualité de nos composants.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
        },
        {
          name: "Fatima Zahra",
          handle: "@AeroTech",
          testimonial: "Réactivité et professionnalisme irréprochables.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",
        },
        {
          name: "Khalid Mansour",
          handle: "@MedPharma",
          testimonial: "Une expertise qui garantit la fiabilité totale de nos processus.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
        },
      ]}
      buttons={[
        {
          text: "Demander un Devis",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/laboratory-3d-glassware_23-2151560643.jpg"
      imageAlt="Laboratoire de métrologie MCCMAROC"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
          alt: "Client Expert 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-entrepreneur-interacting-with-digital-ai-brain-symbolizing-platforms_482257-126296.jpg",
          alt: "Client Expert 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg",
          alt: "Client Expert 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/specialist-using-laptop-inspects-machinery-placing-solar-cells-conveyor-belts_482257-118115.jpg",
          alt: "Client Expert 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg",
          alt: "Client Expert 5",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "ISO 17025",
        },
        {
          type: "text",
          text: "Expertise",
        },
        {
          type: "text",
          text: "Précision",
        },
        {
          type: "text",
          text: "Étalonnage",
        },
        {
          type: "text",
          text: "Maintenance",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Expertise Technique"
      metrics={[
        {
          icon: CheckCircle,
          label: "Instruments Étalonnés",
          value: "1500+",
        },
        {
          icon: Award,
          label: "Conformité ISO 17025",
          value: "Oui",
        },
        {
          icon: Shield,
          label: "Années d'Expérience",
          value: "12+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "s1",
          title: "Étalonnage Dimensionnel",
          subtitle: "Conformité totale aux normes.",
          category: "Services",
          value: "Certifié",
        },
        {
          id: "s2",
          title: "Maintenance et Réparation",
          subtitle: "Intervention rapide sur site.",
          category: "Services",
          value: "Réactif",
        },
        {
          id: "s3",
          title: "Conseil Technique",
          subtitle: "Expertise pour vos choix d'outils.",
          category: "Services",
          value: "Personnalisé",
        },
      ]}
      title="Nos Services"
      description="Nous offrons une gamme complète de services pour garantir la fiabilité de vos mesures."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Micromètre Digital Trimos",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-helmet-drawing-tools-blueprints_1232-4299.jpg",
        },
        {
          id: "p2",
          name: "Scanner Laser Sylvac",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65303.jpg",
        },
        {
          id: "p3",
          name: "Pied à Coulisse de Précision",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-items-frame_23-2148541559.jpg",
        },
        {
          id: "p4",
          name: "Bloc Étalon",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/laser-level-measuring-tool_93675-128435.jpg",
        },
        {
          id: "p5",
          name: "Comparateur Optique",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866637.jpg",
        },
        {
          id: "p6",
          name: "Niveau de Précision",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/tablet-architect-desk-with-tools-mock-up_23-2148269869.jpg",
        },
      ]}
      title="Catalogue Instruments"
      description="Découvrez notre sélection des meilleurs instruments de mesure mondiaux."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          icon: Zap,
          title: "Clients Satisfaits",
          value: "300+",
        },
        {
          id: "m2",
          icon: Star,
          title: "Projets Terminés",
          value: "850",
        },
        {
          id: "m3",
          icon: Award,
          title: "Normes Maîtriées",
          value: "20+",
        },
      ]}
      title="Impact Industriel"
      description="Nous contribuons à la précision de vos processus industriels."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Ahmed",
          role: "Directrice",
          company: "AutoMaroc",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg",
        },
        {
          id: "t2",
          name: "Karim Idrissi",
          role: "Ingénieur",
          company: "TechIndustrie",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-works-computer-solve-finance-tasks-meeting-objectives-coming-up-with_482257-133471.jpg",
        },
        {
          id: "t3",
          name: "Amal Ben",
          role: "Chef Qualité",
          company: "BioLabs",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/technologist-protective-uniform-with-tablet-standing-by-metal-reservoir-food-processing-industry_342744-1191.jpg",
        },
        {
          id: "t4",
          name: "Omar Fassi",
          role: "Manager",
          company: "AeroPart",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/florist-with-tillandsia_1398-318.jpg",
        },
        {
          id: "t5",
          name: "Nadia Lahlou",
          role: "Directrice",
          company: "ConstruMaroc",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/men-with-tablet-working-logistic_23-2148886826.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "100%",
          label: "Satisfaction",
        },
        {
          value: "98%",
          label: "Conformité",
        },
        {
          value: "24h",
          label: "Réponse",
        },
      ]}
      title="Témoignages Clients"
      description="Ils font confiance à MCCMAROC pour leurs besoins en métrologie."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Quels instruments étalonnez-vous ?",
          content: "Nous étalonnons les instruments dimensionnels, de pression et de température.",
        },
        {
          id: "f2",
          title: "Êtes-vous certifiés ISO 17025 ?",
          content: "Oui, notre laboratoire respecte strictement les exigences de la norme ISO 17025.",
        },
        {
          id: "f3",
          title: "Comment demander un devis ?",
          content: "Utilisez le panier de demande ou contactez-nous directement via le formulaire.",
        },
      ]}
      sideTitle="Questions Fréquentes"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Contact"
      title="Besoin d'un devis ?"
      description="Contactez nos experts dès aujourd'hui pour discuter de vos besoins en métrologie."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/close-up-ruler-blueprints_23-2147785569.jpg"
      logoText="MCCMAROC"
      columns={[
        {
          title: "Société",
          items: [
            {
              label: "À Propos",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          title: "Catalogue",
          items: [
            {
              label: "Instruments",
              href: "#products",
            },
            {
              label: "Devis",
              href: "#contact",
            },
          ],
        },
        {
          title: "Légal",
          items: [
            {
              label: "Mentions Légales",
              href: "#",
            },
            {
              label: "Politique de Confidentialité",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
