"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Facebook, Instagram, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Accueil",          id: "#hero"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Réalisations",          id: "#team"},
        {
          name: "À Propos",          id: "#about"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Demander une soumission",          href: "#contact"}}
      brandName="VLF Électrique"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated"}}
      title="Votre Partenaire Électrique de Confiance"
      description="Entrepreneur général et Maître Électricien depuis 2013, VLF Électrique transforme vos projets en réalité avec expertise et transparence."
      buttons={[
        {
          text: "Demander une soumission",          href: "#contact"},
        {
          text: "Nos Services",          href: "#services"},
      ]}
      carouselItems={[
        {
          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/male-construction-worker-overalls-male-electrician-overalls_169016-66767.jpg",          imageAlt: "Installations électriques modernes dans un bâtiment commercial"},
        {
          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-having-discussion-team-meeting-modern-office-interior_1163-4771.jpg",          imageAlt: "Électricien travaillant sur le câblage d'une nouvelle maison"},
        {
          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-52159.jpg",          imageAlt: "Ingénieur électrique inspectant les lignes électriques de la ville"},
        {
          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-electric-equipment-wooden-background_23-2148087604.jpg",          imageAlt: "Conception d'éclairage intérieur moderne"},
        {
          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-51895.jpg",          imageAlt: "Électricien vérifiant un panneau de disjoncteurs résidentiel"},
        {
          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg",          imageAlt: "Installation électrique extérieure d'une propriété commerciale"},
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="À Propos de Nous"
      title="VLF Électrique : L'Expertise au Cœur de Vos Projets"
      buttons={[
        {
          text: "Découvrir Notre Histoire",          href: "#team"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      features={[
        {
          title: "Rénovation Électrique Résidentielle",          description: "Modernisez votre habitation avec des installations conformes et efficaces. Nous gérons tout, des mises à niveau de panneaux aux nouvelles prises.",          imageSrc: "http://img.b2bpic.net/free-photo/man-standing-talking-colleagues_23-2147668768.jpg",          imageAlt: "Rénovation électrique résidentielle"},
        {
          title: "Installations Commerciales & Industrielles",          description: "Des systèmes complexes pour entreprises aux raccordements industriels, nous garantissons des solutions robustes et évolutives pour vos opérations.",          imageSrc: "http://img.b2bpic.net/free-photo/payment-terminal-screen-waiting-card-device-contactless-payment-operation_169016-72786.jpg",          imageAlt: "Installations électriques commerciales"},
        {
          title: "Mises à Niveau et Conformité",          description: "Assurez la sécurité et la conformité de vos systèmes électriques. Nous effectuons des inspections, des diagnostics et des mises à jour rigoureuses.",          imageSrc: "http://img.b2bpic.net/free-photo/female-electrical-engineer-checking-power-system-diagram-near-control-panel-engineering-inspection_169016-71743.jpg",          imageAlt: "Mises à niveau électriques et conformité"},
      ]}
      title="Nos Services Électriques Complets"
      description="De la rénovation résidentielle aux installations commerciales complexes, notre équipe de maîtres électriciens assure des solutions fiables et sécurisées."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",          value: "Licences & Assurances",          title: "Protection Complète",          items: [
            "Licences RBQ 5668-6199-01 valides",            "Assurance responsabilité civile",            "Couverture des dommages matériels et blessures"],
        },
        {
          id: "2",          value: "Portfolio Solide & Expérience",          title: "Fiabilité Éprouvée",          items: [
            "Réalisations réussies depuis 2013",            "Plusieurs années d'expérience pratique",            "Expertise en gestion de chantier"],
        },
        {
          id: "3",          value: "Communication Transparente",          title: "Clarté et Confiance",          items: [
            "Transparence sur les coûts et délais",            "Explication détaillée des travaux",            "Support client réactif et disponible"],
        },
      ]}
      title="Notre Engagement Qualité"
      description="Chez VLF Électrique, la confiance et la transparence sont nos piliers. Nous garantissons excellence et sérénité pour chaque projet."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "4",          name: "Notre Équipe Complète",          role: "Découvrez nos Experts",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413309604-28i9zi1g.jpg?_wi=1",          imageAlt: "Photo de l'équipe complète de VLF Électrique"},
        {
          id: "1",          name: "Karl L.",          role: "Co-fondateur & Maître Électricien",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413120954-rjtqjv2i.jpg",          imageAlt: "Portrait de Karl L., co-fondateur et maître électricien"},
        {
          id: "2",          name: "Julien V.",          role: "Co-fondateur & Entrepreneur Général",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413120954-pclyedlh.jpg",          imageAlt: "Portrait de Julien V., co-fondateur et entrepreneur général"},
        {
          id: "3",          name: "Yann S.J.",          role: "Contremaître Principal",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413120955-01kx7dk6.jpg",          imageAlt: "Portrait de Yann S.J., contremaître principal"}
      ]}
      title="Rencontrez Notre Équipe d'Experts"
      description="Avec plus de 16 professionnels, dont des maîtres électriciens et estimateurs, notre équipe est dédiée à l'excellence et à l'innovation depuis 2013. Bâtissons l'avenir ensemble."
    />
  </div>

  <div id="team-banner" data-section="team-banner">
      <HeroBillboardScroll
        title="Notre Force, Notre Engagement"
        description="Découvrez l'équipe passionnée et experte derrière chaque projet VLF Électrique."
        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ea3PSoT2Io2XdwgVfakM6X9YjE/uploaded-1780413309604-28i9zi1g.jpg?_wi=2"
        imageAlt="Photo de l'équipe complète de VLF Électrique"
        background={{ variant: "plain" }}
        ariaLabel="Full team photo banner"
      />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="« VLF Électrique a transformé notre maison avec des solutions électriques modernes et sécurisées. Leur professionnalisme et leur souci du détail sont inégalés. Je les recommande chaudement ! »"
      rating={5}
      author="Sophie L. - Cliente Résidentielle"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg",          alt: "Sophie L."},
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg",          alt: "Marc D."},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg",          alt: "Émilie G."},
        {
          src: "http://img.b2bpic.net/free-photo/serious-confident-asian-man-looking-camera_1262-5524.jpg",          alt: "David C."},
        {
          src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",          alt: "Positive confident businesswoman"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "Quels types de services électriques proposez-vous ?",          content: "Nous offrons une gamme complète de services, incluant la rénovation résidentielle, les installations commerciales et industrielles, les mises à niveau de panneaux électriques, l'installation de bornes de recharge pour véhicules électriques, et la conformité aux normes. Visitez notre section 'Services' pour plus de détails."},
        {
          id: "2",          title: "Êtes-vous certifié et assuré ?",          content: "Oui, VLF Électrique est un entrepreneur général et Maître Électricien certifié avec la licence RBQ 5668-6199-01. Nous sommes également entièrement assurés pour couvrir les dommages matériels ou les blessures, assurant votre tranquillité d'esprit."},
        {
          id: "3",          title: "Comment obtenir une soumission pour mon projet ?",          content: "C'est simple ! Vous pouvez nous contacter directement par téléphone, par e-mail via notre formulaire de contact, ou en cliquant sur le bouton 'Demander une soumission' sur notre site. Nous discuterons de vos besoins et vous fournirons une estimation détaillée."},
      ]}
      title="Vos Questions, Nos Réponses"
      description="Retrouvez les réponses aux questions fréquemment posées concernant nos services électriques, nos processus et nos garanties. N'hésitez pas à nous contacter pour plus d'informations."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Contactez-Nous"
      title="Prêt à Démarrer Votre Projet Électrique ?"
      description="N'hésitez pas à nous joindre pour toute question ou pour discuter de votre prochain projet. Notre équipe est à votre écoute pour vous offrir un service impeccable et des solutions adaptées. \n\n📍 388 Rue Blainville Est, Sainte-Thérèse, Québec\n📞 514-583-5275 ou 514-813-9924"
      buttons={[
        {
          text: "Demander une soumission",          href: "mailto:info@vlfelectrique.com"},
        {
          text: "Appelez-nous",          href: "tel:+15145835275"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="VLF Électrique"
      copyrightText="© 2024 VLF Électrique. Tous droits réservés."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/vlfelectrique",          ariaLabel: "Facebook"},
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/vlfelectrique",          ariaLabel: "LinkedIn"},
        {
          icon: Instagram,
          href: "https://instagram.com/vlfelectrique",          ariaLabel: "Instagram"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}