"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Facebook, Home, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="fluid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Inicio",
          id: "#inicio",
        },
        {
          name: "Nosotros",
          id: "#nosotros",
        },
        {
          name: "Servicios",
          id: "#servicios",
        },
        {
          name: "Proyectos",
          id: "#proyectos",
        },
        {
          name: "Opiniones",
          id: "#opiniones",
        },
        {
          name: "Contacto",
          id: "#contacto",
        },
      ]}
      brandName="Santyross S.R.L"
    />
  </div>

  <div id="inicio" data-section="inicio">
      <HeroSplitTestimonial
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="Transforma tus Sueños en Realidad Arquitectónica"
      description="Constructora Santyross S.R.L: Expertos en planificación, diseño y remodelación de espacios que inspiran en Puerto Plata y más allá."
      testimonials={[
        {
          name: "María G.",
          handle: "@MariaGomez",
          testimonial: "¡Absolutamente encantada con mi nueva oficina! Superaron mis expectativas en diseño y funcionalidad.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
          imageAlt: "professional woman portrait smiling",
        },
        {
          name: "Juan P.",
          handle: "@JuanPerez",
          testimonial: "Profesionalismo y calidad en cada etapa. Recomiendo Santyross S.R.L sin dudarlo para cualquier proyecto.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg",
          imageAlt: "professional woman portrait smiling",
        },
        {
          name: "Ana R.",
          handle: "@AnaR",
          testimonial: "Hicieron realidad la casa de mis sueños. Atención al detalle y un equipo excepcional. ¡Gracias!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
          imageAlt: "professional woman portrait smiling",
        },
        {
          name: "Carlos L.",
          handle: "@CarlosL",
          testimonial: "Excelente servicio de remodelación. Transformaron mi negocio y el resultado es impecable.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-her-office_329181-13386.jpg",
          imageAlt: "professional woman portrait smiling",
        },
        {
          name: "Sofía M.",
          handle: "@SofiaM",
          testimonial: "Su enfoque estratégico y diseño innovador marcan la diferencia. Un placer trabajar con ellos.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-businessman-standing-front-desk_23-2148187160.jpg",
          imageAlt: "professional woman portrait smiling",
        },
      ]}
      testimonialRotationInterval={5000}
      tag="Constructora Santyross S.R.L"
      buttons={[
        {
          text: "Ver Proyectos",
          href: "#proyectos",
        },
        {
          text: "Contactar Ahora",
          href: "#contacto",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg",
          alt: "Cliente Satisfecho 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
          alt: "Cliente Satisfecho 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-her-office_329181-13386.jpg",
          alt: "Cliente Satisfecho 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiling-businessman-standing-front-desk_23-2148187160.jpg",
          alt: "Cliente Satisfecho 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
          alt: "Cliente Satisfecho 5",
        },
      ]}
      avatarText="+250 Proyectos Exitosos"
      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg"
      imageAlt="Edificio moderno de Constructora Santyross S.R.L"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/low-angle-building-with-many-windows_23-2148252801.jpg",
          alt: "Edificio moderno con muchas ventanas",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/modern-hotel-complex-low-angle-shot_181624-503.jpg",
          alt: "Moderno complejo hotelero",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/golden-hour-glow-modern-skyscraper-against-blue-sky_23-2152032152.jpg",
          alt: "Rascacielos al atardecer",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/rainbow-sky-residential-area-houses_169016-21426.jpg",
          alt: "Casas residenciales con arcoíris",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/low-angle-shot-tall-business-building-with-blue-cloudy-sky_181624-3795.jpg",
          alt: "Edificio corporativo con cielo azul",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/cityscape-downtown-development-exterior-building_53876-16509.jpg",
          alt: "Paisaje urbano con desarrollo",
        },
      ]}
    />
  </div>

  <div id="nosotros" data-section="nosotros">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Nuestra Historia"
      title="Más Allá de la Construcción"
      description="En Constructora Santyross S.R.L, somos un estudio de arquitectura líder en Puerto Plata, dedicado a la planificación, diseño y remodelación de viviendas, negocios y oficinas. Nuestro compromiso es ofrecer soluciones personalizadas que superen las expectativas de cada cliente."
      subdescription="Creamos planes estratégicos innovadores para materializar visiones, combinando estética, funcionalidad y sostenibilidad en cada proyecto. Nuestra reputación de 4.8/5 estrellas en Google respalda nuestra dedicación a la excelencia."
      icon={Home}
      imageSrc="http://img.b2bpic.net/free-photo/team-architects-analyzing-building-model-plan-construction-layout-blueprints-paper-architectural-people-working-with-maquette-design-structure-project-development_482257-38840.jpg"
      imageAlt="Arquitecto trabajando en planos"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Planificación Estratégica",
          description: "Desarrollamos una hoja de ruta detallada para cada proyecto, asegurando eficiencia y resultados óptimos desde el inicio.",
          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1663.jpg",
          imageAlt: "Equipo de planificación",
        },
        {
          title: "Diseño Innovador",
          description: "Creamos espacios que no solo son estéticamente atractivos, sino también funcionales y sostenibles, adaptados a tus necesidades.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149366984.jpg",
          imageAlt: "Diseño arquitectónico 3D",
        },
        {
          title: "Remodelaciones Expertas",
          description: "Transformamos y modernizamos tus espacios existentes, dándoles una nueva vida y valor con acabados de alta calidad.",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg",
          imageAlt: "Remodelación de cocina moderna",
        },
        {
          title: "Gestión de Proyectos",
          description: "Supervisamos cada fase del proyecto, garantizando que se cumplan los plazos y presupuestos sin comprometer la calidad.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-architect-looking-blueprints-plan-building-model-table-design-construction-layout-architectural-project-engineer-planning-urban-development-with-maquette_482257-38862.jpg",
          imageAlt: "Gestión de proyecto en sitio de construcción",
        },
      ]}
      title="Construyendo el Futuro, Hoy"
      description="Ofrecemos una gama completa de servicios especializados para transformar su visión en realidad, con un enfoque en la calidad, la eficiencia y la innovación."
      tag="Nuestros Servicios"
    />
  </div>

  <div id="proyectos" data-section="proyectos">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "1",
          brand: "Residencial",
          name: "Villa Moderna 'Oasis'",
          price: "Proyecto Completado",
          rating: 5,
          reviewCount: "12 opiniones",
          imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169736.jpg",
          imageAlt: "Villa moderna con piscina",
        },
        {
          id: "2",
          brand: "Comercial",
          name: "Centro Corporativo 'Élite'",
          price: "Proyecto Completado",
          rating: 5,
          reviewCount: "8 opiniones",
          imageSrc: "http://img.b2bpic.net/free-photo/corporate-businesswoman-beige-suit-silhouette-young-corporate-woman-with-documents-laptop_1258-194033.jpg",
          imageAlt: "Fachada de centro corporativo",
        },
        {
          id: "3",
          brand: "Remodelación",
          name: "Renovación 'Gastronomía Tropical'",
          price: "Proyecto Completado",
          rating: 5,
          reviewCount: "15 opiniones",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg",
          imageAlt: "Cocina moderna renovada",
        },
        {
          id: "4",
          brand: "Residencial",
          name: "Residencia 'Vista al Mar'",
          price: "Proyecto Completado",
          rating: 5,
          reviewCount: "10 opiniones",
          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694047.jpg",
          imageAlt: "Residencia con vista al mar",
        },
        {
          id: "5",
          brand: "Comercial",
          name: "Oficinas 'Tech Hub'",
          price: "Proyecto Completado",
          rating: 5,
          reviewCount: "7 opiniones",
          imageSrc: "http://img.b2bpic.net/free-photo/empty-office-with-modern-furnishings-tech-generated-by-ai_188544-13764.jpg",
          imageAlt: "Oficinas de tecnología modernas",
        },
        {
          id: "6",
          brand: "Paisajismo",
          name: "Jardines 'Edén Urbano'",
          price: "Proyecto Completado",
          rating: 5,
          reviewCount: "9 opiniones",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone_23-2147679112.jpg",
          imageAlt: "Jardín urbano moderno",
        },
      ]}
      title="Portafolio de Excelencia"
      description="Explore nuestra galería de obras maestras, desde residencias modernas hasta espacios comerciales innovadores, cada uno un testimonio de nuestra pasión por la perfección."
      tag="Proyectos Destacados"
    />
  </div>

  <div id="opiniones" data-section="opiniones">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Ricardo S.",
          date: "20 de Julio, 2023",
          title: "Servicio de alta calidad",
          quote: "El equipo de Santyross S.R.L convirtió mi visión en una realidad impresionante. La comunicación fue fluida y el resultado superó todas mis expectativas. ¡Totalmente recomendados!",
          tag: "Vivienda",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",
          avatarAlt: "Avatar Ricardo S.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg",
          imageAlt: "Cliente feliz en su nueva casa",
        },
        {
          id: "2",
          name: "Patricia M.",
          date: "15 de Septiembre, 2023",
          title: "Diseño y funcionalidad",
          quote: "Necesitaba un rediseño completo para mi restaurante y Santyross S.R.L entregó un espacio moderno y funcional que ha atraído a más clientes. Su creatividad es incomparable.",
          tag: "Negocio",
          avatarSrc: "http://img.b2bpic.net/free-photo/man-isolated-showing-facial-emotions_1303-20265.jpg",
          avatarAlt: "Avatar Patricia M.",
          imageSrc: "http://img.b2bpic.net/free-photo/diverse-women-leaders-corporate-meeting-driving-business-growth_482257-119653.jpg",
          imageAlt: "Cliente en su negocio renovado",
        },
        {
          id: "3",
          name: "Alberto C.",
          date: "3 de Enero, 2024",
          title: "Profesionalismo garantizado",
          quote: "Trabajar con Santyross S.R.L fue una experiencia impecable. Desde la planificación hasta la entrega, su profesionalismo y atención al detalle fueron excepcionales. Mi hogar es ahora una obra de arte.",
          tag: "Remodelación",
          avatarSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-blueprints-thumb-up_1149-1158.jpg",
          avatarAlt: "Avatar Alberto C.",
          imageSrc: "http://img.b2bpic.net/free-photo/construction-workers-carrying-shovel-construction-site_1150-10141.jpg",
          imageAlt: "Proyecto arquitectónico completado",
        },
        {
          id: "4",
          name: "Elena V.",
          date: "10 de Marzo, 2024",
          title: "Superaron mis expectativas",
          quote: "Confié a Santyross S.R.L la construcción de mis nuevas oficinas y el resultado es sobresaliente. Crearon un ambiente de trabajo inspirador y eficiente. ¡Un equipo de primera!",
          tag: "Oficina",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg",
          avatarAlt: "Avatar Elena V.",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg",
          imageAlt: "Edificio comercial moderno",
        },
        {
          id: "5",
          name: "Marcos G.",
          date: "22 de Abril, 2024",
          title: "Atención personalizada",
          quote: "La atención que recibí fue excepcional. Santyross S.R.L entendió perfectamente lo que buscaba y lo plasmó en mi proyecto con una maestría increíble.",
          tag: "Diseño",
          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg",
          avatarAlt: "Avatar Marcos G.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-family-kitchen-decorated-christmas_93675-131215.jpg",
          imageAlt: "Cliente feliz con proyecto",
        },
      ]}
      title="Nuestros Clientes Opinan"
      description="La satisfacción de quienes confían en nosotros es el pilar de nuestro éxito. Con una calificación de 4.8 en Google, su confianza nos impulsa a seguir innovando y superándonos."
      tag="Testimonios"
    />
  </div>

  <div id="reconocimientos" data-section="reconocimientos">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Certificación de Calidad ISO",
        "Premio de Diseño Arquitectónico",
        "Miembro de la Cámara de Construcción",
        "Certificado Green Building",
        "Colaborador con Empresas Líderes",
        "Socio Estratégico de Desarrolladores",
        "Reconocimiento a la Innovación",
      ]}
      title="Confianza y Calidad Confirmada"
      description="Orgullosos de las alianzas y reconocimientos que respaldan nuestro compromiso inquebrantable con la excelencia y la sostenibilidad en cada construcción y diseño que realizamos."
      tag="Reconocimientos"
      speed={40}
      showCard={true}
    />
  </div>

  <div id="logros" data-section="logros">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",
          value: "+20",
          title: "Años de Experiencia",
          items: [
            "Liderando la industria",
            "Proyectos innovadores",
          ],
        },
        {
          id: "2",
          value: "+250",
          title: "Proyectos Completados",
          items: [
            "Viviendas y negocios",
            "Obras a medida",
          ],
        },
        {
          id: "3",
          value: "+180",
          title: "Clientes Satisfechos",
          items: [
            "Alta calificación en Google",
            "Relaciones duraderas",
          ],
        },
      ]}
      title="Impacto en Cifras"
      description="Décadas de experiencia y cientos de proyectos exitosos construyendo el futuro y transformando el paisaje de Puerto Plata y la República Dominicana."
      tag="Nuestros Logros"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "¿Qué tipo de proyectos maneja Constructora Santyross S.R.L?",
          content: "Nos especializamos en planificación, diseño y remodelación de una amplia gama de proyectos, incluyendo viviendas residenciales, locales comerciales y oficinas corporativas.",
        },
        {
          id: "2",
          title: "¿Ofrecen servicios de diseño de interiores?",
          content: "Sí, nuestro estudio de arquitectura ofrece servicios completos de diseño de interiores, creando ambientes funcionales y estéticamente atractivos que complementan la estructura general del proyecto.",
        },
        {
          id: "3",
          title: "¿Cómo es el proceso de colaboración con los clientes?",
          content: "Trabajamos estrechamente con cada cliente, desde la conceptualización inicial hasta la entrega final. Nuestro enfoque es colaborativo, asegurando que sus ideas y necesidades se integren en cada etapa del desarrollo del proyecto.",
        },
        {
          id: "4",
          title: "¿Puedo ver ejemplos de sus trabajos anteriores?",
          content: "Absolutamente. Le invitamos a explorar nuestra sección de 'Proyectos' en nuestro sitio web, donde encontrará una galería de nuestras obras más destacadas en Puerto Plata y otras regiones.",
        },
      ]}
      title="¿Tienes Dudas? Estamos Aquí para Ayudarte"
      description="Encuentra respuestas a las preguntas más comunes sobre nuestros servicios de arquitectura, construcción y remodelación. Si no encuentras lo que buscas, no dudes en contactarnos."
      tag="Preguntas Frecuentes"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      text="¡Hablemos de tu Próximo Proyecto! \nEstamos listos para convertir tus ideas en edificaciones impresionantes y funcionalmente perfectas."
      buttons={[
        {
          text: "Llamar Ahora: (829) 936-5731",
          href: "tel:+18299365731",
        },
        {
          text: "Visitar Oficina",
          href: "https://www.google.com/maps/dir/?api=1&destination=C%2F+Av+Isabel+de+Torres%2C+Puerto+Plata%2C+city+57000",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/double-sided-horizontal-business-card-template_23-2148892793.jpg"
      logoAlt="Logo Constructora Santyross S.R.L"
      logoText="Santyross S.R.L"
      copyrightText="© 2024 Constructora Santyross S.R.L. Todos los derechos reservados."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://www.facebook.com/Constructorasantyross/",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "https://www.instagram.com/constructorasantyross/",
          ariaLabel: "Instagram",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
