"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            navItems={[
              { name: "Inicio", id: "hero" },
              { name: "Nosotros", id: "about" },
              { name: "Servicios", id: "features" },
              { name: "Testimonios", id: "testimonials" },
              { name: "Contacto", id: "contact" },
            ]}
            brandName="Construceles"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            title="Construcción y Remodelación Profesional"
            description="Transformamos sus ideas en realidad. Especialistas en construcción, renovación y diseño de espacios residenciales y comerciales con la más alta calidad en Aragua."
            testimonials={[
              { name: "Carlos M.", handle: "@carlosm", testimonial: "Excelente servicio, cumplieron con los plazos y la calidad de los acabados fue superior a lo esperado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-making-plans-redecorate-house_23-2148814625.jpg" },
              { name: "Maria L.", handle: "@marial", testimonial: "La remodelación de mi cocina quedó impecable. Profesionales en cada etapa del proceso.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
              { name: "Pedro R.", handle: "@pedror", testimonial: "Muy satisfecho con el trabajo estructural. Seriedad y compromiso total.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205428.jpg" },
              { name: "Ana G.", handle: "@anag", testimonial: "El mejor equipo de construcción en Maracay. Muy recomendados para cualquier proyecto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/we-must-make-modifications-this-project_329181-15105.jpg" },
              { name: "Luis S.", handle: "@luiss", testimonial: "Detallistas, organizados y muy honestos. Volvería a contratarlos sin duda.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg" }
            ]}
            buttons={[{ text: "Solicitar Presupuesto", href: "#contact" }]}
            imageSrc="http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-helmets-goggles_23-2148752004.jpg", alt: "Medium shot men with helmets and goggles" },
              { src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124290.jpg", alt: "Building and construction worker on the site with architect" },
              { src: "http://img.b2bpic.net/free-photo/woman-african-american-worker-standing-with-plan-factory_1303-30604.jpg", alt: "Woman and african american worker standing with a plan in a factory" },
              { src: "http://img.b2bpic.net/free-photo/two-architects-front-building-site_1398-5091.jpg", alt: "Two architects  in front of building site" },
              { src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", alt: "Collaboration of two carpenters in building" }
            ]}
            avatarText="Más de 150 clientes felices en Aragua"
          />
        </div>

        <div id="about" data-section="about">
          <SplitAbout
            textboxLayout="split"
            useInvertedBackground={true}
            title="Compromiso con la Calidad"
            description="En Construceles contamos con años de trayectoria transformando espacios en Maracay. Nuestra misión es garantizar durabilidad, estética y funcionalidad en cada proyecto de construcción."
            bulletPoints={[
              { title: "Experiencia Técnica", description: "Personal altamente calificado para cada etapa." },
              { title: "Materiales Premium", description: "Solo utilizamos insumos de alta calidad." },
              { title: "Cumplimiento Exacto", description: "Respetamos los tiempos de entrega acordados." }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/human-hand-holding-staple-gun-wooden-background_23-2147865439.jpg"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardThree
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
            features={[
              { title: "Construcción Residencial", description: "Levantamiento de estructuras desde cero con planos certificados.", imageSrc: "http://img.b2bpic.net/free-photo/reflection-opened-window_122409-25.jpg" },
              { title: "Remodelación Integral", description: "Actualizamos espacios interiores y exteriores modernos.", imageSrc: "http://img.b2bpic.net/free-photo/house-painters-with-paint-roller-house_1398-1570.jpg" },
              { title: "Consultoría Técnica", description: "Asesoría experta para maximizar presupuestos y optimizar recursos.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-mockup-table_23-2148252111.jpg" }
            ]}
            title="Servicios Especializados"
            description="Ofrecemos una gama completa de soluciones de construcción adaptadas a sus necesidades."
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardSeven
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            metrics={[
              { id: "m1", value: "150+", title: "Proyectos Finalizados", items: ["Residenciales", "Comerciales", "Industriales"] },
              { id: "m2", value: "10+", title: "Años de Experiencia", items: ["Calidad", "Confianza", "Trayectoria"] },
              { id: "m3", value: "98%", title: "Clientes Satisfechos", items: ["Referidos", "Recomendaciones", "Fidelidad"] }
            ]}
            title="Nuestros Números en Aragua"
            description="Resultados comprobados que avalan nuestra trayectoria en la región."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardSixteen
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            testimonials={[
              { id: "t1", name: "Carlos M.", role: "Propietario", company: "Residencia 18M", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086844.jpg" },
              { id: "t2", name: "Maria L.", role: "Arquitecta", company: "Estudio LM", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721520.jpg" },
              { id: "t3", name: "Pedro R.", role: "Gerente", company: "Empresa R", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-hotel-cafeteria_657883-397.jpg" },
              { id: "t4", name: "Ana G.", role: "Emprendedora", company: "Local G", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-taking-notes_23-2149546195.jpg" },
              { id: "t5", name: "Luis S.", role: "Inversionista", company: "Grupo Inmobiliario", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" }
            ]}
            kpiItems={[
              { value: "4.0", label: "Google Rating" },
              { value: "2", label: "Reviews Verificadas" },
              { value: "100%", label: "Compromiso" }
            ]}
            title="Opiniones de Nuestros Clientes"
            description="La confianza de nuestros clientes es nuestro activo más valioso."
          />
        </div>

        <div id="pricing" data-section="pricing">
          <PricingCardEight
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            plans={[
              { id: "basic", badge: "Basico", price: "Consulta", subtitle: "Ideal para refacciones pequeñas", features: ["Inspección visual", "Presupuesto básico", "Asesoría exprés"], buttons: [{ text: "Contactar", href: "#contact" }] },
              { id: "pro", badge: "Recomendado", price: "Cotizable", subtitle: "Para remodelaciones completas", features: ["Planos detallados", "Gestión de materiales", "Supervisión constante"], buttons: [{ text: "Elegir", href: "#contact" }] },
              { id: "enterprise", badge: "Construcción", price: "Personalizado", subtitle: "Proyectos de gran escala", features: ["Diseño arquitectónico", "Planificación integral", "Ejecución de obra"], buttons: [{ text: "Cotizar", href: "#contact" }] }
            ]}
            title="Planes de Servicios"
            description="Elige el plan que mejor se adapte a las necesidades de tu próximo proyecto."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitText
            useInvertedBackground={false}
            faqs={[
              { id: "f1", title: "¿Tienen disponibilidad inmediata?", content: "Dependiendo del volumen, solemos programar las visitas técnicas en un lapso de 48 horas." },
              { id: "f2", title: "¿Atienden fuera de Maracay?", content: "Sí, realizamos trabajos en las zonas aledañas del estado Aragua previa evaluación técnica." },
              { id: "f3", title: "¿Ofrecen garantía por obra?", content: "Todos nuestros trabajos incluyen garantía técnica por acabado y estructura según los términos del contrato." }
            ]}
            sideTitle="Preguntas Frecuentes"
            sideDescription="Resuelva todas sus dudas sobre nuestros servicios de remodelación."
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactText
            useInvertedBackground={true}
            background={{ variant: "canvas-reveal" }}
            text="Estamos listos para transformar tu hogar. ¿Tienes alguna pregunta o necesitas un presupuesto?"
            buttons={[{ text: "Contáctanos", href: "https://wa.me/58XXXXXXXXXX" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoText="Construceles"
            copyrightText="© 2024 Construceles. Todos los derechos reservados."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
