"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Inicio",
          id: "hero",
        },
        {
          name: "Servicios",
          id: "servicios",
        },
        {
          name: "Testimonios",
          id: "testimonios",
        },
        {
          name: "Contacto",
          id: "contacto",
        },
      ]}
      brandName="Fontaneros Madrid 24h"
      button={{
        text: "¡Llamar ahora!",
        href: "tel:+34600000000",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Fontaneros Madrid 24h"
      description="Tu fontanero de confianza en Madrid. Respuesta en menos de 30 minutos, 24 horas al día, 365 días al año. Precios transparentes y garantía de satisfacción."
      buttons={[
        {
          text: "Llamar ahora",
          href: "tel:+34600000000",
        },
        {
          text: "WhatsApp 24h",
          href: "https://wa.me/34600000000",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-showing-stop-gesture-white_141793-74749.jpg?_wi=1",
          imageAlt: "Fontanero profesional urgente en Madrid",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/clueless-slavic-cleaner-man-with-rubber-gloves-holding-pointing-alarm-clock_141793-124060.jpg",
          imageAlt: "Clueless slavic cleaner man with rubber gloves holding and pointing at alarm clock ",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38423.jpg",
          imageAlt: "Expressive young man posing in the studio",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-wall-clock-looking-confused-surprised_141793-28562.jpg",
          imageAlt: "Young builder man in construction uniform and safety helmet holding wall clock looking confused and surprised ",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-worker-pointing-alarm-clock-uniform_176474-36060.jpg",
          imageAlt: "Young worker pointing at alarm clock in uniform.",
        },
      ]}
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Urgencias 24h",
          description: "Atención inmediata de fugas, roturas y desatascos en cualquier punto de Madrid.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-vector/plumber-big-cartoon-set-with-burst-pipes-repair-flooded-home-fixing-sanitary-washing-machine-installation_1284-27811.jpg",
            imageAlt: "icono llave inglesa fontanería",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990729.jpg",
            imageAlt: "icono llave inglesa fontanería",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-showing-stop-gesture-white_141793-74749.jpg?_wi=2",
          imageAlt: "icono llave inglesa fontanería",
        },
        {
          title: "Calentadores y Termos",
          description: "Reparación, instalación y mantenimiento de calentadores de gas y termos eléctricos.",
          phoneOne: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qs3xg1",
            imageAlt: "icono calentador agua",
          },
          phoneTwo: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=btujtb",
            imageAlt: "icono calentador agua",
          },
          imageSrc: "http://img.b2bpic.net/free-vector/cried-shower-self-quarantine-activity-design-element_53876-168006.jpg",
          imageAlt: "icono llave inglesa fontanería",
        },
        {
          title: "Instalaciones de Baño",
          description: "Cambio de bañera por ducha, reparación de cisternas y grifería de alta calidad.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/young-woman-winking-while-posing-t-shirt-denim-jacket-looking-merry-front-view_176474-108308.jpg?_wi=1",
            imageAlt: "instalación plato ducha icono",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-vector/100-swimming-icons_1057-673.jpg",
            imageAlt: "instalación plato ducha icono",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-mall_23-2148195366.jpg?_wi=1",
          imageAlt: "icono llave inglesa fontanería",
        },
      ]}
      showStepNumbers={false}
      title="Nuestros servicios especializados"
      description="Solucionamos cualquier avería de fontanería con rapidez y profesionalidad."
    />
  </div>

  <div id="testimonios" data-section="testimonios">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sergio S.",
          role: "Cliente",
          company: "Local Guide",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-winking-while-posing-t-shirt-denim-jacket-looking-merry-front-view_176474-108308.jpg?_wi=2",
        },
        {
          id: "2",
          name: "Lidia R.",
          role: "Cliente",
          company: "Local Guide",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-mall_23-2148195366.jpg?_wi=2",
        },
        {
          id: "3",
          name: "Soraya A.",
          role: "Cliente",
          company: "Local Guide",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-isolated-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16668.jpg",
        },
        {
          id: "4",
          name: "Meli L.",
          role: "Cliente",
          company: "Local Guide",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-with-his-hands-pocket_23-2148130315.jpg",
        },
        {
          id: "5",
          name: "Nadia H.",
          role: "Cliente",
          company: "Cliente",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-athletic-woman-gym-outfit_23-2148398752.jpg",
        },
      ]}
      title="Lo que dicen nuestros clientes"
      description="Más de 80 reseñas reales que avalan nuestro servicio profesional y cercano."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      title="Preguntas frecuentes"
      description="Resolvemos las dudas más comunes sobre nuestro servicio de fontanería 24h en Madrid."
      imageSrc="http://img.b2bpic.net/free-photo/view-fantasy-landscape-with-surreal-running-water-tap-world-water-day-awareness_23-2151182069.jpg"
      imageAlt="View of fantasy landscape with surreal running water tap for world water day awareness"
      mediaAnimation="slide-up"
      faqsAnimation="slide-up"
      faqs={[
        {
          id: "q1",
          title: "¿Atienden urgencias festivas?",
          content: "Sí, nuestro servicio está activo los 365 días del año, incluyendo festivos y fines de semana.",
        },
        {
          id: "q2",
          title: "¿En cuánto tiempo llegan?",
          content: "Garantizamos un tiempo de respuesta de menos de 30 minutos en toda la zona metropolitana de Madrid.",
        },
        {
          id: "q3",
          title: "¿Ofrecen garantía?",
          content: "Todos nuestros trabajos de fontanería cuentan con una garantía de satisfacción y durabilidad por escrito.",
        },
        {
          id: "q4",
          title: "¿Los precios son cerrados?",
          content: "Realizamos presupuestos transparentes sin sorpresas de última hora antes de comenzar cualquier reparación.",
        },
        {
          id: "q5",
          title: "¿Qué métodos de pago aceptan?",
          content: "Aceptamos efectivo, transferencia y pago con tarjeta para tu máxima comodidad.",
        },
      ]}
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      title="¡Soluciona tu avería ahora!"
      description="No dejes que el agua arruine tu día. Llámanos o escríbenos por WhatsApp para atención inmediata en Madrid."
      buttonText="Contactar"
      tag="Contacto"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Inicio",
              href: "#hero",
            },
            {
              label: "Servicios",
              href: "#servicios",
            },
            {
              label: "Testimonios",
              href: "#testimonios",
            },
          ],
        },
        {
          items: [
            {
              label: "Llamar: 600 000 000",
              href: "tel:+34600000000",
            },
            {
              label: "WhatsApp 24h",
              href: "https://wa.me/34600000000",
            },
          ],
        },
      ]}
      logoText="Fontaneros Madrid 24h"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}