"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="laborales-areas" data-section="laborales-areas">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "laborales-general",
          title: "Accidentes Laborales",
          description: "Asesoramiento integral y representación en casos de accidentes sufridos durante la jornada de trabajo.",
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-call-center-girl-wearing-headset-sitting-desk-doing-look-gesture-winking-isolated-orange_141793-84160.jpg",
          imageAlt: "reloj 24 horas telefono icono",
        },
        {
          id: "in-itinere",
          title: "Accidentes In Itinere",
          description: "Defensa legal para accidentes ocurridos en el trayecto directo entre tu domicilio y el lugar de trabajo.",
          imageSrc: "http://img.b2bpic.net/free-vector/logo-templates-collection_1142-469.jpg?_wi=2",
          imageAlt: "reloj 24 horas telefono icono",
        },
        {
          id: "reclamos-art",
          title: "Reclamos ART",
          description: "Gestión y seguimiento de reclamos ante Aseguradoras de Riesgos del Trabajo para asegurar tu cobertura.",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199360.jpg?_wi=3",
          imageAlt: "reloj 24 horas telefono icono",
        },
        {
          id: "incapacidades",
          title: "Incapacidades Laborales",
          description: "Determinación y reclamo de indemnizaciones por incapacidades permanentes o temporales.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-with-home-safety-concept_53876-30626.jpg?_wi=3",
          imageAlt: "reloj 24 horas telefono icono",
        },
        {
          id: "indemnizaciones",
          title: "Indemnizaciones Justas",
          description: "Luchamos para que obtengas la máxima indemnización por daños y perjuicios.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-lying-ground-after-car-accident_53876-63306.jpg?_wi=2",
          imageAlt: "reloj 24 horas telefono icono",
        },
      ]}
      title="Accidentes Laborales: Protegemos los derechos de los trabajadores."
      description="Si sufriste un accidente en tu lugar de trabajo o camino a él, estamos aquí para defenderte. Nuestro equipo está especializado en todas las etapas del reclamo, garantizando la indemnización que te corresponde."
    />
  </div>

  <div id="laborales-cta" data-section="laborales-cta">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "cell-wave",
      }}
      tag="Asesoramiento Legal"
      title="¿Necesitás ayuda con un accidente laboral?"
      description="Contactanos ahora mismo para una consulta gratuita. Tu salud y tus derechos son lo primero. Te acompañamos en todo el proceso."
      inputPlaceholder="Dejanos tu consulta"
      buttonText="Hablar por WhatsApp"
      onSubmit={() => console.log('Accidentes Laborales 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>
  );
}
