"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Clock, Phone, CheckCircle, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Gérard Dépannage"
          navItems={[
            { name: "Accueil", id: "hero" },
            { name: "Services", id: "services" },
            { name: "Urgences 24/7", id: "urgences" },
            { name: "Avis Clients", id: "testimonials" },
            { name: "À Propos", id: "about" }
          ]}
          button={{ text: "Appeler: 02 XX XX XX XX", href: "tel:0240404040" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Plombier Urgent Nantes 24h/24 & 7j/7"
          description="Intervention rapide en moins d'1h • Dépannage toutes urgences • Devis gratuit sans engagement • Équipe expérimentée depuis 8 ans"
          buttons={[
            { text: "Appeler Maintenant: 02 40 40 40 40", href: "tel:0240404040" },
            { text: "Demander un Devis Rapide", href: "#contact" }
          ]}
          background={{ variant: "aurora" }}
          mediaAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg"
          imageAlt="Plombier d'urgence intervenant rapidement à Nantes"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <AboutMetric
          title="Pourquoi Nous Faire Confiance ?"
          metrics={[
            { icon: Clock, label: "Intervention garantie", value: "< 1h à Nantes" },
            { icon: Phone, label: "Disponibilité", value: "24h/24 • 7j/7" },
            { icon: CheckCircle, label: "Expérience", value: "+8 ans d'activité" },
            { icon: Star, label: "Avis Google", value: "4.7★ (101 avis)" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Nos Services Plomberie"
          description="Nous intervenons sur tous types de dépannages plomberie et chauffage. Tarifs transparents et équipe réactive."
          features={[
            {
              id: "dépannage-urgence",              label: "Dépannage Urgence",              title: "Fuite • Débouchage • Chauffe-eau",              items: [
                "Intervention d'urgence toute la semaine",                "Débouchage WC et tuyauteries",                "Réparation fuite d'eau détectée",                "Remplacement chauffe-eau panne"
              ]
            },
            {
              id: "installation-équipements",              label: "Installation",              title: "Robinetterie & Sanitaires",              items: [
                "Installation WC, lavabo, baignoire",                "Remplacement robinets défectueux",                "Pose tuyauteries et raccords",                "Travaux de rénovation salle bain"
              ]
            },
            {
              id: "chauffage-maintenance",              label: "Chauffage",              title: "Maintenance & Réparation",              items: [
                "Entretien chauffage préventif",                "Purge radiateurs et circuits",                "Réparation chaudière panne",                "Mise en conformité installations"
              ]
            },
            {
              id: "clients-professionnels",              label: "Professionnels",              title: "Conciergeries & Entreprises",              items: [
                "Interventions rapides dédiées",                "Contrats maintenance régulière",                "Clients récurrents gendarmes, écoles",                "Tarifs professionnels avantageux"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Intervention ultra-rapide dimanche soir ! Fuite détectée et réparée en 45 minutes. Équipe très professionnelle et tarif juste. Je recommande vivement !"
          rating={5}
          author="Marine D., Nantes Centre"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/smiling-delivery-woman-holding-cardboard-box_23-2151998658.jpg", alt: "Client satisfait Marine D." },
            { src: "http://img.b2bpic.net/free-photo/smiling-business-leader-looking-through-window_1262-5623.jpg", alt: "Client satisfait femme" },
            { src: "http://img.b2bpic.net/free-vector/people-avatars-inside-geometric-shape_23-2147543855.jpg", alt: "Client satisfait homme" },
            { src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg", alt: "Client satisfait autre" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardTwelve
          title="Pourquoi Choisir Gérard Dépannage ?"
          description="Une entreprise locale de plomberie sérieuse, honnête et réactive. Plus de 8 ans d'expérience au service des Nantais."
          features={[
            {
              id: "réactivité",              label: "Réactivité",              title: "Intervention Rapide Garantie",              items: [
                "Délai < 1h sur Nantes centre",                "Pas d'attente inutile",                "Disponibilité dimanche et nuit",                "Même urgences les jours fériés"
              ]
            },
            {
              id: "honnêteté",              label: "Honnêteté",              title: "Tarifs Justes & Transparents",              items: [
                "Devis gratuit sans engagement",                "Pas de surprise à la facture",                "Détail des travaux effectués",                "Prix compétitifs marché local"
              ]
            },
            {
              id: "professionnalisme",              label: "Professionnel",              title: "Équipe Compétente & Propre",              items: [
                "Issam & Yassine expérimentés",                "Propreté garantie sur chantier",                "Respect du client et domicile",                "Matériel moderne et neuf"
              ]
            },
            {
              id: "confiance",              label: "Confiance",              title: "Clients Fidèles & Références",              items: [
                "101 avis Google 4.7★",                "Clients récurrents entreprises",                "Référencé gendarmes, écoles",                "Recommandations régulières"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="service-highlights" data-section="service-highlights">
        <ProductCardFour
          title="Urgences les Plus Fréquentes"
          description="Interventions que nous effectuons le plus régulièrement pour maximiser la satisfaction clients."
          products={[
            {
              id: "fuite-urgente",              name: "Fuite d'Eau Urgente",              price: "À partir de 150€",              variant: "Diagnostic + Réparation",              imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg",              imageAlt: "Détection et réparation fuite d'eau"
            },
            {
              id: "chauffe-eau-panne",              name: "Chauffe-Eau en Panne",              price: "À partir de 250€",              variant: "Remplacement Rapide",              imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367580.jpg",              imageAlt: "Installation remplacement chauffe-eau"
            },
            {
              id: "wc-débouchage",              name: "WC Bouchés - Débouchage",              price: "À partir de 100€",              variant: "Débouchage Immédiat",              imageSrc: "http://img.b2bpic.net/free-photo/cute-little-boy-brushing-his-teeth-timing-hour-with-hourglass_169016-11495.jpg",              imageAlt: "Débouchage WC et tuyauteries"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="partners" data-section="partners">
        <SocialProofOne
          names={["Gendarmerie Nantes", "Crèches Nantaises", "Écoles Publiques", "Conciergeries Centre", "Bailleurs Sociaux", "PME Nantes"]}
          title="Nos Clients de Confiance"
          description="Organisations locales et entreprises qui nous font confiance depuis plusieurs années pour leurs besoins plomberie et chauffage."
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Demander un Devis"
          title="Contactez-Nous Immédiatement"
          description="Remplissez le formulaire rapide ci-dessous ou appelez-nous directement. Réponse garantie en moins de 1h pour les urgences."
          background={{ variant: "plain" }}
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          inputPlaceholder="Votre adresse email ou numéro"
          buttonText="Envoyer la Demande"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/young-support-customer-woman-talking-into-headset-microphone-with-call-center-customer-while-working-startup-company-office-caucasian-female-consultant-providing-telemarketing-service_482257-28282.jpg"
          imageAlt="Équipe Gérard Dépannage Nantes"
          logoText="Gérard Dépannage Plomberie"
          copyrightText="© 2024 Gérard Dépannage Plomberie Nantes | Tous droits réservés"
          columns={[
            {
              title: "Services",              items: [
                { label: "Dépannage Urgence", href: "#services" },
                { label: "Chauffage", href: "#services" },
                { label: "Installation", href: "#services" },
                { label: "Maintenance", href: "#services" }
              ]
            },
            {
              title: "Entreprise",              items: [
                { label: "À Propos", href: "#why-us" },
                { label: "Avis Clients", href: "#testimonials" },
                { label: "Nos Références", href: "#partners" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Légal",              items: [
                { label: "Mentions Légales", href: "#" },
                { label: "Conditions Générales", href: "#" },
                { label: "Politique Confidentialité", href: "#" },
                { label: "RGPD", href: "#" }
              ]
            },
            {
              title: "Contact Urgent",              items: [
                { label: "☎ 02 40 40 40 40", href: "tel:0240404040" },
                { label: "📧 contact@gerard-depannage.fr", href: "mailto:contact@gerard-depannage.fr" },
                { label: "Nantes & Agglomération", href: "#" },
                { label: "24h/24 - 7j/7", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
