"use client";

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { AlertCircle, CheckCircle, Clock, HelpCircle, MapPin, Phone, Shield, Star, Wrench } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Saneamientos Cubas"
          navItems={[
            { name: "Servicios", id: "services" },
            { name: "¿Por qué nosotros?", id: "why-us" },
            { name: "Zonas", id: "areas" },
            { name: "Preguntas", id: "faq" },
            { name: "Contacto", id: "contact" }
          ]}
          bottomLeftText="Madrid Centro"
          bottomRightText="630 15 83 09"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          tag="Fontaneros de Confianza"
          tagIcon={Shield}
          title="Fontaneros en Madrid Centro con 30+ años de experiencia"
          description="Negocio familiar especializado en reparaciones de urgencia. 4.9★ en reseñas. Puntualidad garantizada, precios justos y limpieza impecable."
          background={{ variant: "circleGradient" }}
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-plumbers-keep-hand-as-pray_273609-8786.jpg", imageAlt: "Equipo profesional de fontanería" },
            { imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg", imageAlt: "Reparación profesional de fontanería" },
            { imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg", imageAlt: "Instalación de sanitarios" },
            { imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-clipboard-front-cargo-van-delivering-bottles-water_627829-4187.jpg", imageAlt: "Furgoneta de servicio Saneamientos Cubas" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg", imageAlt: "Herramientas profesionales de fontanería" },
            { imageSrc: "http://img.b2bpic.net/free-photo/confused-woman-with-smartphone-near-ear-looking-sink_259150-58300.jpg", imageAlt: "Reparación de cocina" },
            { imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990705.jpg", imageAlt: "Reparación de baño" },
            { imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=1", imageAlt: "Atención de urgencias" }
          ]}
          buttons={[
            { text: "📞 Llamar ahora – 630 15 83 09", href: "tel:630158309" },
            { text: "Solicitar presupuesto", href: "#contact" }
          ]}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          carouselPosition="right"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Reseñas de Clientes Satisfechos"
          description="Confían en nosotros para sus emergencias de fontanería"
          tag="Valoración 4.9★"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Son mis fontaneros de cabecera desde hace treinta años.",            "Muy rápidos, eficientes y de trato exquisito.",            "Profesionales 100% recomendables.",            "Puntuales y limpios, exactamente como prometieron.",            "Excelente atención, precio justo y garantía.",            "Resolvieron mi fuga en menos de una hora.",            "Negocio familiar de absoluta confianza."
          ]}
          speed={35}
          showCard={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          features={[
            {
              title: "Reparación de Fugas",              description: "Detección y reparación inmediata de fugas en tuberías",              imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg",              imageAlt: "Reparación de fugas",              buttonIcon: Phone,
              buttonHref: "tel:630158309"
            },
            {
              title: "Desatascos",              description: "Limpieza profesional de desagües obstruidos",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg?_wi=1",              imageAlt: "Servicio de desatascos",              buttonIcon: Phone,
              buttonHref: "tel:630158309"
            },
            {
              title: "Cambio de Sanitarios",              description: "Instalación y sustitución de inodoros y accesorios",              imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg",              imageAlt: "Instalación de sanitarios",              buttonIcon: Phone,
              buttonHref: "tel:630158309"
            },
            {
              title: "Reparación de Cisternas",              description: "Ajuste y reparación de sistemas de cisterna",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg?_wi=2",              imageAlt: "Reparación de cisternas",              buttonIcon: Phone,
              buttonHref: "tel:630158309"
            },
            {
              title: "Instalaciones de Fontanería",              description: "Proyectos completos de instalación profesional",              imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-55754.jpg",              imageAlt: "Instalación de fontanería",              buttonIcon: Phone,
              buttonHref: "tel:630158309"
            },
            {
              title: "Averías Urgentes",              description: "Atención inmediata 24/7 para emergencias",              imageSrc: "http://img.b2bpic.net/free-vector/service-everyday-label-with-pointer_1017-30333.jpg",              imageAlt: "Servicio de urgencia",              buttonIcon: Phone,
              buttonHref: "tel:630158309"
            }
          ]}
          title="Nuestros Servicios Principales"
          description="Soluciones rápidas y profesionales para todos tus problemas de fontanería"
          tag="Servicios"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricSplitMediaAbout
          tag="Nuestra Historia"
          tagIcon={Clock}
          title="¿Por qué elegir Saneamientos Cubas?"
          description="No somos una empresa grande impersonal. Somos fontaneros de confianza en tu barrio desde hace más de tres décadas. Conocemos Madrid Centro como la palma de nuestra mano, respondemos rápido, trabajamos limpio y cobramos precios justos. Nuestras 4.9 estrellas en reseñas no son casualidad: son la promesa cumplida cada día."
          metrics={[
            { value: "30+", title: "Años de experiencia" },
            { value: "4.9★", title: "Valoración en reseñas" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg"
          imageAlt="Equipo Saneamientos Cubas"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          tagAnimation="slide-up"
        />
      </div>

      <div id="process" data-section="process">
        <MetricCardTwo
          metrics={[
            { id: "1", value: "1", description: "Llámanos y cuéntanos el problema" },
            { id: "2", value: "2", description: "Acudimos puntualmente a tu domicilio" },
            { id: "3", value: "3", description: "Lo solucionamos rápido y limpio" }
          ]}
          title="Proceso Simple en 3 Pasos"
          description="Así es como resolvemos tu problema de fontanería rápidamente"
          tag="Eficiente"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
        />
      </div>

      <div id="urgency" data-section="urgency">
        <MetricSplitMediaAbout
          tag="Emergencia"
          tagIcon={AlertCircle}
          title="¿Tienes una fuga o desatasco urgente en Madrid Centro?"
          description="No esperes a que empeore. Una fuga pequeña puede convertirse en una catástrofe costosa en cuestión de horas. Nuestro equipo está disponible para atender urgencias. Llamanos ahora y te diremos en cuánto tiempo llegamos."
          metrics={[
            { value: "Hoy", title: "Respuesta rápida" },
            { value: "30 min", title: "Tiempo aproximado de llegada" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=2"
          imageAlt="Respuesta rápida a urgencias"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          tagAnimation="slide-up"
        />
      </div>

      <div id="areas" data-section="areas">
        <SocialProofOne
          title="Zonas de Servicio en Madrid Centro"
          description="Cubrimos las principales áreas de Madrid Centro y alrededores"
          tag="Cobertura Local"
          tagIcon={MapPin}
          textboxLayout="default"
          useInvertedBackground={true}
          names={[
            "Madrid Centro",            "Malasaña",            "Gran Vía",            "Plaza de España",            "Conde Duque",            "Mercado Mostenses",            "Sol",            "Opera"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Preguntas Frecuentes"
          description="Resolvemos tus dudas sobre nuestros servicios"
          tag="Información"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "¿Atienden urgencias fuera de horario?",              content: "Sí, disponemos de servicio de urgencias. Llamanos al 630 15 83 09 y te indicaremos tiempos de respuesta. Las urgencias fuera de horario pueden tener un suplemento según la complejidad."
            },
            {
              id: "2",              title: "¿Cuánto cuesta un desatasco?",              content: "El precio depende de la complejidad del desatasco. Ofrecemos presupuesto sin compromiso. Generalmente, un desatasco básico oscila entre 60 y 150 euros. Llamanos para más información."
            },
            {
              id: "3",              title: "¿Trabajan en Madrid Centro?",              content: "Somos fontaneros de Madrid Centro. Estamos ubicados en C. de Ricardo León, 2, local 4, Mercado de los Mostenses. Cubrimos Madrid Centro, Malasaña, Gran Vía, Plaza de España y Conde Duque."
            },
            {
              id: "4",              title: "¿Dan presupuesto previo?",              content: "Sí, siempre hacemos presupuesto antes de trabajar. Sin sorpresas. Si el cliente no está de acuerdo con el precio, no cobramos nada por la revisión."
            },
            {
              id: "5",              title: "¿Son puntuales?",              content: "La puntualidad es parte de nuestro compromiso. Nos comprometemos a un margen de tiempo y lo respetamos. Si hay un retraso, avisamos con anticipación."
            },
            {
              id: "6",              title: "¿Garantía en los trabajos?",              content: "Todos nuestros trabajos cuentan con garantía. La duración varía según el tipo de reparación. Pregunta sobre los detalles específicos de tu problema."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Saneamientos Cubas"
          copyrightText="© 2025 Saneamientos Cubas | Fontaneros en Madrid Centro"
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Reparación de fugas", href: "#services" },
                { label: "Desatascos", href: "#services" },
                { label: "Sanitarios", href: "#services" },
                { label: "Urgencias", href: "#urgency" }
              ]
            },
            {
              title: "Información",              items: [
                { label: "Sobre nosotros", href: "#why-us" },
                { label: "Zonas de servicio", href: "#areas" },
                { label: "Preguntas frecuentes", href: "#faq" },
                { label: "Contacto", href: "tel:630158309" }
              ]
            },
            {
              title: "Contacto",              items: [
                { label: "📞 630 15 83 09", href: "tel:630158309" },
                { label: "📍 Madrid Centro", href: "#" },
                { label: "Solicitar presupuesto", href: "#" },
                { label: "Aviso Legal", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
