"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { CheckCircle, FileText, ListChecks, Scale, Timer, TrendingUp, Users, Wallet } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Inicio",          id: "#home"},
        {
          name: "Sobre Nosotros",          id: "#about"},
        {
          name: "Características",          id: "#features"},
        {
          name: "Módulos",          id: "#modules"},
        {
          name: "Testimonios",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      brandName="Modula ERP"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="El ERP que se ensucia las botas"
      description="Presupuestos, proyectos, facturas y tu equipo—todo en un sitio. Con el vocabulario y los procesos del sector. No vendemos software; devolvemos horas."
      tag="ERP para Construcción en Galicia"
      buttons={[
        {
          text: "Empieza gratis",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",          imageAlt: "Modula ERP dashboard for project management"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-building-plan-smartphone_23-2147813079.jpg",          imageAlt: "Modula ERP mobile app for construction site updates"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Valorado por pequeños constructores gallegos"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Modula: Creado por y para vuestro sector"
      description={[
        "Entendemos los desafíos únicos de las pequeñas constructoras en Galicia. Modula ERP está diseñado para eliminar la complejidad de la gestión de proyectos, la contabilidad y la coordinación de equipos, permitiéndoos centraros en lo que mejor sabéis hacer: construir.",        "Nuestra plataforma modular se adapta a vuestras necesidades específicas, desde el autónomo que gestiona 1-3 proyectos hasta la pequeña empresa con 15 empleados. Olvídate de los sistemas genéricos y el software lleno de jerga; Modula habla vuestro idioma y sigue vuestros procesos.",        "Con Modula, recuperas horas de administración, mejoras la visibilidad de tus márgenes de beneficio y aseguras la conformidad legal sin complicaciones. Es la herramienta sencilla y honesta que estabas esperando."]}
      buttons={[
        {
          text: "Descubre Modula",          href: "#features"},
      ]}
      showBorder={false}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Wallet,
          title: "Control Total de Presupuestos",          description: "Visualiza márgenes reales por proyecto y evita sorpresas en la rentabilidad de cada obra."},
        {
          icon: ListChecks,
          title: "Gestión Simplificada de Proyectos",          description: "Coordina tareas, plazos y recursos en un solo lugar, con procesos adaptados al sector."},
        {
          icon: FileText,
          title: "Facturación y Documentación Rápida",          description: "Genera facturas, albaranes y presupuestos en minutos, no en horas, con plantillas personalizadas."},
        {
          icon: Users,
          title: "Coordinación de Equipos Intuitiva",          description: "Asigna tareas y comunica con tu equipo de forma fluida, estés donde estés."},
        {
          icon: Scale,
          title: "Cumplimiento Legal sin Dolores de Cabeza",          description: "Mantente al día con Verifactu y las normativas fiscales sin esfuerzo adicional."},
      ]}
      title="Devolvemos horas, simplificamos la gestión"
      description="Modula ERP está diseñado para transformar la forma en que las pequeñas constructoras operan en Galicia, enfocándose en la eficiencia, la claridad y el soporte real."
      tag="Beneficios clave"
      buttons={[
        {
          text: "Ver todas las funciones",          href: "#modules"},
      ]}
    />
  </div>

  <div id="modules" data-section="modules">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "mod-1",          brand: "Modula ERP",          name: "Planificación de Proyectos",          price: "Desde 29€/mes",          rating: 5,
          reviewCount: "20",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440926.jpg",          imageAlt: "Ilustración de planificación de proyectos"},
        {
          id: "mod-2",          brand: "Modula ERP",          name: "Gestión Financiera",          price: "Desde 39€/mes",          rating: 5,
          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-business-element-collection_23-2147552542.jpg",          imageAlt: "Ilustración de gestión financiera"},
        {
          id: "mod-3",          brand: "Modula ERP",          name: "Equipo y Recursos Humanos",          price: "Desde 25€/mes",          rating: 5,
          reviewCount: "22",          imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-scene-depicting-variety-people-multitasking_23-2151294589.jpg",          imageAlt: "Ilustración de gestión de equipo"},
        {
          id: "mod-4",          brand: "Modula ERP",          name: "Operaciones en Obra",          price: "Desde 35€/mes",          rating: 5,
          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-cityscape-from-fort-goryokaku-tower-hakodate-city-hokkaido_74190-6464.jpg",          imageAlt: "Ilustración de operaciones en obra"},
        {
          id: "mod-5",          brand: "Modula ERP",          name: "Cumplimiento y Legal",          price: "Desde 19€/mes",          rating: 5,
          reviewCount: "19",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412279.jpg",          imageAlt: "Ilustración de cumplimiento legal"},
        {
          id: "mod-6",          brand: "Modula ERP",          name: "Cadena de Suministro",          price: "Desde 45€/mes",          rating: 5,
          reviewCount: "10",          imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172367.jpg",          imageAlt: "Ilustración de cadena de suministro"},
      ]}
      title="Módulos que se adaptan a ti, no al revés"
      description="Modula es tan flexible como tus proyectos. Escoge los módulos que necesitas hoy y añádelos mañana."
      tag="Soluciones Modulares"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",          name: "Manuel Rivas",          role: "Autónomo, Construcciones Manuel",          company: "Galicia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-red-helmet-celebrating-with-raised-fist_1187-3250.jpg",          imageAlt: "Foto de Manuel Rivas"},
        {
          id: "2",          name: "Carla Souto",          role: "Gerente, Edificaciones Costeras",          company: "Galicia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/architect-girl-with-tablet-computer-is-holding-hand-head-white-background_176474-116399.jpg",          imageAlt: "Foto de Carla Souto"},
        {
          id: "3",          name: "Xurxo Castro",          role: "Jefe de Obra, Obras Modernas",          company: "Galicia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-tablet-helmet_23-2148269247.jpg",          imageAlt: "Foto de Xurxo Castro"},
        {
          id: "4",          name: "Beatriz Freire",          role: "Administradora, Reformas del Morrazo",          company: "Galicia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/buildres-looking-plants_23-2147785493.jpg",          imageAlt: "Foto de Beatriz Freire"},
        {
          id: "5",          name: "Daniel Lago",          role: "Propietario, Estructuras Lago",          company: "Galicia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-architect-thinking-about-his-project_1149-1746.jpg",          imageAlt: "Foto de Daniel Lago"},
      ]}
      title="Lo que dicen nuestros clientes"
      description="Historias reales de constructores gallegos que recuperaron el control y la tranquilidad con Modula."
      tag="Experiencias Auténticas"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="slide-up"
      metrics={[
        {
          id: "m1",          icon: Timer,
          title: "Reducción del tiempo de administración",          value: "Hasta 10h/semana"},
        {
          id: "m2",          icon: TrendingUp,
          title: "Aumento en la visibilidad de márgenes",          value: "+20%"},
        {
          id: "m3",          icon: CheckCircle,
          title: "Disminución de errores de facturación",          value: "-90%"},
      ]}
      title="Resultados concretos para tu empresa"
      description="Modula ERP no es solo software; es una inversión que se traduce en mejoras tangibles."
      tag="Impacto Medible"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Constructa",        "Galician Builders",        "Pazo Works",        "Urban Foundations",        "Costa Builders",        "Terra Structures",        "Faro Constructions"]}
      title="Pequeñas constructoras que confían en Modula"
      description="Únete a la comunidad de profesionales de la construcción en Galicia que ya trabajan de forma más inteligente."
      tag="Nuestros Colaboradores"
      speed={30}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "¿Es Modula realmente para pequeñas empresas?",          content: "Absolutamente. Diseñamos Modula pensando en firmas de 1 a 15 empleados. Nuestro enfoque modular significa que solo pagas por lo que necesitas, sin funcionalidades innecesarias ni complejidades 'enterprise'."},
        {
          id: "q2",          title: "¿Cuánto tiempo lleva la implementación?",          content: "Gracias a su diseño intuitivo y nuestra guía personalizada, la mayoría de nuestros clientes están operativos en cuestión de días, no semanas. Nos encargamos de que la transición sea lo más fluida posible."},
        {
          id: "q3",          title: "¿Ofrecéis soporte técnico en gallego/español?",          content: "Sí, por supuesto. Nuestro equipo de soporte está en Galicia y habla tu idioma. Ofrecemos asistencia personalizada para asegurar que siempre tengas la ayuda que necesitas, sin rodeos ni barreras lingüísticas."},
        {
          id: "q4",          title: "¿Puedo probar Modula antes de comprometerme?",          content: "Claro que sí. Ofrecemos una prueba gratuita para que puedas experimentar Modula de primera mano y ver cómo se adapta a tus operaciones. Sin letra pequeña, sin compromiso."},
      ]}
      imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-customer-service-week-illustration_23-2149614206.jpg"
      imageAlt="Ilustración de soporte al cliente"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="¿Dudas? Te las resolvemos en un pispás"
      description="Sabemos que el cambio puede generar preguntas. Aquí tienes las respuestas a las más comunes."
      tag="Preguntas Frecuentes"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Contacta con Nosotros"
      title="¿Listo para ensuciarte las botas con Modula?"
      description="Déjanos tu email y te contactaremos para una demo gratuita y personalizada. Empieza hoy a recuperar tus horas y a ver tus márgenes."
      imageSrc="http://img.b2bpic.net/free-photo/top-view-construction-hammers-still-life_23-2150563153.jpg"
      imageAlt="Ilustración de herramientas de construcción"
      mediaAnimation="slide-up"
      mediaPosition="left"
      inputPlaceholder="Introduce tu email"
      buttonText="Empieza gratis"
      termsText="Al hacer clic en 'Empieza gratis', confirmas que aceptas nuestros Términos y Condiciones."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/conceptual-cloud-server-business-with-wooden-blocks-with-icons-dark-color-table-flat-lay_176474-10483.jpg"
      logoAlt="Modula ERP Logo"
      columns={[
        {
          items: [
            {
              label: "Inicio",              href: "#home"},
            {
              label: "Sobre Nosotros",              href: "#about"},
            {
              label: "Características",              href: "#features"},
          ],
        },
        {
          items: [
            {
              label: "Módulos",              href: "#modules"},
            {
              label: "Testimonios",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          items: [
            {
              label: "Contacto",              href: "#contact"},
            {
              label: "Política de Privacidad",              href: "#"},
            {
              label: "Términos de Servicio",              href: "#"},
          ],
        },
      ]}
      logoText="Modula ERP"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
