"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Clock, Users, Wallet } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Inicio",
          id: "/",
        },
        {
          name: "Accidentes Laborales",
          id: "/accidentes-laborales",
        },
        {
          name: "Accidentes de Tránsito",
          id: "/accidentes-de-transito",
        },
        {
          name: "Sobre Nosotros",
          id: "/sobre-nosotros",
        },
        {
          name: "Contacto",
          id: "/contacto",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/logo-templates-collection_1142-469.jpg"
      brandName="ABOGADOS R&E"
      button={{
        text: "WhatsApp",
        href: "https://wa.me/XXXXXXXXXX",
        onClick: "() => console.log('WhatsApp button clicked')",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="ESPECIALISTAS EN ACCIDENTES LABORALES Y DE TRÁNSITO"
      description="Defendemos tus derechos para que obtengas la indemnización que te corresponde. Tu tranquilidad es nuestra prioridad."
      buttons={[
        {
          text: "Solicitar Consulta",
          href: "/contacto",
        },
        {
          text: "Hablar por WhatsApp",
          href: "https://wa.me/XXXXXXXXXX",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199360.jpg"
      imageAlt="Ambiente jurídico profesional de Abogados R&E"
      showDimOverlay={true}
    />
  </div>

  <div id="confidence" data-section="confidence">
      <AboutMetric
      useInvertedBackground={true}
      title="Confiá en ABOGADOS R&E"
      metrics={[
        {
          icon: Wallet,
          label: "Litigar sin gastos",
          value: "Tu economía es clave.",
        },
        {
          icon: Clock,
          label: "Atención 24/7",
          value: "Disponibilidad ante urgencias.",
        },
        {
          icon: Users,
          label: "Asesoramiento personalizado",
          value: "Tu caso es único.",
        },
        {
          icon: Award,
          label: "Solo cobramos si ganás",
          value: "Nuestro compromiso es total.",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="especialidades" data-section="especialidades">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "accidentes-laborales",
          title: "Accidentes Laborales",
          description: "Representación legal experta en reclamos laborales, ART e indemnizaciones. Protegemos tus derechos como trabajador.",
          tag: "Especialidad",
          imageSrc: "http://img.b2bpic.net/free-photo/people-with-home-safety-concept_53876-30626.jpg",
          imageAlt: "Trabajador lesionado en accidente laboral, siendo asistido legalmente.",
          buttons: [
            {
              text: "Más información",
              href: "/accidentes-laborales",
            },
          ],
        },
        {
          id: "accidentes-transito",
          title: "Accidentes de Tránsito",
          description: "Asistencia especializada para víctimas de accidentes e indemnizaciones por siniestros viales. Tu tranquilidad es nuestra prioridad.",
          tag: "Especialidad",
          imageSrc: "http://img.b2bpic.net/free-photo/person-lying-ground-after-car-accident_53876-63306.jpg",
          imageAlt: "Accidente de tránsito con vehículos dañados, requiriendo asistencia legal.",
          buttons: [
            {
              text: "Más información",
              href: "/accidentes-de-transito",
            },
          ],
        },
      ]}
      title="¿Sufriste un accidente? Especialistas en tu defensa."
      description="Sabemos que atravesar un accidente puede generar incertidumbre, preocupaciones económicas y muchas dudas sobre qué hacer. Nuestro objetivo es acompañarte, asesorarte y defender tus derechos durante todo el proceso. Te brindamos el acompañamiento integral y la atención humana y cercana que necesitás."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "gastos",
          title: "Litigar sin gastos",
          description: "No tendrás que afrontar costos iniciales. Solo cobramos si el cliente gana su caso.",
          imageSrc: "http://img.b2bpic.net/free-photo/golden-scales-justice-blue-stage_23-2151998160.jpg",
          imageAlt: "balanza justicia icono dorado",
        },
        {
          id: "disponibilidad",
          title: "Disponibilidad 24/7",
          description: "Estamos para vos ante cualquier urgencia, brindando soporte cuando más lo necesitás.",
          imageSrc: "http://img.b2bpic.net/free-vector/logo-templates-collection_1142-469.jpg",
          imageAlt: "balanza justicia icono dorado",
        },
        {
          id: "asesoramiento",
          title: "Asesoramiento personalizado",
          description: "Cada caso es único. Te brindamos orientación específica y adaptada a tu situación.",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199360.jpg",
          imageAlt: "balanza justicia icono dorado",
        },
        {
          id: "cobro",
          title: "Solo cobramos si ganás",
          description: "Nuestro éxito está directamente ligado al tuyo. Máxima motivación para defenderte.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-with-home-safety-concept_53876-30626.jpg",
          imageAlt: "balanza justicia icono dorado",
        },
      ]}
      title="¿Por qué elegirnos? Tu tranquilidad es nuestra prioridad."
      description="En ABOGADOS R&E, nuestra propuesta de valor se centra en tu bienestar y la defensa de tus intereses. Nuestro compromiso con cada caso y la atención humana y cercana nos distinguen. Así es como te ayudamos: Analizamos tu caso, Evaluamos tus derechos, Iniciamos el reclamo, Defendemos tus intereses, Buscamos la mejor resolución posible."
    />
  </div>

  <div id="testimonios" data-section="testimonios">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Atención humana y resultados excepcionales.",
          quote: "Después de mi accidente, me sentía perdida. Abogados R&E no solo me asesoró, sino que me acompañó en todo el proceso. Su cercanía y profesionalismo fueron clave para obtener la indemnización que merecía. Los recomiendo sin dudar.",
          name: "Laura S.",
          role: "Clienta",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-double-thumbs-up-dress-looking-cheerful_176474-33141.jpg",
          imageAlt: "Laura S., clienta satisfecha de Abogados R&E",
        },
        {
          id: "2",
          title: "Resolución rápida y sin complicaciones.",
          quote: "Tuve un accidente de tránsito y no sabía por dónde empezar. El equipo de Abogados R&E se encargó de todo. Su rapidez y eficiencia me permitieron concentrarme en mi recuperación. ¡Excelente servicio!",
          name: "Martín G.",
          role: "Cliente",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-woman-thumbs-up-give-approval-drink-coffee_176420-16240.jpg",
          imageAlt: "Martín G., cliente satisfecho de Abogados R&E",
        },
        {
          id: "3",
          title: "Compromiso total desde el primer momento.",
          quote: "Mi caso de accidente laboral era complejo, pero en Abogados R&E me brindaron la seguridad que necesitaba. Litigar sin gastos fue una gran ventaja. Demostraron un compromiso inquebrantable y logramos un resultado muy favorable.",
          name: "Ana R.",
          role: "Clienta",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-ready-move-into-new-home_23-2149662429.jpg",
          imageAlt: "Ana R., clienta satisfecha de Abogados R&E",
        },
        {
          id: "4",
          title: "Asesoramiento claro y transparente.",
          quote: "Agradezco la claridad con la que me explicaron cada paso del proceso. Sin lenguaje jurídico complicado, entendí perfectamente mis derechos y las opciones que tenía. Sentí un acompañamiento integral y cercano.",
          name: "Carlos M.",
          role: "Cliente",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-partners-different-ages-meeting-shaking-hands_74855-9958.jpg",
          imageAlt: "Carlos M., cliente satisfecho de Abogados R&E",
        },
        {
          id: "5",
          title: "Profesionalismo y calidez humana.",
          quote: "Necesitaba un abogado con urgencia y la disponibilidad 24/7 fue crucial. Me atendieron con una calidez humana que me dio mucha tranquilidad en un momento difícil. Su profesionalismo es impecable.",
          name: "Sofía P.",
          role: "Clienta",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-woman-lying-table-with-smartphone_1262-971.jpg",
          imageAlt: "Sofía P., clienta satisfecha de Abogados R&E",
        },
        {
          id: "6",
          title: "Solo cobraron cuando ganamos, ¡increíble!",
          quote: "La política de 'solo cobramos si ganás' me dio mucha confianza. Demostraron que realmente se preocupan por el cliente. El resultado superó mis expectativas. Son un equipo de abogados que cumple lo que promete.",
          name: "Juan D.",
          role: "Cliente",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-businessman-working-computer-reading-email-office_637285-6752.jpg",
          imageAlt: "Juan D., cliente satisfecho de Abogados R&E",
        },
      ]}
      title="Historias de éxito, clientes satisfechos."
      description="La confianza de nuestros clientes es nuestro mayor orgullo. Compartimos algunas experiencias que reflejan nuestro compromiso y resultados."
    />
  </div>

  <div id="contact-cta" data-section="contact-cta">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Contacto"
      title="Tu tranquilidad, nuestro compromiso."
      description="Estamos para acompañarte cuando más lo necesitás. No dudes en consultarnos, tu primera consulta es sin cargo."
      inputPlaceholder="Tu nombre y apellido"
      buttonText="Consultar por WhatsApp"
      onSubmit={() => console.log('CTA WhatsApp clicked')}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="http://img.b2bpic.net/free-vector/logo-templates-collection_1142-469.jpg"
      logoText="ABOGADOS R&E"
      columns={[
        {
          title: "Navegación",
          items: [
            {
              label: "Inicio",
              href: "/",
            },
            {
              label: "Accidentes Laborales",
              href: "/accidentes-laborales",
            },
            {
              label: "Accidentes de Tránsito",
              href: "/accidentes-de-transito",
            },
            {
              label: "Sobre Nosotros",
              href: "/sobre-nosotros",
            },
            {
              label: "Contacto",
              href: "/contacto",
            },
          ],
        },
        {
          title: "Servicios",
          items: [
            {
              label: "Accidentes Laborales",
              href: "/accidentes-laborales",
            },
            {
              label: "Accidentes de Tránsito",
              href: "/accidentes-de-transito",
            },
            {
              label: "Derecho de Familia",
              href: "/servicios#familia",
            },
            {
              label: "Defensas Penales",
              href: "/servicios#penales",
            },
          ],
        },
        {
          title: "Contacto",
          items: [
            {
              label: "WhatsApp",
              href: "https://wa.me/XXXXXXXXXX",
            },
            {
              label: "Email",
              href: "mailto:info@abogadosre.com.ar",
            },
            {
              label: "Ubicación",
              href: "/contacto#mapa",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Abogados R&E. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
