"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
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="contact-form" data-section="contact-form">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contacto"
      title="Estamos para escucharte."
      description="Completa el formulario y nos pondremos en contacto a la brevedad. También podés llamarnos o escribirnos por WhatsApp.\n\n📍 Calle 17 N.º 5184, Berazategui, Buenos Aires, Argentina\n\n📞 +54 9 11 1234 5678\n\n💬 WhatsApp: +54 9 11 1234 5678"
      inputPlaceholder="Tu email o teléfono"
      buttonText="Enviar Consulta"
      onSubmit={() => console.log('Contact form submitted')}
    />
  </div>

  <div id="contact-faq" data-section="contact-faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "¿La primera consulta tiene costo?",
          content: "No, tu primera consulta con ABOGADOS R&E es completamente gratuita y sin compromiso. Queremos escucharte y evaluar tu caso.",
        },
        {
          id: "faq-2",
          title: "¿Qué necesito para la primera consulta?",
          content: "Es útil que nos brindes todos los detalles que tengas sobre tu situación, como fechas, lugares y cualquier documentación relevante (fotos, informes, etc.).",
        },
        {
          id: "faq-3",
          title: "¿Cuánto tiempo lleva un proceso legal?",
          content: "La duración de un proceso varía según la complejidad del caso. Te daremos una estimación realista durante el asesoramiento personalizado.",
        },
        {
          id: "faq-4",
          title: "¿Solo trabajan con accidentes laborales y de tránsito?",
          content: "Nuestras áreas principales son accidentes laborales y de tránsito, pero también ofrecemos servicios en derecho de familia y defensas penales.",
        },
        {
          id: "faq-5",
          title: "¿Cómo me mantendrán informado sobre mi caso?",
          content: "Mantenemos una comunicación constante y transparente con nuestros clientes, informando sobre cada avance y resolución en tu caso.",
        },
        {
          id: "faq-6",
          title: "¿Puedo contactarlos fuera del horario de oficina?",
          content: "Sí, entendemos las urgencias. Ofrecemos disponibilidad 24/7 para consultas importantes o situaciones que no pueden esperar.",
        },
      ]}
      title="Preguntas frecuentes sobre tu consulta"
      description="¿Tenés dudas sobre cómo funciona la primera consulta o nuestros servicios? Aquí respondemos las más comunes."
      faqsAnimation="slide-up"
    />
  </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>
  );
}
