"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Clock, Droplet, Flame, ListChecks, ShieldCheck, Users, Wrench, ClipboardList, Bath } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",          id: "#inicio"},
        {
          name: "Servicios",          id: "#servicios"},
        {
          name: "Nosotros",          id: "#nosotros"},
        {
          name: "Opiniones",          id: "#opiniones"},
        {
          name: "Contacto",          id: "#contacto"},
      ]}
      button={{
        text: "Llamar Ahora",        href: "tel:+34942123456"}}
      topBarButton={{
        text: "WhatsApp",        href: "https://wa.me/34612345678"}}
      logoSrc="http://img.b2bpic.net/free-vector/plumber-services-logo-design-template_742173-26558.jpg"
      logoAlt="Logo de Foncalgas Fontanería"
      brandName="Foncalgas"
    />
  </div>

  <div id="inicio" data-section="inicio">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Fontanería Profesional en Santander: Tu Solución 24/7"
      description="En Foncalgas, ofrecemos servicios de fontanería rápidos, eficientes y de confianza en Santander. Desde fugas urgentes hasta reformas de baño completas, estamos aquí para ayudarte. ¡Calidad garantizada y atención personalizada!"
      buttons={[
        {
          text: "Llamar Ahora",          href: "tel:+34942123456"},
        {
          text: "Pedir Presupuesto Gratis",          href: "#contacto"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg"
      imageAlt="Fontanero profesional reparando una tubería"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg",          alt: "Profesional de Foncalgas"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",          alt: "Experto en fontanería"},
        {
          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",          alt: "Técnico cualificado"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",          alt: "Especialista en reparaciones"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",          alt: "Fontanero de confianza"},
      ]}
      avatarText="+1000 Clientes Satisfechos"
      marqueeItems={[
        {
          type: "text-icon",          text: "Fugas 24h",          icon: Droplet,
        },
        {
          type: "text-icon",          text: "Desatascos",          icon: Wrench,
        },
        {
          type: "text-icon",          text: "Reformas",          icon: Droplet,
        },
        {
          type: "text-icon",          text: "Calentadores",          icon: Flame,
        },
        {
          type: "text-icon",          text: "Instalaciones",          icon: ListChecks,
        },
      ]}
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Reparación de Fugas",          description: "Detectamos y reparamos fugas de agua de forma rápida y eficiente para evitar daños mayores en tu propiedad.",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-pensive-businessman-working-standing-table-drawing-sketch-white-modern-office-interior_176420-6538.jpg",          imageAlt: "Goteo de agua de un grifo",          buttonIcon: Droplet,
        },
        {
          title: "Desatascos Urgentes",          description: "Servicio de desatascos rápido y profesional para tuberías, fregaderos, inodoros y desagües, disponible 24 horas.",          imageSrc: "http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg",          imageAlt: "Atasco en una tubería",          buttonIcon: Wrench,
        },
        {
          title: "Instalaciones de Fontanería",          description: "Realizamos instalaciones completas de fontanería para nuevas construcciones o renovaciones, garantizando durabilidad.",          imageSrc: "http://img.b2bpic.net/free-photo/female-opening-cupboard-sink_23-2147810084.jpg",          imageAlt: "Esquema de tuberías instalado",          buttonIcon: ClipboardList,
        },
        {
          title: "Reformas de Baños",          description: "Transformamos tu baño con reformas integrales, incluyendo cambio de tuberías, sanitarios y accesorios, con diseño moderno.",          imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-style-ai-generated_23-2150694976.jpg",          imageAlt: "Baño moderno recién reformado",          buttonIcon: Bath,
        },
        {
          title: "Reparación de Calentadores",          description: "Especialistas en revisión y reparación de calentadores de agua a gas y eléctricos para asegurar tu confort.",          imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg",          imageAlt: "Técnico revisando un calentador de agua",          buttonIcon: Flame,
        },
        {
          title: "Urgencias 24 Horas",          description: "Atención de fontanería de emergencia en Santander 24/7. Estamos listos para cualquier imprevisto, día y noche.",          imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741189.jpg",          imageAlt: "Reloj indicando servicio 24 horas",          buttonIcon: Clock,
        },
      ]}
      title="Nuestros Servicios de Fontanería en Santander"
      description="Ofrecemos una amplia gama de soluciones de fontanería para hogares y negocios en Santander, con la profesionalidad y eficiencia que nos caracteriza. Cubrimos todas tus necesidades, desde el mantenimiento hasta las reparaciones más complejas."
    />
  </div>

  <div id="nosotros" data-section="nosotros">
      <AboutMetric
      useInvertedBackground={false}
      title="Por Qué Elegir Foncalgas: Confianza y Calidad Asegurada"
      metrics={[
        {
          icon: Award,
          label: "Años de Experiencia",          value: "+15"},
        {
          icon: Users,
          label: "Clientes Satisfechos",          value: "+500"},
        {
          icon: ShieldCheck,
          label: "Garantía de Calidad",          value: "100%"},
        {
          icon: Clock,
          label: "Servicio 24/7",          value: "Urgencias"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="opiniones" data-section="opiniones">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "María García",          date: "10/03/2023",          title: "¡Servicio impecable y rápido!",          quote: "Llamé a Foncalgas por una fuga de agua en mi cocina y llegaron en menos de 30 minutos. El fontanero fue muy amable y solucionó el problema al instante. ¡Totalmente recomendados!",          tag: "Urgencias",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",          avatarAlt: "Avatar de María García",          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334232.jpg",          imageAlt: "Fuga de agua reparada"},
        {
          id: "2",          name: "Juan Pérez",          date: "22/07/2023",          title: "Reformaron mi baño y quedó espectacular",          quote: "Contraté a Foncalgas para la reforma completa de mi baño en Santander. El resultado superó mis expectativas, el trabajo fue muy profesional y los acabados de primera. Gracias, Foncalgas.",          tag: "Reformas",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",          avatarAlt: "Avatar de Juan Pérez",          imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-with-steel-sink-stylish-modern-kitchen_169016-19745.jpg",          imageAlt: "Baño reformado"},
        {
          id: "3",          name: "Ana López",          date: "05/11/2023",          title: "Profesionalidad y buen precio",          quote: "Necesitaba un desatasco urgente y me dieron un presupuesto muy ajustado. El trabajo fue limpio y eficiente. Sin duda, mi fontanero de confianza en Santander.",          tag: "Desatascos",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-man-with-afro-hairstyle-stubble-wears-orange-anorak_273609-8595.jpg",          avatarAlt: "Avatar de Ana López",          imageSrc: "http://img.b2bpic.net/free-photo/shot-pretty-afro-girl-sits-cozy-room-floor-browses-profile-networks-drinks-coffee-works-with-literature-laptop-chats-online-mobile-phone-wears-casual-sweater-trousers_273609-28964.jpg",          imageAlt: "Desatasco de fregadero"},
        {
          id: "4",          name: "Carlos Ruiz",          date: "18/01/2024",          title: "Instalación de calentador perfecta",          quote: "Me instalaron un nuevo calentador de gas y todo fue muy rápido y bien explicado. Muy contentos con el servicio y la atención al cliente de Foncalgas.",          tag: "Instalaciones",          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-profile-portrait-smiling-cute-young-blond-girl-with-short-haircut-wearing-yellow-hoodie-f_1258-115854.jpg",          avatarAlt: "Avatar de Carlos Ruiz",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216694.jpg",          imageAlt: "Calentador de agua instalado"},
        {
          id: "5",          name: "Elena Torres",          date: "01/04/2024",          title: "Siempre disponibles para urgencias",          quote: "Tuve una rotura de tubería de madrugada y respondieron al instante. Llegaron rápido y solucionaron el problema eficazmente. Un alivio saber que cuentas con ellos.",          tag: "Urgencias 24h",          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-clapping-hands-sitting-front-table-with-breakfast-laptop_23-2148195262.jpg",          avatarAlt: "Avatar de Elena Torres",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-girl-standing-near-table-cafe-looking-out-window-young-girl-with-blond-hair-standing-by-window-waving-saying-hello-restaurant_574295-507.jpg",          imageAlt: "Tubería reparada"},
        {
          id: "6",          name: "Miguel Sánchez",          date: "15/05/2024",          title: "Revisión y mantenimiento de 10",          quote: "Contraté a Foncalgas para la revisión anual de mi instalación y todo fue perfecto. Muy profesionales, me explicaron todo y me dieron consejos útiles. ¡Excelente servicio!",          tag: "Mantenimiento",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-serious-middle-age-bearded-male-dressed-plaid-flannel-shirt-grey-background_613910-3721.jpg",          avatarAlt: "Avatar de Miguel Sánchez",          imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet_58702-1747.jpg",          imageAlt: "Eficiente sistema de tuberías"},
      ]}
      title="Opiniones de Nuestros Clientes Satisfechos"
      description="La satisfacción de quienes confían en nosotros es nuestra mejor carta de presentación. Descubre lo que dicen sobre nuestros servicios de fontanería en Santander."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Hogares",        "Comunidades",        ""Restaurantes",        "Hoteles",        "Oficinas",        "Tiendas",        "Inmobiliarias"]}
      title="Confían en Foncalgas"
      description="Hemos trabajado con numerosos clientes y empresas en Santander, construyendo relaciones de confianza a largo plazo. Tu tranquilidad es nuestra prioridad."
      speed={30}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "¿Ofrecen servicio de urgencias 24 horas?",          content: "Sí, en Foncalgas estamos disponibles las 24 horas del día, los 7 días de la semana, para atender cualquier emergencia de fontanería en Santander."},
        {
          id: "faq2",          title: "¿Cuánto tarda en llegar un fontanero?",          content: "Nuestro tiempo de respuesta para urgencias en Santander es generalmente inferior a 30 minutos, dependiendo de tu ubicación exacta."},
        {
          id: "faq3",          title: "¿Dan presupuesto sin compromiso?",          content: "Absolutamente. Ofrecemos presupuestos detallados y sin compromiso para todos nuestros servicios de fontanería. Contáctanos para solicitar el tuyo."},
        {
          id: "faq4",          title: "¿Qué tipo de garantías ofrecen en sus trabajos?",          content: "Todos nuestros trabajos están cubiertos por una garantía de calidad y satisfacción, asegurando la durabilidad y correcto funcionamiento de nuestras reparaciones e instalaciones."},
        {
          id: "faq5",          title: "¿Pueden realizar reformas de baño completas?",          content: "Sí, somos especialistas en reformas integrales de baños, encargándonos de la fontanería, alicatado, instalación de sanitarios y todo lo necesario para transformar tu baño."},
      ]}
      title="¿Preguntas Frecuentes sobre Fontanería?"
      description="Resolvemos tus dudas más comunes sobre nuestros servicios de fontanería, urgencias y precios en Santander. Si no encuentras tu pregunta, no dudes en contactarnos."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Contacta Ahora"
      title="¿Necesitas un Fontanero Urgente en Santander?"
      description="Estamos disponible 24 horas al día, 7 días a la semana, para atender cualquier emergencia o programar tu servicio. Llámanos o escríbenos por WhatsApp para un presupuesto sin compromiso. ¡Estamos listos para ayudarte en Santander! (También puedes encontrarnos en [Google Maps](https://maps.app.goo.gl/TuUbicacionFicticia))."
      buttons={[
        {
          text: "Llamar al Fontanero",          href: "tel:+34942123456"},
        {
          text: "Enviar WhatsApp",          href: "https://wa.me/34612345678"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Servicios",          items: [
            {
              label: "Fugas de Agua",              href: "#servicios"},
            {
              label: "Desatascos",              href: "#servicios"},
            {
              label: "Reformas de Baño",              href: "#servicios"},
            {
              label: "Calentadores",              href: "#servicios"},
          ],
        },
        {
          title: "Empresa",          items: [
            {
              label: "Sobre Nosotros",              href: "#nosotros"},
            {
              label: "Opiniones",              href: "#opiniones"},
            {
              label: "Preguntas Frecuentes",              href: "#faq"},
            {
              label: "Contacto",              href: "#contacto"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Política de Privacidad",              href: "#"},
            {
              label: "Términos y Condiciones",              href: "#"},
            {
              label: "Política de Cookies",              href: "#"},
          ],
        },
      ]}
      logoText="Foncalgas"
      copyrightText="© 2024 Foncalgas. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
