"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",
          id: "/",
        },
        {
          name: "Servicios",
          id: "/servicios",
        },
        {
          name: "Precios",
          id: "/precios",
        },
        {
          name: "Cómo Trabajamos",
          id: "/como-trabajamos",
        },
        {
          name: "Portfolio",
          id: "/portfolio",
        },
      ]}
      button={{
        text: "Hablar por WhatsApp",
        href: "https://wa.me/59162650814",
      }}
      logoSrc="http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898349.jpg"
      logoAlt="Nexo AI Studio Logo"
      brandName="NEXO AI STUDIO"
    />
  </div>

  <div id="contacto-intro" data-section="contacto-intro">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Contáctanos Hoy"
      description="Estamos listos para escuchar tus ideas y transformar tu marca. Envíanos un mensaje o chatea con nosotros directamente."
      bulletPoints={[
        {
          title: "Respuesta Rápida",
          description: "Nuestro equipo te contactará en menos de 24 horas.",
        },
        {
          title: "Asesoramiento Gratuito",
          description: "Obtén una consulta inicial sin coste ni compromiso.",
        },
        {
          title: "Soluciones a Medida",
          description: "Propuestas personalizadas para alcanzar los objetivos de tu marca.",
        },
      ]}
      mediaAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots-circuit-board-image_1048-5813.jpg"
      imageAlt="Contact us AI, digital communication, glowing chat bubbles, dark background, blue red network"
    />
  </div>

  <div id="formulario-contacto" data-section="formulario-contacto">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Hablemos de tu Proyecto"
      description="Completa el formulario y nos pondremos en contacto contigo lo antes posible. También puedes contactarnos directamente por WhatsApp."
      inputs={[
        {
          name: "nombre",
          type: "text",
          placeholder: "Tu Nombre Completo",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Tu Correo Electrónico",
          required: true,
        },
        {
          name: "whatsapp",
          type: "tel",
          placeholder: "Número de WhatsApp (opcional)",
        },
      ]}
      textarea={{
        name: "mensaje",
        placeholder: "¿Cómo podemos ayudarte? Cuéntanos tu idea.",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/3d-medical-background-wth-male-figure-running_1048-14657.jpg"
      imageAlt="AI contact form image"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Enviar Mensaje"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Navegación",
          items: [
            {
              label: "Inicio",
              href: "/",
            },
            {
              label: "Servicios",
              href: "/servicios",
            },
            {
              label: "Precios",
              href: "/precios",
            },
            {
              label: "Cómo Trabajamos",
              href: "/como-trabajamos",
            },
            {
              label: "Portfolio",
              href: "/portfolio",
            },
          ],
        },
        {
          title: "Compañía",
          items: [
            {
              label: "Nosotros",
              href: "/nosotros",
            },
            {
              label: "Contacto",
              href: "/contacto",
            },
            {
              label: "Privacidad",
              href: "#",
            },
            {
              label: "Términos",
              href: "#",
            },
          ],
        },
        {
          title: "Recursos",
          items: [
            {
              label: "Blog",
              href: "#",
            },
            {
              label: "Ayuda",
              href: "#",
            },
            {
              label: "FAQs",
              href: "/precios#faqs",
            },
          ],
        },
      ]}
      bottomLeftText="2024 © Nexo AI Studio. Todos los derechos reservados."
      bottomRightText="Diseñado con ❤️ por Webuild"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
