"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

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="transito-guide" data-section="transito-guide">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "paso-1",
          title: "Paso 1: Tomar fotografías",
          description: "Registra el lugar del hecho, vehículos involucrados, daños y la posición final de los mismos. ¡Todo sirve como prueba!",
          imageSrc: "http://img.b2bpic.net/free-vector/illustration-human-avatar-with-environment_53876-17548.jpg",
          imageAlt: "dos personas conversando icono legal",
        },
        {
          id: "paso-2",
          title: "Paso 2: Obtener datos de testigos",
          description: "Si hubo testigos, anota sus nombres, apellidos, DNI y teléfonos. Son fundamentales para validar tu versión.",
          imageSrc: "http://img.b2bpic.net/free-vector/logo-templates-collection_1142-469.jpg?_wi=3",
          imageAlt: "dos personas conversando icono legal",
        },
        {
          id: "paso-3",
          title: "Paso 3: Reunir documentación",
          description: "Recopila todos los datos de los vehículos y conductores, informes policiales y certificados médicos.",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199360.jpg?_wi=4",
          imageAlt: "dos personas conversando icono legal",
        },
        {
          id: "paso-4",
          title: "Paso 4: Contactar asesoramiento legal",
          description: "No esperes. Un abogado especializado te orientará sobre tus derechos y los pasos a seguir para tu reclamo.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-with-home-safety-concept_53876-30626.jpg?_wi=4",
          imageAlt: "dos personas conversando icono legal",
        },
      ]}
      title="Accidentes de Tránsito: Defendemos a las víctimas de siniestros viales."
      description="Un accidente de tránsito puede ser abrumador. Te guiamos paso a paso sobre qué hacer inmediatamente después del suceso para proteger tus derechos y te acompañamos en el proceso de reclamo."
    />
  </div>

  <div id="transito-process" data-section="transito-process">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "proceso-1",
          title: "1. Analizamos tu caso",
          description: "Realizamos un estudio detallado de las circunstancias de tu accidente para entender tus necesidades y derechos.",
          imageSrc: "http://img.b2bpic.net/free-vector/trophy-awards-flat-emblems-set_98292-7592.jpg",
          imageAlt: "trofeo victoria legal icono",
        },
        {
          id: "proceso-2",
          title: "2. Iniciamos el reclamo",
          description: "Preparamos y presentamos toda la documentación necesaria, iniciando formalmente el proceso de indemnización.",
          imageSrc: "http://img.b2bpic.net/free-vector/logo-templates-collection_1142-469.jpg?_wi=4",
          imageAlt: "trofeo victoria legal icono",
        },
        {
          id: "proceso-3",
          title: "3. Representamos tus intereses",
          description: "Te defendemos ante las aseguradoras y en todas las instancias legales, siempre buscando el mejor acuerdo para vos.",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199360.jpg?_wi=5",
          imageAlt: "trofeo victoria legal icono",
        },
        {
          id: "proceso-4",
          title: "4. Buscamos la mejor resolución",
          description: "Negociamos incansablemente para asegurar que obtengas la indemnización justa que te corresponde por los daños sufridos.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-with-home-safety-concept_53876-30626.jpg?_wi=5",
          imageAlt: "trofeo victoria legal icono",
        },
      ]}
      title="¿Cómo trabajamos? Tu camino hacia la indemnización."
      description="Nuestro proceso está diseñado para ser claro, eficiente y centrado en tu recuperación y el éxito de tu reclamo. Te acompañamos en cada fase."
    />
  </div>

  <div id="transito-cta" data-section="transito-cta">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static",
      }}
      tag="Asistencia Urgente"
      title="¿Sufriste un accidente de tránsito?"
      description="No dejes pasar el tiempo. Es crucial actuar rápido. Contactanos ahora mismo por WhatsApp para una consulta sin cargo."
      inputPlaceholder="Tu mensaje para el estudio"
      buttonText="Necesito un abogado ¡Ahora!"
      onSubmit={() => console.log('Accidentes de Tránsito 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>
  );
}
