"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import { MapPin, Award, Zap, Phone, Clock, CheckCircle, Wrench, Hammer, Smile, Star, HelpCircle } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Accueil", id: "/" },
    { name: "Services", id: "/services" },
    { name: "À propos", id: "/about" },
    { name: "Testimoniaux", id: "/testimonials" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmall"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="BRPRO"
          navItems={[
            { name: "Accueil", id: "/" },
            { name: "Services", id: "/services" },
            { name: "À propos", id: "/about" },
            { name: "Testimoniaux", id: "#testimonials" },
            { name: "Contact", id: "#contact" },
          ]}
          button={{
            text: "05 61 75 20 84",
            href: "tel:+33561752084",
          }}
          className="bg-white shadow-lg"
          buttonClassName="bg-primary-cta text-primary-cta-text font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Intervention Rapide à Labège et Toulouse Est"
          description="BRPRO : votre partenaire de confiance pour la maintenance, le dépannage et les interventions urgentes. Entreprise locale, réactive et fiable."
          tag="Entreprise locale Labège"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Appeler maintenant", href: "tel:+33561752084" },
            { text: "Demander un devis", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
              imageAlt: "Intervention professionnelle",
            },
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg",
              imageAlt: "Service plomberie",
            },
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24230.jpg",
              imageAlt: "Service électricité",
            },
          ]}
          mediaAnimation="slide-up"
          ariaLabel="Section héro BRPRO"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardFour
          title="Nos Services"
          description="BRPRO propose une gamme complète de services de maintenance et de dépannage pour les professionnels et les particuliers à Labège et sa région."
          tag="Services disponibles"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="two-columns-alternating-heights"
          products={[
            {
              id: "plumbing",
              name: "Plomberie & Dépannage",
              price: "Devis gratuit",
              variant: "Interventions d'urgence 24/7",
              imageSrc:
                "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg",
              imageAlt: "Service plomberie",
            },
            {
              id: "electrical",
              name: "Électricité & Installation",
              price: "Devis gratuit",
              variant: "Installations et mises aux normes",
              imageSrc:
                "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24230.jpg",
              imageAlt: "Service électricité",
            },
            {
              id: "hvac",
              name: "Chauffage & Climatisation",
              price: "Devis gratuit",
              variant: "Maintenance et interventions",
              imageSrc:
                "http://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg",
              imageAlt: "Service climatisation",
            },
            {
              id: "general",
              name: "Maintenance Générale",
              price: "Devis gratuit",
              variant: "Entretien et inspections",
              imageSrc:
                "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184907.jpg",
              imageAlt: "Service maintenance générale",
            },
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="À propos de nous"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Pourquoi choisir BRPRO ?"
          description="Depuis des années, BRPRO accompagne les professionnels et les particuliers de Labège et de la région Toulouse Est. Notre équipe de techniciens qualifiés garantit des interventions rapides, fiables et conformes aux normes. Nous mettons la satisfaction client au cœur de chaque projet."
          metrics={[
            { value: "+500", title: "Clients satisfaits" },
            { value: "24/7", title: "Disponible pour vous" },
          ]}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/businessman-walking-with-colleague-outside-office-building_107420-74360.jpg"
          imageAlt="Bureau BRPRO Labège"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardTen
          title="Comment ça marche ?"
          description="Un processus simple et transparent en 3 étapes pour résoudre vos problèmes rapidement."
          tag="Notre processus"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",
              title: "Appel ou Demande",
              description:
                "Contactez-nous par téléphone ou remplissez notre formulaire de devis. Notre équipe vous répond rapidement.",
              media: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3959.jpg",
                imageAlt: "Étape 1 : appel",
              },
              items: [
                { icon: Phone, text: "Appel immédiat" },
                { icon: Clock, text: "Réponse rapide" },
              ],
              reverse: false,
            },
            {
              id: "2",
              title: "Diagnostic",
              description:
                "Notre technicien se rend sur site pour évaluer la situation et proposer une solution adaptée.",
              media: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/solar-panel-manufacturing-plant-researcher-taking-notes-files_482257-125791.jpg",
                imageAlt: "Étape 2 : diagnostic",
              },
              items: [
                { icon: CheckCircle, text: "Analyse complète" },
                { icon: Wrench, text: "Expertise technique" },
              ],
              reverse: true,
            },
            {
              id: "3",
              title: "Intervention & Suivi",
              description:
                "Réalisation rapide de l'intervention avec suivi et conseil personnalisé pour prévenir les problèmes futurs.",
              media: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg",
                imageAlt: "Étape 3 : intervention",
              },
              items: [
                { icon: Hammer, text: "Intervention complète" },
                { icon: Smile, text: "Satisfaction garantie" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Ce que nos clients disent"
          description="Découvrez les avis et témoignages de nos clients satisfaits à Labège et alentours."
          tag="Clients heureux"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",
              name: "Dupont Jean, Syndic Toulouse",
              date: "Date: 15 novembre 2024",
              title: "Entreprise réactive et professionnelle",
              quote:
                "BRPRO intervient rapidement pour nos immeubles. Les techniciens sont compétents et respectent les délais. Très satisfait de la prestation.",
              tag: "Syndic de copropriété",
              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "Jean Dupont",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
            },
            {
              id: "2",
              name: "Martin Claire, Gérante Boutique",
              date: "Date: 10 novembre 2024",
              title: "Dépannage d'urgence efficace",
              quote:
                "Mon climatisation a lâché en été. BRPRO a envoyé un technicien le jour même. Intervention rapide et efficace. Je recommande !",
              tag: "Commerçant",
              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "Claire Martin",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
            },
            {
              id: "3",
              name: "Bernard Michel, Chef d'entreprise",
              date: "Date: 5 novembre 2024",
              title: "Partenaire de confiance",
              quote:
                "BRPRO gère l'entretien global de nos bureaux. Équipe fiable, transparence tarifaire, et excellente communication. Un vrai partenaire.",
              tag: "PME",
              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "Michel Bernard",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
            },
            {
              id: "4",
              name: "Rossi Sophie, Propriétaire Immeuble",
              date: "Date: 28 octobre 2024",
              title: "Service de proximité et de qualité",
              quote:
                "Intervention plomberie impeccable. BRPRO explique les problèmes et propose des solutions durables. Très professionnel.",
              tag: "Propriétaire",
              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "Sophie Rossi",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
            },
            {
              id: "5",
              name: "Leclerc Thomas, Responsable Parc",
              date: "Date: 20 octobre 2024",
              title: "Maintenance régulière sans soucis",
              quote:
                "BRPRO assure la maintenance préventive de nos installations. Équipe réactive, respect des protocoles, suivi impeccable.",
              tag: "Gestionnaire de parc",
              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "Thomas Leclerc",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
            },
            {
              id: "6",
              name: "Garnier Nathalie, Responsable RH",
              date: "Date: 12 octobre 2024",
              title: "Interventions fiables et coordonnées",
              quote:
                "BRPRO travaille en coordination avec notre équipe. Planning clair, aucune surprise, résultats garantis. Très satisfaite.",
              tag: "Entreprise moyenne",
              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "Nathalie Garnier",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Questions Fréquentes"
          description="Retrouvez les réponses aux questions les plus courantes sur nos services, tarifs et conditions d'intervention."
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",
              title: "Proposez-vous des interventions d'urgence 24/7 ?",
              content:
                "Oui, BRPRO propose des interventions d'urgence 24 heures sur 24, 7 jours sur 7 pour les situations critiques. Contactez-nous au 05 61 75 20 84 ou par notre formulaire pour connaître les tarifs spécifiques aux interventions de nuit/week-end.",
            },
            {
              id: "2",
              title: "Comment obtenir un devis ?",
              content:
                "Vous pouvez demander un devis gratuitement de trois façons : (1) Appeler directement au 05 61 75 20 84, (2) Remplir le formulaire de contact sur notre site, (3) Nous envoyer un email. Notre équipe vous recontactera dans les 24 heures ouvrables.",
            },
            {
              id: "3",
              title: "Intervenez-vous en dehors de Labège ?",
              content:
                "Oui, BRPRO intervient sur Labège, Toulouse Est et les communes alentours. Nous couvrons une zone d'environ 15 km autour de Labège. Contactez-nous pour vérifier si votre adresse est couverte.",
            },
            {
              id: "4",
              title: "Quel est le délai d'intervention moyen ?",
              content:
                "Pour les interventions standards, nous nous engageons sur un délai de 24 à 48 heures. Pour les urgences (fuites, panne chauffage, etc.), nous intervenons le jour même ou le jour ouvrable suivant.",
            },
            {
              id: "5",
              title: "Offrez-vous des contrats de maintenance préventive ?",
              content:
                "Oui, BRPRO propose des contrats de maintenance adaptés aux besoins des immeubles, commerces et entreprises. Ces contrats incluent inspections régulières, interventions préventives et tarifs préférentiels. Contactez-nous pour une proposition personnalisée.",
            },
            {
              id: "6",
              title: "Vos techniciens sont-ils qualifiés et assurés ?",
              content:
                "Oui, tous nos techniciens sont qualifiés, expérimentés et l'entreprise est entièrement assurée. Nous respectons les normes de sécurité et les réglementations en vigueur pour chaque type d'intervention (électricité, plomberie, chauffage).",
            },
            {
              id: "7",
              title: "Fournissez-vous une garantie sur les travaux ?",
              content:
                "Oui, nous garantissons la qualité de nos interventions. Les pièces fournies sont couvertes par les garanties constructeur. Pour plus de détails sur les conditions de garantie, consultez nos conditions générales ou appelez-nous.",
            },
            {
              id: "8",
              title: "Acceptez-vous tous les moyens de paiement ?",
              content:
                "Oui, BRPRO accepte les virements bancaires, chèques, cartes bancaires et les acomptes sur facture pour les contrats de maintenance. Des facilités de paiement peuvent être accordées pour les travaux importants.",
            },
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Contactez-nous pour un devis"
          description="Remplissez le formulaire ci-dessous ou appelez directement au 05 61 75 20 84. Notre équipe vous recontactera dans les 24 heures pour discuter de votre demande."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Votre nom",
              required: true,
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Votre téléphone",
              required: true,
            },
            {
              name: "email",
              type: "email",
              placeholder: "Votre email",
              required: true,
            },
            {
              name: "service",
              type: "text",
              placeholder: "Sélectionnez un service",
              required: true,
            },
          ]}
          textarea={{
            name: "message",
            placeholder: "Décrivez votre demande ou problème...",
            rows: 5,
            required: true,
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/businessman-walking-with-colleague-outside-office-building_107420-74360.jpg"
          imageAlt="Bureau BRPRO"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Envoyer la demande"
          ariaLabel="Formulaire de contact BRPRO"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="BRPRO Labège"
          copyrightText="© 2025 BRPRO | Maintenance & Dépannage | Labège, Toulouse"
          columns={[
            {
              title: "Services",
              items: [
                { label: "Plomberie", href: "/services/plomberie" },
                { label: "Électricité", href: "/services/electricite" },
                { label: "Climatisation", href: "/services/climatisation" },
                { label: "Maintenance", href: "/services" },
              ],
            },
            {
              title: "Entreprise",
              items: [
                { label: "À propos", href: "/about" },
                { label: "Contact", href: "/contact" },
                { label: "Devis", href: "#contact" },
              ],
            },
            {
              title: "Légal",
              items: [
                { label: "Mentions légales", href: "/legal" },
                { label: "Politique de confidentialité", href: "/legal" },
                {
                  label: "Appeler: 05 61 75 20 84",
                  href: "tel:+33561752084",
                },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}