"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Building2, Diamond, ShieldCheck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",          id: "hero"},
        {
          name: "Nosotros",          id: "about"},
        {
          name: "Productos",          id: "products"},
        {
          name: "Contacto",          id: "contact"},
      ]}
      brandName="Rocantera"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars"}}
      title="Cantera Natural con Legado y Precisión"
      description="Fabricación y distribución directa. Diseños a medida, calidad superior y compromiso total con cada detalle arquitectónico de tu proyecto."
      tag="Expertos en Cantera"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-with-concrete-surface_23-2148394821.jpg",          imageAlt: "cantera natural texture stone"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-rock-formations-with-nature-landscape_23-2151723124.jpg",          imageAlt: "fuente cantera natural elegante"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="100+ Proyectos Realizados"
      tagIcon={Diamond}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Directamente del Fabricante a tu Obra"
      description="En Rocantera eliminamos los intermediarios para entregarte la mejor cantera natural. Adaptamos medidas, acabados y diseños únicos para que tu visión arquitectónica cobre vida exactamente como la imaginas."
      tag="Nuestra Filosofía"
      bulletPoints={[
        {
          title: "Calidad Natural",          description: "Selección premium de piedra cantera."},
        {
          title: "Diseños Personalizados",          description: "Adaptación total a tus planos y visión."},
        {
          title: "Venta Directa",          description: "Precios justos sin intermediarios."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/modeling-clay-pottery-close-up_23-2148643317.jpg"
      tagIcon={Building2}
      imageAlt="artesano cantera trabajando piedra"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "1",          title: "Corte a Medida",          subtitle: "Precisión láser y artesanal",          category: "Técnica",          value: "A medida"},
        {
          id: "2",          title: "Distribución Eficiente",          subtitle: "Envíos asegurados y directos",          category: "Logística",          value: "Directo"},
        {
          id: "3",          title: "Acabados Exclusivos",          subtitle: "Pulidos, cincelados y texturas",          category: "Estética",          value: "Premium"},
        {
          id: "4",          title: "Soporte Técnico",          subtitle: "Asesoría durante todo el proceso",          category: "Servicio",          value: "Integral"},
        {
          id: "5",          title: "Stock Permanente",          subtitle: "Disponibilidad inmediata en piezas",          category: "Inventario",          value: "Alto"},
      ]}
      title="Soluciones de Alto Valor"
      description="Nuestros procesos de transformación y distribución aseguran que cada pieza sea un activo de valor para tu edificación."
      tag="Ventajas Competitivas"
      tagIcon={ShieldCheck}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          brand: "Rocantera",          name: "Fuente Central Minimalista",          price: "Cotizar",          rating: 5,
          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756546.jpg"},
        {
          id: "2",          brand: "Rocantera",          name: "Piso Cantera Antiderrapante",          price: "Cotizar",          rating: 5,
          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12368.jpg"},
        {
          id: "3",          brand: "Rocantera",          name: "Fachada Piedra Natural",          price: "Cotizar",          rating: 4,
          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/stone-floor-texture_1194-8996.jpg"},
        {
          id: "4",          brand: "Rocantera",          name: "Maceta Artesanal Grande",          price: "Cotizar",          rating: 5,
          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/blue-ceramic-plant-pot-with-saucer_53876-176844.jpg"},
        {
          id: "5",          brand: "Rocantera",          name: "Escultura de Jardín",          price: "Cotizar",          rating: 5,
          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12274.jpg"},
        {
          id: "6",          brand: "Rocantera",          name: "Banca de Cantera",          price: "Cotizar",          rating: 5,
          reviewCount: "10",          imageSrc: "http://img.b2bpic.net/free-photo/stones-table_23-2148874506.jpg"},
      ]}
      title="Catálogo de Piedras y Piezas"
      description="Explora nuestra selección de piezas en cantera natural, transformadas artesanalmente para integrarse perfectamente en tu diseño."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "15",          title: "Años de Experiencia",          items: [
            "Calidad comprobada",            "Líderes en el sector"],
        },
        {
          id: "m2",          value: "500+",          title: "Proyectos Completados",          items: [
            "Residenciales y comerciales",            "Escala nacional"],
        },
        {
          id: "m3",          value: "100%",          title: "Satisfacción Garantizada",          items: [
            "Sin intermediarios",            "Trato directo"],
        },
      ]}
      title="Nuestra Trayectoria en Números"
      description="La solidez de nuestra cantera se refleja en el éxito de los proyectos que hemos ayudado a construir."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Arq. Roberto Méndez",          role: "Arquitecto Senior",          testimonial: "La calidad de la cantera es impecable.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-holding-his-plans_23-2148242980.jpg"},
        {
          id: "2",          name: "Elena Vargas",          role: "Propietaria",          testimonial: "Cumplieron con las medidas exactas.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg"},
        {
          id: "3",          name: "Carlos Ruíz",          role: "Interiorista",          testimonial: "Rocantera es mi proveedor de confianza.",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-working-her-workshop_23-2148877342.jpg"},
        {
          id: "4",          name: "Mónica Torres",          role: "Constructora",          testimonial: "Excelente servicio y entrega.",          imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86012.jpg"},
        {
          id: "5",          name: "Alejandro S.",          role: "Arquitecto",          testimonial: "Atención al detalle inigualable.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businesswoman-working-blue-print_23-2148187236.jpg"},
      ]}
      title="Lo que dicen de nosotros"
      description="Profesionales del sector avalan nuestra calidad y puntualidad en cada entrega."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "¿Realizan envíos a toda la República?",          content: "Sí, coordinamos logística de envío para que tu piedra llegue segura."},
        {
          id: "2",          title: "¿Puedo pedir diseños personalizados?",          content: "Totalmente. Nos especializamos en adaptar medidas según tus planos."},
        {
          id: "3",          title: "¿Por qué elegir Rocantera?",          content: "Precios directos de fabricante sin intermediarios."},
      ]}
      title="Preguntas Frecuentes"
      description="Resolvemos tus dudas sobre nuestro proceso y capacidades de producción."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Comienza tu próximo proyecto"
      description="Envíanos tus medidas o planos. Estamos listos para fabricar la pieza de cantera ideal."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Nombre completo",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Correo electrónico",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Número de teléfono",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Cuéntanos sobre tu proyecto...",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797676.jpg"
      imageAlt="oficina cantera diseño moderno"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Servicios",          items: [
            {
              label: "Cantera Natural",              href: "#products"},
            {
              label: "Diseños a Medida",              href: "#"},
            {
              label: "Distribución Directa",              href: "#"},
          ],
        },
        {
          title: "Empresa",          items: [
            {
              label: "Nosotros",              href: "#about"},
            {
              label: "Contacto",              href: "#contact"},
            {
              label: "Privacidad",              href: "#"},
          ],
        },
      ]}
      logoText="Rocantera"
      copyrightText="© 2025 Rocantera. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
