"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 { Edit, FileText, Lightbulb, Monitor, Rocket, Target } 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="nosotros-intro" data-section="nosotros-intro">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Sobre Nexo AI Studio"
      description="Conoce nuestra visión, nuestra historia y por qué somos tu mejor aliado en contenido con Inteligencia Artificial. Estamos redefiniendo la creación de contenido."
      bulletPoints={[
        {
          title: "Visión Clara",          description: "Liderar la revolución del contenido con IA, haciendo que la calidad sea accesible."},
        {
          title: "Pasión por la Innovación",          description: "Experimentamos constantemente con nuevas tecnologías para ofrecerte lo último."},
        {
          title: "Compromiso con el Cliente",          description: "Tu éxito es nuestra prioridad, y nos dedicamos a superas tus expectativas."},
      ]}
      mediaAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/playful-executive-manager-singing-dancing-break-startup-office_482257-77686.jpg"
      imageAlt="About us AI studio, team collaboration, futuristic workspace, dark aesthetic, subtle blue red light"
    />
  </div>

  <div id="historia" data-section="historia">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="La Historia Detrás de Nexo AI Studio"
      description="Fundada por un equipo de creativos y tecnólogos con la visión de democratizar el contenido de alta calidad, Nexo AI Studio nació para cerrar la brecha entre la ambición de una marca y su capacidad de producción. Desde nuestros inicios, hemos empujado los límites de lo que la Inteligencia Artificial puede lograr en el ámbito creativo, convirtiéndonos en pioneros en la generación de vídeos, personajes 3D y fotografías profesionales."
      bulletPoints={[
        {
          title: "Inicios visionarios",          description: "Nacimos de la idea de fusionar creatividad y tecnología."},
        {
          title: "Pioneros en IA creativa",          description: "Siempre a la vanguardia de la generación de contenido avanzado."},
        {
          title: "Crecimiento constante",          description: "Expandiendo nuestras capacidades y nuestro impacto en el mercado."},
      ]}
      mediaAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg"
      imageAlt="History of AI studio, futuristic evolution, timeline, dark digital landscape, glowing blue red elements"
    />
  </div>

  <div id="valores" data-section="valores">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Innovación",          description: "Estamos constantemente explorando nuevas fronteras en la creación de contenido con IA.",          bentoComponent: "reveal-icon",          icon: Lightbulb
        },
        {
          title: "Calidad Cinematográfica",          description: "Cada pieza de contenido es producida con los más altos estándares visuales y narrativos.",          bentoComponent: "reveal-icon",          icon: Monitor
        },
        {
          title: "Orientación a Resultados",          description: "Nuestro enfoque principal es generar contenido que ayude a tu marca a vender más.",          bentoComponent: "reveal-icon",          icon: Target
        },
        {
          title: "Transparencia",          description: "Comunicación clara y honesta en cada etapa del proceso.",          bentoComponent: "reveal-icon",          icon: FileText
        },
        {
          title: "Agilidad y Eficiencia",          description: "La IA nos permite entregar proyectos de alta calidad en tiempos récord.",          bentoComponent: "reveal-icon",          icon: Rocket
        },
        {
          title: "Diseño Premium",          description: "Desde logos hasta personajes 3D, todo con una estética de alto nivel.",          bentoComponent: "reveal-icon",          icon: Edit
        }
      ]}
      title="Nuestros Valores y por qué Elegirnos"
      description="Nos guiamos por principios que aseguran la excelencia en cada proyecto y la satisfacción total de nuestros clientes."
    />
  </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>
  );
}
