"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { CheckCircle, Facebook, Instagram, Sparkles, X } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",          id: "#hero"},
        {
          name: "Servicios",          id: "#servicios"},
        {
          name: "Nosotros",          id: "#nosotros"},
        {
          name: "Testimonios",          id: "#testimonios"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contacto",          id: "#contacto"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg"
      logoAlt="Logotipo de Fiyam Fontanería"
      brandName="Fiyam Fontanería"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "radial-gradient"}}
      title="Soluciones de Fontanería Confiables para su Hogar y Negocio"
      description="Expertos en reparaciones, instalaciones y mantenimiento. Disponibles 24/7 para emergencias."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg",          imageAlt: "Fontanero trabajando en tuberías"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-near-heater_23-2149308963.jpg",          imageAlt: "Fontanero inspeccionando calentador de agua"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg",          imageAlt: "Desatasco de tubería"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990704.jpg",          imageAlt: "Fontanero instalando un inodoro"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",          imageAlt: "Técnico de fontanería residencial"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg",          imageAlt: "Herramientas de fontanería organizadas"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg",          imageAlt: "Fontanero reparando fregadero de cocina"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg",          imageAlt: "Instalación de tuberías en nueva construcción"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",          imageAlt: "Cliente satisfecho con el fontanero"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-52877.jpg",          imageAlt: "Diseño de planos de fontanería"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176720.jpg",          imageAlt: "Fontanero revisando medidor de agua"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-having-debate-while-looking-computer_23-2149389714.jpg",          imageAlt: "Fontanero hablando con un propietario"},
      ]}
      tag="Fontanería de Confianza"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Solicitar Servicio",          href: "#contacto"},
        {
          text: "Ver Servicios",          href: "#servicios"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-smiling-girl-with-cute-blush-wearing-summer-clothes-beaming-from-joy-holding-arms-crossed_1258-120376.jpg",          alt: "Cliente satisfecho"},
        {
          src: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-76528.jpg",          alt: "Gerente de proyecto satisfecho"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-auto-repairman-his-colleague-communicating-while-working-together-workshop_637285-7662.jpg",          alt: "Propietario contento"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",          alt: "Empresario sonriente"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-couple-holding-hands-while-talking-about-housing-plans-with-real-estate-agent-home_637285-3834.jpg",          alt: "Pareja joven satisfecha"},
      ]}
      avatarText="Más de 100 clientes satisfechos"
      marqueeItems={[
        {
          type: "text",          text: "Profesionales Certificados"},
        {
          type: "text",          text: "Materiales de Calidad"},
        {
          type: "text",          text: "Atención 24/7"},
        {
          type: "text",          text: "Garantía de Satisfacción"},
        {
          type: "text",          text: "Tecnología Avanzada"},
      ]}
    />
  </div>

  <div id="nosotros" data-section="nosotros">
      <MediaAbout
      useInvertedBackground={false}
      title="Experiencia y Calidad en Cada Trabajo"
      description="En Fiyam Fontanería, combinamos años de experiencia con las últimas técnicas para ofrecer servicios duraderos y eficientes. Su satisfacción es nuestra prioridad, garantizando soluciones de fontanería que realmente funcionan."
      tag="Nuestra Historia"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Conozca Más",          href: "#"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/portrait-mid-adult-cnc-operator-looking-away-while-standing-factory_637285-4840.jpg"
      imageAlt="Fontanero profesional reparando una tubería"
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Detección y Reparación de Fugas",          tags: [
            "Emergencia",            "Profesional"],
          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448509.jpg",          imageAlt: "Manos reparando una fuga de agua"},
        {
          id: "f2",          title: "Instalación y Reparación de Calentadores",          tags: [
            "Eficiencia",            "Servicio Completo"],
          imageSrc: "http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26545.jpg",          imageAlt: "Instalación de un nuevo calentador de agua"},
        {
          id: "f3",          title: "Desatascos y Limpieza de Tuberías",          tags: [
            "Rápido",            "Efectivo"],
          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990707.jpg",          imageAlt: "Herramientas de limpieza de desagües"},
        {
          id: "f4",          title: "Instalaciones de Baño y Cocina",          tags: [
            "Modernización",            "Personalizado"],
          imageSrc: "http://img.b2bpic.net/free-photo/white-modern-sink-faucet-bathroom_74190-6105.jpg",          imageAlt: "Instalación de fontanería de cocina moderna"},
        {
          id: "f5",          title: "Mantenimiento Preventivo",          tags: [
            "Durabilidad",            "Ahorro"],
          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg",          imageAlt: "Fontanero revisando tuberías para mantenimiento"},
        {
          id: "f6",          title: "Servicio de Emergencia 24/7",          tags: [
            "Disponibilidad",            "Inmediato"],
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-139947.jpg",          imageAlt: "Fontanero trabajando de noche en una emergencia"},
      ]}
      title="Nuestros Servicios de Fontanería"
      description="Ofrecemos una amplia gama de soluciones para todas sus necesidades de fontanería, desde pequeñas reparaciones hasta grandes instalaciones, con profesionalismo y garantía."
      tag="Amplia Gama"
    />
  </div>

  <div id="metricas" data-section="metricas">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Nuestros Logros Hablan por Sí Solos"
      tag="Cifras que Inspiran Confianza"
      tagAnimation="slide-up"
      metrics={[
        {
          id: "m1",          value: "+10",          description: "Años de experiencia sirviendo a la comunidad."},
        {
          id: "m2",          value: "+500",          description: "Clientes satisfechos con nuestros servicios."},
        {
          id: "m3",          value: "98%",          description: "Tasa de resolución en la primera visita."},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonios" data-section="testimonios">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          title: "Servicio Impecable y Rápido",          quote: "Fiyam Fontanería respondió rápidamente a nuestra emergencia. El trabajo fue impecable y el equipo muy profesional. ¡Altamente recomendados!",          name: "Ana G.",          role: "Propietaria de Vivienda",          imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",          imageAlt: "Foto de cliente satisfecho Ana G."},
        {
          id: "t2",          title: "Soluciones Duraderas",          quote: "Tuve un problema recurrente con un calentador y Fiyam Fontanería lo solucionó de forma definitiva. Muy contento con la calidad y la durabilidad del trabajo.",          name: "Juan P.",          role: "Gerente de Edificio",          imageSrc: "http://img.b2bpic.net/free-photo/friendly-cheerful-young-cute-woman-red-tshirt-smiling-tilt-head-extend-arm-hold-camera-take-selfie-talking-online-via-videocall-record-livestream-waving-followers-white-background_176420-56230.jpg",          imageAlt: "Foto de cliente satisfecho Juan P."},
        {
          id: "t3",          title: "Profesionalismo Garantizado",          quote: "Desde la primera llamada hasta la finalización del trabajo, todo fue manejado con el máximo profesionalismo. Es un placer trabajar con gente tan dedicada.",          name: "María R.",          role: "Empresaria",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",          imageAlt: "Foto de cliente satisfecho María R."},
        {
          id: "t4",          title: "Atención al Detalle",          quote: "La atención al detalle y el compromiso con la limpieza después del servicio fueron excepcionales. Fiyam Fontanería superó nuestras expectativas.",          name: "Carlos M.",          role: "Dueño de Negocio",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-sunglasses-pointing-finger-left-showing-banner-logo-advertisement-standing-blue-background-copy-space_1258-97088.jpg",          imageAlt: "Foto de cliente satisfecho Carlos M."},
        {
          id: "t5",          title: "Precios Justos y Transparencia",          quote: "Valoro mucho la transparencia en los precios y el trato honesto. Con Fiyam Fontanería siempre sé lo que espero, sin sorpresas desagradables.",          name: "Elena S.",          role: "Residente Local",          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-wearing-casual-clothes-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-27567.jpg",          imageAlt: "Foto de cliente satisfecho Elena S."},
      ]}
      title="Lo que Dicen Nuestros Clientes"
      description="Nuestra reputación se basa en la satisfacción y confianza de quienes nos eligen. Escuche sus experiencias."
      tag="Opiniones Reales"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttonAnimation="none"
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Certificación AENOR",        "ISO 9001",        "Tuberías Pex",        "Griferías Roca",        "Calentadores Junkers",        "Bombas Grundfos",        "Sistema Geberit"]}
      title="Proveedores y Certificaciones de Confianza"
      description="Trabajamos con las mejores marcas y contamos con las certificaciones necesarias para garantizar un servicio de calidad y seguridad en cada proyecto."
      tag="Nuestros Estándares"
      tagIcon={CheckCircle}
      tagAnimation="slide-up"
      buttonAnimation="none"
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "¿Ofrecen servicios de fontanería de emergencia?",          content: "Sí, estamos disponibles 24/7 para atender cualquier emergencia de fontanería. Contáctenos de inmediato y enviaremos un técnico lo antes posible."},
        {
          id: "faq2",          title: "¿Cuánto cuesta un servicio de fontanería?",          content: "El costo varía según el tipo y la complejidad del trabajo. Ofrecemos presupuestos gratuitos y sin compromiso después de evaluar la situación en su propiedad."},
        {
          id: "faq3",          title: "¿Realizan instalaciones de calentadores de agua?",          content: "Absolutamente. Nos especializamos en la instalación, reparación y mantenimiento de todo tipo de calentadores de agua, incluyendo modelos a gas y eléctricos."},
        {
          id: "faq4",          title: "¿Pueden ayudar con problemas de baja presión de agua?",          content: "Sí, nuestros técnicos pueden diagnosticar y resolver problemas de baja presión de agua, que a menudo son causados por fugas, obstrucciones o problemas en la válvula principal."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914236.jpg"
      imageAlt="Fontanero explicando el trabajo a un cliente"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="¿Preguntas Frecuentes?"
      description="Encuentre respuestas a las dudas más comunes sobre nuestros servicios de fontanería, precios y disponibilidad."
      tag="Respuestas Claras"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttonAnimation="none"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Contacto Rápido"
      title="Contáctenos Hoy Mismo"
      description="Estamos listos para resolver sus problemas de fontanería. Solicite un presupuesto o agende un servicio, y nos pondremos en contacto a la brevedad."
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/young-bearded-builder-man-construction-uniform-safety-helmet-smiling-talking-mobile-phone_141793-30182.jpg"
      imageAlt="Operador de centro de llamadas de fontanería"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Su correo electrónico"
      buttonText="Enviar Mensaje"
      termsText="Al hacer clic en Enviar, confirma que acepta nuestros Términos y Condiciones."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg"
      logoAlt="Logotipo de Fiyam Fontanería"
      logoText="Fiyam Fontanería"
      copyrightText="© 2024 Fiyam Fontanería. Todos los derechos reservados."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/fiyamfontaneria",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "https://instagram.com/fiyamfontaneria",          ariaLabel: "Instagram"},
        {
          icon: X,
          href: "https://twitter.com/fiyamfontaneria",          ariaLabel: "Twitter"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
