"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { Camera, Cog, FileText, Palette, Rocket, Video } from "lucide-react";

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="servicios-intro" data-section="servicios-intro">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Nuestras Soluciones de IA"
      description="Descubre cómo la Inteligencia Artificial de Nexo AI Studio puede transformar tu marca con contenido que vende. Ofrecemos una gama completa de servicios innovadores."
      bulletPoints={[
        {
          title: "Innovación Constante",          description: "Siempre a la vanguardia de la IA para ofrecerte lo mejor."},
        {
          title: "Calidad Superior",          description: "Contenido cinematográfico que supera las expectativas."},
        {
          title: "Personalización Total",          description: "Soluciones adaptadas a las necesidades únicas de tu marca."},
      ]}
      mediaAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-network-communications_1048-15476.jpg"
      imageAlt="AI services overview, cinematic dark, blue red accents, abstract digital connections"
    />
  </div>

  <div id="servicios-detalles" data-section="servicios-detalles">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Vídeos & Anuncios con IA",          description: "Spots publicitarios, Reels y Shorts que capturan la atención, generando interacción y conversiones. Desde conceptos innovadores hasta la producción final.",          bentoComponent: "reveal-icon",          icon: Video
        },
        {
          title: "Personajes & Mascotas 3D",          description: "Crea personajes únicos que den vida a tu marca. Ideales para campañas de marketing, identidad de marca y experiencias interactivas.",          bentoComponent: "reveal-icon",          icon: Cog
        },
        {
          title: "Fotos con IA",          description: "Obtén imágenes de estudio de alta calidad, transformaciones creativas y restauración de fotos antiguas, todo con la precisión de la IA.",          bentoComponent: "reveal-icon",          icon: Camera
        },
        {
          title: "Guion & Storytelling",          description: "Desarrollamos narrativas que conectan emocionalmente con tu audiencia, transformando mensajes en historias memorables que venden.",          bentoComponent: "reveal-icon",          icon: FileText
        },
        {
          title: "Branding & Diseño con IA",          description: "Desde logos distintivos hasta identidad visual completa y material gráfico de marketing, todo diseñado para un impacto máximo.",          bentoComponent: "reveal-icon",          icon: Palette
        },
        {
          title: "Marketing & Automatización",          description: "Optimiza tu presencia digital con gestión de contenido inteligente y automatizaciones basadas en IA para resultados medibles.",          bentoComponent: "reveal-icon",          icon: Rocket
        }
      ]}
      title="Servicios Detallados para tu Éxito"
      description="Explora cada una de nuestras especialidades y cómo podemos ayudarte a destacar en el mundo digital."
    />
  </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>
  );
}
