"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { CheckCircle, Clock, Scale, Scissors, Shield, Truck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Accueil",
          id: "hero",
        },
        {
          name: "À Propos",
          id: "about",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Oubenz Ferraillage"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Ferraillage de Précision pour vos Projets BTP"
      description="Leader dans la région Fès-Meknès, Oubenz Ferraillage assure coupe, pliage et livraison rapide en 24-48h pour vos chantiers."
      tag="Expertise BTP"
      buttons={[
        {
          text: "Demander un devis",
          href: "#contact",
        },
        {
          text: "Nos services",
          href: "#features",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/working-hard-building-man-construction-worker_1122-1849.jpg",
          imageAlt: "Industrial construction site",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg",
          imageAlt: "Team checking steel",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-stainless-steel_1359-757.jpg",
          imageAlt: "Steel bar texture",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194795.jpg",
          imageAlt: "Logistics transport truck",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/welding-process-made-by-experienced-worker-factory_613910-17208.jpg",
          imageAlt: "Automated cutting machine",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/lyon-france-december-22-2014-musee-des-confluences-musee-des-confluences-is-located-confluence-rhone-saone-rivers_268835-1074.jpg",
          imageAlt: "Building skeleton structure",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Qualité et Proximité au Cœur de Fès-Meknès"
      description="OUBENZ FERRAILLAGE est votre partenaire de confiance en construction. Avec notre expertise en façonnage selon les normes NM, nous garantissons précision, conformité et une réactivité exceptionnelle pour accompagner le développement de vos projets."
      bulletPoints={[
        {
          title: "Conformité NM",
          description: "Respect strict des normes marocaines de qualité.",
        },
        {
          title: "Proximité",
          description: "Une ancrage local fort en région Fès-Meknès.",
        },
        {
          title: "Rapidité",
          description: "Livraison chantier en 24-48h garantie.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-solar-panel-factory-filming-informational-video-about-energy-production_482257-119786.jpg"
      imageAlt="Bureau et équipe d'Oubenz Ferraillage"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Livraison Express",
          description: "Livraison sur chantier en 24-48h, là où la concurrence met 5 à 7 jours.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40898.jpg",
            imageAlt: "Livraison rapide",
          },
          items: [
            {
              icon: Truck,
              text: "Flotte dédiée",
            },
            {
              icon: Clock,
              text: "24-48h chrono",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/working-hard-building-man-construction-worker_1122-1849.jpg",
          imageAlt: "construction delivery trucks fleet",
        },
        {
          title: "Façonnage de Précision",
          description: "Coupe et pliage de haute précision selon vos plans et les normes NM.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/precious-stones-processing_169016-3564.jpg",
            imageAlt: "Façonnage acier",
          },
          items: [
            {
              icon: Scale,
              text: "Précision NM",
            },
            {
              icon: Scissors,
              text: "Coupe sur mesure",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg",
          imageAlt: "construction delivery trucks fleet",
        },
        {
          title: "Expertise Technique",
          description: "Un contrôle qualité rigoureux et une conformité totale à chaque étape.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/technician-uses-magnifying-glass-carefully-inspect-internal-parts-smartphone-modern-repair-shop_613910-20718.jpg",
            imageAlt: "Contrôle qualité",
          },
          items: [
            {
              icon: CheckCircle,
              text: "Certification",
            },
            {
              icon: Shield,
              text: "Contrôle qualité",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-stainless-steel_1359-757.jpg",
          imageAlt: "construction delivery trucks fleet",
        },
      ]}
      title="Pourquoi Choisir Oubenz Ferraillage"
      description="Des solutions optimisées pour les PME du BTP."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Acier Coupe",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953939.jpg",
        },
        {
          id: "p2",
          name: "Treillis Soudé",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/rusty-metal-grid-texture_23-2151997114.jpg",
        },
        {
          id: "p3",
          name: "Fil de Liaison",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10260.jpg",
        },
        {
          id: "p4",
          name: "Barres Nervurées",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/solar-renewable-overlooking-electricity-pylon-sunlight_1127-2767.jpg",
        },
        {
          id: "p5",
          name: "Poutrelles Acier",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-981.jpg",
        },
        {
          id: "p6",
          name: "Façonnage Spécial",
          price: "Sur devis",
          imageSrc: "http://img.b2bpic.net/free-photo/steel-facade-office-building_1127-2204.jpg",
        },
      ]}
      title="Nos Solutions Acier"
      description="Gamme complète d'aciers de construction pour vos besoins BTP."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "1.4M DH",
          description: "CA prévisionnel An 3",
        },
        {
          id: "m2",
          value: "22%",
          description: "ROI ciblé",
        },
        {
          id: "m3",
          value: "24h",
          description: "Délai de livraison",
        },
      ]}
      title="Croissance & Rentabilité"
      description="Une vision financière solide pour un partenaire BTP fiable."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Ahmed Mansouri",
          date: "2023-11",
          title: "Directeur Chantier",
          quote: "La réactivité d'Oubenz pour notre livraison a sauvé notre planning.",
          tag: "Fiable",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233781.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/working-hard-building-man-construction-worker_1122-1849.jpg",
          imageAlt: "happy client construction project",
        },
        {
          id: "2",
          name: "Fatima Zahra",
          date: "2023-12",
          title: "Gérante PME",
          quote: "Qualité de ferraillage irréprochable et conformité totale aux normes.",
          tag: "Expert",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg",
          imageAlt: "happy client construction project",
        },
        {
          id: "3",
          name: "Karim Idrissi",
          date: "2024-01",
          title: "Architecte",
          quote: "Partenaire indispensable pour nos projets de gros œuvre.",
          tag: "Partenaire",
          avatarSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124289.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-stainless-steel_1359-757.jpg",
          imageAlt: "happy client construction project",
        },
        {
          id: "4",
          name: "Omar Bennani",
          date: "2024-02",
          title: "Entrepreneur",
          quote: "Rapidité de service exemplaire dans la zone Fès-Meknès.",
          tag: "Rapide",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151614993.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194795.jpg",
          imageAlt: "happy client construction project",
        },
        {
          id: "5",
          name: "Laila Amrani",
          date: "2024-03",
          title: "Directrice Travaux",
          quote: "Une équipe professionnelle et à l'écoute des besoins chantier.",
          tag: "Pro",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-signing-document_23-2148921394.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/welding-process-made-by-experienced-worker-factory_613910-17208.jpg",
          imageAlt: "happy client construction project",
        },
      ]}
      title="Ils Nous Ont Fait Confiance"
      description="Témoignages de nos partenaires BTP en région Fès-Meknès."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Prêt à démarrer votre projet ? Contactez Oubenz Ferraillage pour une expertise chantier immédiate."
      buttons={[
        {
          text: "Appeler le service commercial",
          href: "tel:+212500000000",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Oubenz Ferraillage"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Coupe Acier",
              href: "#",
            },
            {
              label: "Pliage Façonnage",
              href: "#",
            },
            {
              label: "Livraison",
              href: "#",
            },
          ],
        },
        {
          title: "Entreprise",
          items: [
            {
              label: "À Propos",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Légal",
          items: [
            {
              label: "Mentions Légales",
              href: "#",
            },
            {
              label: "Confidentialité",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Oubenz Ferraillage. Tous droits réservés."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
