"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, CalendarCheck, CheckCircle, Clock, Grid, Key, Leaf, Lightbulb, MessageCircle, Palette, ShieldCheck, Truck, Chat, RulerPen, Factory } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="large"
        background="circleGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",          id: "inicio"},
        {
          name: "Servicios",          id: "servicios"},
        {
          name: "Ventajas",          id: "ventajas"},
        {
          name: "Proceso",          id: "proceso"},
        {
          name: "Equipo",          id: "equipo"},
        {
          name: "Galería",          id: "galeria"},
        {
          name: "Opiniones",          id: "opiniones"},
        {
          name: "Contacto",          id: "contacto"},
      ]}
      brandName="VMA Conjuntos Modulares"
      button={{
        text: "Solicita tu proyecto",        href: "#contacto"}}
    />
  </div>

  <div id="inicio" data-section="inicio">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Tu casa. Donde tú quieras. Como tú la imaginas."
      description="Diseñamos, fabricamos y entregamos hogares modulares únicos, personalizados a tu vida, tu parcela y tu presupuesto. Un proyecto sin estrés, de la mano de expertos."
      buttons={[
        {
          text: "Solicita tu proyecto personalizado",          href: "#contacto"},
        {
          text: "Ver modelos",          href: "#servicios"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-city-with-lots-vegetation-greenery_23-2150842776.jpg"
      imageAlt="Casa modular de lujo en un entorno natural al atardecer"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",          alt: "Cliente satisfecho"},
        {
          src: "http://img.b2bpic.net/free-photo/person-showcasing-their-home_23-2151624837.jpg",          alt: "Clienta de VMA"},
        {
          src: "http://img.b2bpic.net/free-photo/architect-putting-safety-helmet-desk_23-2148242987.jpg",          alt: "Propietario feliz"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg",          alt: "Cliente de proyecto modular"},
        {
          src: "http://img.b2bpic.net/free-photo/young-male-architect-his-office-looking-away_23-2148203924.jpg",          alt: "Cliente aprobando diseño"},
      ]}
      avatarText="Más de 500 proyectos entregados con éxito."
      marqueeItems={[
        {
          type: "text-icon",          text: "Diseño 100% Personalizado",          icon: Grid,
        },
        {
          type: "text-icon",          text: "Calidad Garantizada",          icon: ShieldCheck,
        },
        {
          type: "text-icon",          text: "Entrega en Plazo",          icon: Clock,
        },
        {
          type: "text-icon",          text: "Asesoramiento Experto",          icon: Award,
        },
        {
          type: "text-icon",          text: "Sostenibilidad",          icon: Leaf,
        },
      ]}
    />
  </div>

  <div id="servicios" data-section="servicios">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "casas-modulares",          name: "Casas Modulares a Medida",          price: "Desde 1.200€/m²",          variant: "Personalización total",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-hand-holding-small-house-model-pencil-blueprint_23-2148203980.jpg",          imageAlt: "Diseño de casa modular a medida"},
        {
          id: "mobile-homes",          name: "Mobile Homes",          price: "Desde 600€/m²",          variant: "Movilidad y confort",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-red-blue-beach-huts-rye-shoreline_1308-189441.jpg",          imageAlt: "Moderno mobile home en un entorno natural"},
        {
          id: "casetas-jardin",          name: "Casetas y Módulos para Jardín",          price: "Desde 450€/m²",          variant: "Espacios adicionales versátiles",          imageSrc: "http://img.b2bpic.net/free-photo/old-vintage-car-parked-small-garage-sign-fence_181624-1192.jpg",          imageAlt: "Caseta de jardín moderna y funcional"},
        {
          id: "ampliaciones",          name: "Ampliaciones Modulares",          price: "Solicita presupuesto",          variant: "Integra y expande",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264489.jpg",          imageAlt: "Ampliación modular integrada en una casa existente"},
        {
          id: "lujo-rustico",          name: "Casas Modulares de Lujo Rústico",          price: "Desde 1.500€/m²",          variant: "Elegancia en el campo",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263585.jpg",          imageAlt: "Casa modular de lujo con acabado rústico en parcela rural"},
        {
          id: "oficina-jardin",          name: "Módulos de Oficina para Jardín",          price: "Desde 500€/m²",          variant: "Tu espacio de trabajo ideal",          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-drafting-architectural-blueprints-planning-office-relocation_482257-91072.jpg",          imageAlt: "Módulo de oficina moderno en un jardín"},
      ]}
      title="Tu Proyecto, Nuestra Pasión"
      description="Desde la visión inicial hasta la llave en mano, cada hogar es una obra de arte modular. Explora las soluciones que adaptamos a ti."
    />
  </div>

  <div id="ventajas" data-section="ventajas">
      <MetricCardOne
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "plazos",          value: "100%",          title: "Plazos Cumplidos",          description: "Entregamos cuando prometemos, siempre. Tu proyecto a tiempo, sin sorpresas.",          icon: CalendarCheck,
        },
        {
          id: "personalizacion",          value: "Tu Visión",          title: "100% Personalizado",          description: "Adaptamos cada módulo a tu vida, tu parcela y tu presupuesto. Hecho a tu medida.",          icon: Palette,
        },
        {
          id: "acompanamiento",          value: "Llave en Mano",          title: "Acompañamiento Total",          description: "Te guiamos desde el primer plano hasta la llave en mano. Siempre contigo.",          icon: Award,
        },
        {
          id: "calidad",          value: "Duradera",          title: "Calidad que Dura",          description: "Sin goteras. Sin humedades. Sin sorpresas. Construcción robusta y fiable.",          icon: ShieldCheck,
        },
      ]}
      title="Nuestra Promesa: Tranquilidad y Excelencia"
      description="Más allá de las estructuras, construimos relaciones basadas en la confianza y el compromiso."
    />
  </div>

  <div id="proceso" data-section="proceso">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Cuéntanos tu Proyecto",          description: "Empezamos escuchando tus ideas, necesidades y el espacio que tienes en mente. Una primera charla sin compromiso para entenderte.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-office-clerks-checking-accounting-figures-paperwork_482257-123736.jpg",            imageAlt: "Reunión de clientes discutiendo un proyecto modular"},
          items: [
            {
              icon: Chat,
              text: "Consulta inicial"},
            {
              icon: Lightbulb,
              text: "Ideas y visión"},
          ],
          reverse: false
        },
        {
          title: "Diseñamos Juntos",          description: "Nuestro equipo de diseño traduce tus sueños en planos concretos. Colaboramos contigo en cada detalle hasta que sea perfecto para ti.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg",            imageAlt: "Arquitectos diseñando un plano de casa modular"},
          items: [
            {
              icon: RulerPen,
              text: "Planos 2D/3D"},
            {
              icon: Palette,
              text: "Selección de materiales"},
          ],
          reverse: true
        },
        {
          title: "Fabricamos con Precisión",          description: "Una vez aprobado el diseño, nuestros expertos artesanos construyen cada módulo con la máxima calidad y exactitud en nuestras instalaciones.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384863.jpg",            imageAlt: "Fábrica de casas modulares con operarios trabajando"},
          items: [
            {
              icon: Factory,
              text: "Construcción en taller"},
            {
              icon: CheckCircle,
              text: "Control de calidad riguroso"},
          ],
          reverse: false
        },
        {
          title: "Entregamos y Montamos",          description: "Coordinamos la entrega y el montaje final en tu parcela. En poco tiempo, tu casa modular estará lista para que solo tengas que entrar y disfrutar.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-virtual-glasses-front-new-house_493343-29857.jpg",            imageAlt: "Casa modular siendo instalada con una grúa en una parcela"},
          items: [
            {
              icon: Truck,
              text: "Transporte seguro"},
            {
              icon: Key,
              text: "Llave en mano"},
          ],
          reverse: true
        }
      ]}
      title="Tu Sueño Modular, Paso a Paso"
      description="Hacemos que el camino hacia tu casa ideal sea tan sencillo y placentero como el resultado. Sin complicaciones, con total transparencia."
    />
  </div>

  <div id="equipo" data-section="equipo">
      <TeamCardSix
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      members={[
        {
          id: "victor",          name: "Víctor",          role: "Logística y Entrega",          imageSrc: "http://img.b2bpic.net/free-photo/happy-couriers-standing-watching-address-via-tablet-cheerful-post-workers-delivering-order-together-thermo-backpack-cardboard-boxes-trolley-delivery-service-online-shopping-concept_74855-11765.jpg",          imageAlt: "Retrato de Víctor, encargado de logística"},
        {
          id: "mariangeles",          name: "Mariángeles",          role: "Relaciones con el Cliente y Diseño",          imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-painting-picture-home_1303-31151.jpg",          imageAlt: "Retrato de Mariángeles, responsable de diseño y clientes"},
      ]}
      title="VMA: Un Equipo, Un Hogar"
      description="Detrás de cada proyecto, hay una familia de expertos dedicados a hacer realidad tu visión con atención personal y profesionalidad."
    />
  </div>

  <div id="galeria" data-section="galeria">
      <ProductCardFour
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "galeria-1",          name: "Casa modular en parcela rural",          price: "Ver proyecto",          variant: "Exteriores",          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694132.jpg",          imageAlt: "Casa modular moderna en un entorno rural al atardecer"},
        {
          id: "galeria-2",          name: "Mobile home personalizada",          price: "Ver proyecto",          variant: "Interiores",          imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-boy-lying_23-2147664017.jpg",          imageAlt: "Interior elegante de un mobile home personalizado"},
        {
          id: "galeria-3",          name: "Módulo de jardín 15m²",          price: "Ver proyecto",          variant: "Exteriores",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091339.jpg",          imageAlt: "Pequeño módulo de jardín de 15m² con diseño moderno"},
        {
          id: "galeria-4",          name: "Cocina modular moderna",          price: "Ver proyecto",          variant: "Interiores",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-alone-kitchen_23-2148865900.jpg",          imageAlt: "Cocina modular con diseño moderno y minimalista"},
        {
          id: "galeria-5",          name: "Salón minimalista con luz natural",          price: "Ver proyecto",          variant: "Interiores",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg",          imageAlt: "Salón minimalista con grandes ventanales y luz natural"},
        {
          id: "galeria-6",          name: "Ampliación modular exterior",          price: "Ver proyecto",          variant: "Exteriores",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264379.jpg",          imageAlt: "Vista exterior de una ampliación modular bien integrada"},
      ]}
      title="Inspiración Modular"
      description="Explora la belleza y versatilidad de nuestros hogares en diferentes entornos y estilos. Cada imagen es un testimonio de lo que es posible."
    />
  </div>

  <div id="opiniones" data-section="opiniones">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Trato como amigos",          quote: "Desde el primer contacto, nos han tratado como amigos, y eso siempre da mucha confianza. Un equipo cercano y profesional.",          name: "Jose Luis",          role: "Cliente de Casa Modular",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          imageAlt: "Foto de Jose Luis"},
        {
          id: "2",          title: "Calidad y trato impecables",          quote: "Nos adaptaron totalmente a nuestras necesidades, la calidad técnica y el trato al cliente son impecables. Recomendados al 100%.",          name: "Mercedes",          role: "Propietaria de Mobile Home",          imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",          imageAlt: "Foto de Mercedes"},
        {
          id: "3",          title: "Mi ilusión hecha realidad",          quote: "Hicieron posible mi ilusión — en solo 30m² tengo una casita acogedora con todo lo que necesito. ¡Súper contenta!",          name: "Inma",          role: "Clienta de Módulo de Jardín",          imageSrc: "http://img.b2bpic.net/free-photo/aroma-composition-with-modern-aroma-oil-diffuser-wooden-surface-with-knitted-element-oils-candle-blurred-background_169016-10336.jpg",          imageAlt: "Foto de Inma"},
        {
          id: "4",          title: "Todo se cumplió",          quote: "Todo lo que acordamos se cumplió a la perfección. He acertado con VMA, la experiencia fue fantástica de principio a fin.",          name: "Pablo",          role: "Cliente de Ampliación Modular",          imageSrc: "http://img.b2bpic.net/free-photo/business-process-goals-target-success-graph_53876-133766.jpg",          imageAlt: "Foto de Pablo"},
        {
          id: "5",          title: "Atención excepcional",          quote: "La atención al detalle y la paciencia del equipo fueron excepcionales. Nos sentimos guiados y comprendidos. ¡Estamos encantados con nuestra nueva casa!",          name: "Ana G.",          role: "Cliente de Casa a Medida",          imageSrc: "http://img.b2bpic.net/free-photo/photo-dark-skinned-woman-her-husband-think-how-satisfy-debt-look-bills-near-window_273609-18385.jpg",          imageAlt: "Foto de Ana G."},
      ]}
      title="Historias de Hogares Felices"
      description="La confianza de nuestros clientes es la base de cada proyecto y la mayor recompensa a nuestra pasión. Escucha lo que dicen de VMA."
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"
      }}
      tag="Listo para empezar?"
      title="¿Ya tienes la parcela? Nosotros ponemos la casa."
      description="Da el primer paso hacia tu hogar soñado con una consulta personalizada. Sin compromiso, con la confianza de un amigo experto. Te esperamos para construir tu futuro."
      buttons={[
        {
          text: "Empieza tu proyecto hoy",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-roof-building-with-cars-green-plants_181624-20963.jpg"
      imageAlt="Paisaje natural con una casa modular al atardecer"
      logoSrc="http://img.b2bpic.net/free-vector/initial-monogram-letter-w-town-building-logo-design-vector-illustration_645578-1235.jpg"
      logoAlt="Logo de VMA Conjuntos Modulares S.L."
      logoText="VMA Conjuntos Modulares, S.L."
      columns={[
        {
          title: "Servicios",          items: [
            {
              label: "Casas Modulares",              href: "#servicios"},
            {
              label: "Mobile Homes",              href: "#servicios"},
            {
              label: "Casetas de Jardín",              href: "#servicios"},
            {
              label: "Ampliaciones",              href: "#servicios"},
          ],
        },
        {
          title: "Empresa",          items: [
            {
              label: "Quiénes Somos",              href: "#equipo"},
            {
              label: "Nuestro Proceso",              href: "#proceso"},
            {
              label: "Opiniones",              href: "#opiniones"},
          ],
        },
        {
          title: "Contacto",          items: [
            {
              label: "+34 600 000 000",              href: "tel:+34600000000"},
            {
              label: "info@vmamodulares.com",              href: "mailto:info@vmamodulares.com"},
            {
              label: "WhatsApp",              href: "https://wa.me/34600000000"},
            {
              label: "España",              href: "#"},
          ],
        },
        {
          title: "Síguenos",          items: [
            {
              label: "Google Reviews",              href: "#"},
            {
              label: "Instagram",              href: "https://instagram.com/vmamodulares"},
          ],
        },
      ]}
      copyrightText="© 2024 VMA Conjuntos Modulares, S.L. Todos los derechos reservados. Fabricando hogares desde el primer sueño."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
