"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Compass, Diamond, ShieldCheck, Wrench, Hammer } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Inicio", id: "hero" },
        { name: "Servicios", id: "features" },
        { name: "Productos", id: "products" },
        { name: "Contacto", id: "contact" }
      ]}
      brandName="Vidres Manresa"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{ variant: "gradient-bars" }}
      title="Expertos en Cristales y Carpintería Metálica en Manresa"
      description="Más de 20 años de trayectoria ofreciendo soluciones personalizadas. Desde 1988, mejorando hogares y negocios con calidad y precisión."
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/businesswoman-making-phone-call-windows_23-2148171095.jpg", alt: "Client" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg", alt: "Client" },
        { src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136862.jpg", alt: "Client" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg", alt: "Client" },
        { src: "http://img.b2bpic.net/free-photo/geometric-lamp-hanging-from-ceiling_1127-2078.jpg", alt: "Client" }
      ]}
      avatarText="Más de 20 años de confianza"
      buttons={[{ text: "Pide una consulta", href: "#contact" }]}
      marqueeItems={[
        { type: "text", text: "Calidad Certificada" },
        { type: "text", text: "Presupuestos Rápidos" },
        { type: "text", text: "Instalación Profesional" },
        { type: "text", text: "Materiales de Primera" },
        { type: "text", text: "Atención Personalizada" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Sobre Vidres Manresa"
      description="Desde 1988, nos dedicamos a ofrecer servicios de cristalería y carpintería metálica de alta calidad. Nuestro compromiso con el cliente es el motor de nuestro crecimiento constante."
      imageSrc="http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure-from-shot_23-2148748800.jpg"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { icon: Diamond, title: "Cristalería Especializada", description: "Instalación de cristales de máxima calidad para todo tipo de necesidades." },
        { icon: Hammer, title: "Carpintería Metálica", description: "Soluciones a medida en marcos, puertas y ventanas duraderas." },
        { icon: ShieldCheck, title: "Asesoramiento Técnico", description: "Expertos que te acompañan desde el diseño hasta la instalación final." },
        { icon: Compass, title: "Diseño a Medida", description: "Adaptamos cada pieza a las medidas y estilo de tu espacio." },
        { icon: Wrench, title: "Mantenimiento y Reparación", description: "Servicio post-venta para garantizar la longevidad de nuestras instalaciones." }
      ]}
      title="Nuestros Servicios"
      description="Servicios integrales para asegurar la calidad de cada proyecto."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "p1", name: "Cristales de Alta Eficiencia", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-blue-lake-captured-from-inside-villa_181624-10734.jpg" },
        { id: "p2", name: "Marcos Metálicos", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/entrance_23-2148098599.jpg" },
        { id: "p3", name: "Mesas y Mobiliario de Vidrio", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/empty-crystal-glasses-copy-space_23-2148722487.jpg" },
        { id: "p4", name: "Tabiques de Cristal", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-tokyo-city-day_23-2149347164.jpg" },
        { id: "p5", name: "Puertas de Seguridad", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-sunglasses-looking-her-smartphone_1157-1805.jpg" },
        { id: "p6", name: "Espejos a Medida", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/modern-entryway-with-furniture-home-decor_23-2150831773.jpg" }
      ]}
      title="Nuestros Productos"
      description="Soluciones funcionales, estéticas y seguras para tu hogar o negocio."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Nuestra Trayectoria"
      tag="Más de 35 años de experiencia"
      metrics={[
        { id: "m1", value: "35+", description: "Años de experiencia" },
        { id: "m2", value: "1000+", description: "Proyectos realizados" },
        { id: "m3", value: "100%", description: "Clientes satisfechos" }
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", title: "Gran profesionalidad", quote: "Excelente trabajo en la instalación de mis ventanas.", name: "Juan Perez", role: "Cliente residencial", imageSrc: "http://img.b2bpic.net/free-photo/boy-with-skateboard-looking-through-window_23-2147667438.jpg" },
        { id: "2", title: "Servicio impecable", quote: "Los mejores profesionales en carpintería metálica de Manresa.", name: "Maria Garcia", role: "Arquitecta", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg" },
        { id: "3", title: "Calidad superior", quote: "Muy satisfechos con el diseño de nuestros nuevos cristales.", name: "Carlos Lopez", role: "Empresario", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-taking-photo-her-boyfriend-cellphone_23-2148151847.jpg" },
        { id: "4", title: "Rapidez y eficiencia", quote: "Atención personalizada y resultados de gran durabilidad.", name: "Ana Martinez", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/architects-leaning-against-facade_23-2147702521.jpg" },
        { id: "5", title: "Muy recomendables", quote: "Excelente relación calidad-precio y un trato muy cercano.", name: "Luis Gomez", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/stuido-portrait-happy-cheerful-young-businessman_273609-12506.jpg" }
      ]}
      title="Lo que opinan nuestros clientes"
      description="La satisfacción de quienes ya han confiado en nosotros."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "¿Hacen presupuestos sin compromiso?", content: "Sí, realizamos presupuestos personalizados y sin compromiso según tus necesidades." },
        { id: "f2", title: "¿Trabajan solo en Manresa?", content: "Atendemos toda la zona de Manresa y alrededores con servicios de cristalería y carpintería." },
        { id: "f3", title: "¿Qué tipos de materiales utilizan?", content: "Usamos materiales de primera calidad, garantizando durabilidad y seguridad en todas nuestras instalaciones." }
      ]}
      title="Preguntas frecuentes"
      description="Resolvemos tus dudas habituales sobre nuestros servicios."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
        title="Pide información aquí"
        description="Estamos listos para asesorarte en tu próximo proyecto. ¡Consigue una consulta gratuita hoy mismo!"
        inputs={[
          { name: "nombre", type: "text", placeholder: "Nombre completo" },
          { name: "email", type: "email", placeholder: "Tu correo electrónico" }
        ]}
        textarea={{ name: "mensaje", placeholder: "Cuéntanos tu proyecto...", rows: 4 }}
        useInvertedBackground={true}
        imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-typing-pc-keyboard-assisting-customers-through-live-chat_482257-125755.jpg"
        mediaPosition="right"
        buttonText="Enviar mensaje"
      />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        { title: "Servicios", items: [{ label: "Cristalería", href: "#features" }, { label: "Carpintería Metálica", href: "#features" }] },
        { title: "Empresa", items: [{ label: "Inicio", href: "#hero" }, { label: "Contacto", href: "#contact" }] },
        { title: "Contacto", items: [{ label: "93 874 24 60", href: "tel:938742460" }, { label: "WhatsApp", href: "https://wa.me/34685087336" }] }
      ]}
      bottomLeftText="© 2024 Vidres Manresa S.L."
      bottomRightText="Todos los derechos reservados"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}