"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { Sparkles } 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="precios-intro" data-section="precios-intro">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Nuestros Planes y Precios"
      description="Encuentra el paquete perfecto para tu marca. Calidad profesional y precios transparentes, sin sorpresas."
      bulletPoints={[
        {
          title: "Flexibilidad",
          description: "Diversidad de planes para adaptarse a cualquier necesidad y presupuesto.",
        },
        {
          title: "Transparencia",
          description: "Precios claros y sin costes ocultos desde el primer momento.",
        },
        {
          title: "Valor Insuperable",
          description: "Obtén contenido de agencia a precios accesibles gracias a la IA.",
        },
      ]}
      mediaAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212631.jpg"
      imageAlt="AI pricing structure, transparent, digital interface, dark background, glowing blue red data"
    />
  </div>

  <div id="precios-completos" data-section="precios-completos">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",
          tag: "Básico",
          price: "35€",
          period: "14 segundos",
          description: "Introducción ideal al contenido IA.",
          button: {
            text: "Elegir este paquete",
            href: "https://wa.me/59162650814?text=Hola%20Nexo%20AI%20Studio,%20estoy%20interesado%20en%20el%20Paquete%20Starter",
          },
          featuresTitle: "Características:",
          features: [
            "2 Escenas de IA",
            "Guion y Música",
            "Edición Cinematográfica",
            "Entrega Lista para Publicar",
          ],
        },
        {
          id: "growth",
          tag: "Popular",
          price: "45€",
          period: "21 segundos",
          description: "Impulsa tu crecimiento con contenido de impacto.",
          button: {
            text: "Elegir este paquete",
            href: "https://wa.me/59162650814?text=Hola%20Nexo%20AI%20Studio,%20estoy%20interesado%20en%20el%20Paquete%20Growth",
          },
          featuresTitle: "Características:",
          features: [
            "3 Escenas de IA",
            "Guion y Música",
            "Edición Cinematográfica Avanzada",
            "Revisión de Contenido",
            "Soporte Estándar",
          ],
        },
        {
          id: "pro",
          tag: "Más elegido",
          tagIcon: Sparkles,
          price: "79€",
          period: "28 segundos",
          description: "Máximo impacto y conversión garantizada.",
          button: {
            text: "Elegir este paquete",
            href: "https://wa.me/59162650814?text=Hola%20Nexo%20AI%20Studio,%20estoy%20interesado%20en%20el%20Paquete%20Pro",
          },
          featuresTitle: "Características:",
          features: [
            "4 Escenas de IA",
            "Guion Estratégico y Música Premium",
            "Edición Cinematográfica Profesional",
            "Revisión Ilimitada",
            "Asesoramiento Personalizado",
            "Soporte Prioritario",
          ],
        },
        {
          id: "premium",
          tag: "Avanzado",
          price: "99€",
          period: "35 segundos",
          description: "La solución definitiva para una presencia inigualable.",
          button: {
            text: "Elegir este paquete",
            href: "https://wa.me/59162650814?text=Hola%20Nexo%20AI%20Studio,%20estoy%20interesado%20en%20el%20Paquete%20Premium",
          },
          featuresTitle: "Características:",
          features: [
            "5 Escenas de IA",
            "Guion y Música Exclusiva",
            "Edición Cinematográfica Ultra HD",
            "Revisiones Express",
            "Asesoramiento VIP 24/7",
            "Gestión de Publicación",
          ],
        },
      ]}
      title="Todos los Paquetes de Contenido IA"
      description="Elige el plan que mejor se adapte a tus objetivos. Todos los paquetes son escalables y personalizables."
      buttons={[
        {
          text: "Hablar con un experto",
          href: "https://wa.me/59162650814",
        },
      ]}
    />
  </div>

  <div id="precios-faq" data-section="precios-faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "¿Cómo funciona la primera escena gratis?",
          content: "Simplemente contáctanos y cuéntanos tu idea. Crearemos una escena de 7 segundos sin coste ni compromiso. Si te encanta, continuamos con un paquete.",
        },
        {
          id: "faq-2",
          title: "¿Se pueden personalizar los paquetes?",
          content: "Sí, todos nuestros paquetes son flexibles. Si necesitas algo específico que no está en los planes, contáctanos y crearemos una oferta a medida para ti.",
        },
        {
          id: "faq-3",
          title: "¿Qué incluye la edición cinematográfica?",
          content: "Nuestra edición incluye corrección de color, efectos visuales premium, transiciones fluidas y un montaje profesional para un acabado de película.",
        },
        {
          id: "faq-4",
          title: "¿Puedo pedir más de 5 escenas?",
          content: "Absolutamente. Puedes solicitar un paquete personalizado con la cantidad de escenas que necesites para tu proyecto. ¡Estamos para ayudarte!",
        },
        {
          id: "faq-5",
          title: "¿Cómo es el proceso de revisión?",
          content: "Te enviaremos borradores para tu aprobación. Podrás dar feedback y haremos los ajustes necesarios para asegurar tu completa satisfacción con el resultado final.",
        },
      ]}
      title="Preguntas Frecuentes sobre Nuestros Precios"
      description="Resolvemos tus dudas más comunes sobre los paquetes y el proceso de trabajo."
      faqsAnimation="slide-up"
    />
  </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>
  );
}
