"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmall"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",
          id: "/",
        },
        {
          name: "Propiedades",
          id: "/properties",
        },
        {
          name: "Servicios",
          id: "/#services",
        },
        {
          name: "Nosotros",
          id: "/about",
        },
        {
          name: "Contacto",
          id: "/contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jijj4r"
      logoAlt="Rossana Bonora Propiedades Logo"
      brandName="Rossana Bonora Propiedades"
    />
  </div>

  <div id="contact-page" data-section="contact-page">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contacto"
      title="Hablemos de tu Próximo Inmueble"
      description="Estamos a tu disposición para cualquier consulta, tasación o agendar una visita. Completa el formulario o utiliza nuestras opciones de contacto directo. Nos pondremos en contacto contigo a la brevedad.\n\nOficina Central: Calle Ficticia 123, Montevideo, Uruguay\nHorario: Lunes a Viernes, 9:00 - 18:00\nWhatsApp: +598 99 123 456"
      inputPlaceholder="Tu correo electrónico"
      buttonText="Enviar Mensaje"
      termsText="Al enviar, aceptas nuestros Términos y Condiciones y Política de Privacidad."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Luxury Living Magazine",
        "Global Property Investors",
        "Architectural Digest Partners",
        "Elite Wealth Management",
        "Design & Build Studio",
        "International Realty Group",
        "Premium Bank Trust",
      ]}
      title="Nuestros Aliados y Clientes Confían en Nosotros"
      description="Hemos forjado alianzas sólidas y construido una cartera de clientes satisfechos que validan nuestro compromiso con la excelencia en el mercado inmobiliario de lujo."
      speed={20}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jijj4r"
      logoAlt="Rossana Bonora Propiedades Logo"
      columns={[
        {
          items: [
            {
              label: "Inicio",
              href: "/",
            },
            {
              label: "Propiedades",
              href: "/properties",
            },
            {
              label: "Servicios",
              href: "/#services",
            },
          ],
        },
        {
          items: [
            {
              label: "Nosotros",
              href: "/about",
            },
            {
              label: "Contacto",
              href: "/contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacidad",
              href: "#",
            },
            {
              label: "Términos",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Rossana Bonora Propiedades"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
