"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

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="about-us" data-section="about-us">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Nuestra Historia y Misión"
      description={[
        "Rossana Bonora Propiedades se fundó con la visión de transformar la experiencia inmobiliaria, ofreciendo un servicio de élite y acceso a propiedades exclusivas. Nos dedicamos a superar expectativas, construyendo relaciones duraderas basadas en la confianza y la excelencia.",
        "Nuestra misión es conectar a personas con propiedades que no solo cumplen sus expectativas, sino que las superan, proporcionando un valor duradero y una inversión inteligente. Nos regimos por la integridad, la discreción y un compromiso inquebrantable con la satisfacción del cliente.",
      ]}
    />
  </div>

  <div id="our-team" data-section="our-team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "t1",
          name: "Rossana Bonora",
          role: "Fundadora & CEO",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-reading-magazine_23-2148415915.jpg",
          imageAlt: "Portrait of Rossana Bonora",
        },
        {
          id: "t2",
          name: "Martín Pérez",
          role: "Director Comercial",
          imageSrc: "http://img.b2bpic.net/free-photo/serious-businessman-with-arms-crossed_23-2147985168.jpg",
          imageAlt: "Portrait of Martín Pérez",
        },
        {
          id: "t3",
          name: "Sofía García",
          role: "Gerente de Inversiones",
          imageSrc: "http://img.b2bpic.net/free-photo/i-can-help-you-with-selling-house_329181-11413.jpg",
          imageAlt: "Portrait of Sofía García",
        },
      ]}
      title="Conoce a Nuestro Equipo Profesional"
      description="Nuestro equipo de expertos inmobiliarios está comprometido con tus objetivos, brindando asesoramiento estratégico y un soporte inigualable en cada transacción."
    />
  </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>
  );
}
