"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { CalendarDays, Home, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",          id: "home"},
        {
          name: "Sobre Nosotros",          id: "about"},
        {
          name: "Servicios",          id: "services"},
        {
          name: "Propiedades",          id: "properties"},
        {
          name: "Testimonios",          id: "testimonials"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contacto",          id: "contact"},
      ]}
      button={{
        text: "Comprar/Vender",        href: "#contact"}}
      logoSrc="http://img.b2bpic.net/free-vector/real-estate-logo-template_23-2150529034.jpg"
      brandName="Sócialcasa"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "downward-rays-static"}}
      title="Encuentra el Hogar de Tus Sueños en Córdoba"
      description="Sócialcasa es tu agencia inmobiliaria de confianza en Córdoba, dedicada a hacer realidad tus sueños de vivienda. Con un profundo conocimiento del mercado local, profesionalidad y un trato cercano, te acompañamos en cada paso del proceso."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-house-with-pool-lush-greenery_23-2152008205.jpg",          imageAlt: "Modern house exterior with pool in Córdoba"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/white-wall-tub-bathroom-luxury_1203-6328.jpg",          imageAlt: "Spacious living room with modern design"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cathedral-urgel-la-seu-d-urgell_1398-3233.jpg",          imageAlt: "Andalusian patio in a traditional Cordoban building"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-living-room-with-city-skyline-view-generative-ai_188544-46252.jpg",          imageAlt: "Urban apartment with a city view"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/landscape-with-colorful-rainbow-appearing-sky_23-2151521450.jpg",          imageAlt: "Suburban house with green lawn"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-green-leaf-minimalist-chair_23-2149678906.jpg",          imageAlt: "Modern minimalist interior of an apartment"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/signing-agreement_1098-19561.jpg",          imageAlt: "Real estate agent shaking hands with a happy client"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-latest-financial-results-desk_1098-1983.jpg",          imageAlt: "Architectural drawings and property valuation reports"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/evening-view-malta-town_1398-231.jpg",          imageAlt: "Drone view of a residential neighborhood"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tired-young-couple-are-sitting-floor-with-paint-brush-bucket-while-doing-repair-home_496169-751.jpg",          imageAlt: "Woman inspecting kitchen appliances in a new home"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571107.jpg",          imageAlt: "Real estate team collaborating in a modern office"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-celebrating-birthday-together_23-2150598982.jpg",          imageAlt: "Sold sign in front of a house"},
      ]}
      tag="Expertos en Inmobiliaria"
      buttons={[
        {
          text: "Ver Propiedades",          href: "#properties"},
        {
          text: "Contactar Agente",          href: "#contact"},
      ]}
      carouselPosition="right"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/man-with-black-jacket-talks-phone-smiles_23-2148401392.jpg",          alt: "Cliente satisfecho 1"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",          alt: "Cliente satisfecho 2"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg",          alt: "Cliente satisfecho 3"},
        {
          src: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",          alt: "Cliente satisfecho 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrat-young-man-laughing_23-2148560405.jpg",          alt: "Cliente satisfecho 5"},
      ]}
      avatarText="+100 Clientes Satisfechos"
      marqueeItems={[
        {
          type: "text",          text: "Valoraciones Gratuitas"},
        {
          type: "text",          text: "Asesoramiento Experto"},
        {
          type: "text",          text: "Atención Personalizada"},
        {
          type: "text",          text: "Propiedades Exclusivas"},
        {
          type: "text",          text: "Confianza y Transparencia"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Tu Socio Inmobiliario de Confianza en Córdoba"
      description="Con años de experiencia y un profundo conocimiento del mercado inmobiliario local, Sócialcasa se ha consolidado como un referente en Córdoba. Nuestra misión es ofrecer un servicio excepcional, adaptado a las necesidades de cada cliente, garantizando las mejores soluciones en compra, venta y alquiler."
      imageSrc="http://img.b2bpic.net/free-photo/diverse-business-people-working_53876-14369.jpg"
      imageAlt="Real estate team smiling professionally in an office"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
        {
          title: "Compra y Venta de Propiedades",          description: "Te guiamos en el proceso de comprar o vender tu casa, asegurando una transacción fluida y beneficiosa para ti.",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-business-card-mockup_23-2147687425.jpg",          imageAlt: "House for sale sign",          titleImageSrc: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154919.jpg",          buttonText: "Explorar"},
        {
          title: "Alquiler y Gestión de Alquileres",          description: "Encuentra el inquilino perfecto para tu propiedad o la vivienda de alquiler ideal. Nos encargamos de toda la gestión.",          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-exchanging-ideas-with-realtor-contractor-office-tour_482257-91195.jpg",          imageAlt: "Couple signing rental agreement",          titleImageSrc: "http://img.b2bpic.net/free-photo/key-left-side-white-background_187299-40170.jpg",          buttonText: "Descubrir"},
        {
          title: "Valoración y Asesoría",          description: "Ofrecemos valoraciones precisas de propiedades y asesoramiento experto para maximizar tu inversión inmobiliaria.",          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-client-studying-blueprint_74855-2944.jpg",          imageAlt: "Property valuation on a laptop",          titleImageSrc: "http://img.b2bpic.net/free-photo/piggybank-with-stacked-coins-key-blueprint_23-2147863918.jpg",          buttonText: "Solicitar"},
      ]}
      title="Nuestros Servicios Inmobiliarios"
      description="Ofrecemos una gama completa de servicios para cubrir todas tus necesidades inmobiliarias, desde la primera consulta hasta la firma final."
    />
  </div>

  <div id="properties" data-section="properties">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Chalet con Jardín y Piscina",          price: "450.000 €",          imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-building-blue-sky_181624-5766.jpg",          imageAlt: "Modern detached house exterior with garden and pool"},
        {
          id: "p2",          name: "Piso de Lujo en Centro Histórico",          price: "320.000 €",          imageSrc: "http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10726.jpg",          imageAlt: "Spacious city apartment with balcony view"},
        {
          id: "p3",          name: "Casa Adosada en Poniente Sur",          price: "285.000 €",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-house-city_23-2148798672.jpg",          imageAlt: "Charming townhouse in historic center"},
        {
          id: "p4",          name: "Finca Rústica con Olivar",          price: "620.000 €",          imageSrc: "http://img.b2bpic.net/free-photo/grassy-field-with-house-trees-dutch-polder_181624-8791.jpg",          imageAlt: "Rustic country house with field"},
        {
          id: "p5",          name: "Local Comercial en Zona Vial Norte",          price: "180.000 €",          imageSrc: "http://img.b2bpic.net/free-photo/business-building-interior-with-plants_1127-2173.jpg",          imageAlt: "Modern office space with glass walls"},
        {
          id: "p6",          name: "Ático con Vistas Panorámicas",          price: "510.000 €",          imageSrc: "http://img.b2bpic.net/free-photo/working-with-device-lifestyle_23-2151848753.jpg",          imageAlt: "Luxury apartment interior design"},
      ]}
      title="Propiedades Destacadas en Córdoba"
      description="Explora nuestra selección de inmuebles disponibles. Encuentra la casa o el piso perfecto para ti en las mejores zonas de Córdoba."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "m1",          icon: Home,
          title: "Propiedades Vendidas",          value: "+500"},
        {
          id: "m2",          icon: Users,
          title: "Clientes Satisfechos",          value: "+700"},
        {
          id: "m3",          icon: CalendarDays,
          title: "Años de Experiencia",          value: "+10"},
      ]}
      title="Sócialcasa en Cifras"
      description="Nuestro compromiso y éxito se reflejan en la satisfacción de nuestros clientes y el impacto que generamos en el mercado inmobiliario de Córdoba."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Fran Martin Gomez",          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",          imageAlt: "Fran Martin Gomez avatar"},
        {
          id: "t2",          name: "Amadori Recio Galán",          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",          imageAlt: "Amadori Recio Galán avatar"},
        {
          id: "t3",          name: "Virginia Diaz Castilla",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg",          imageAlt: "Virginia Diaz Castilla avatar"},
        {
          id: "t4",          name: "Carlos Ruíz",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",          imageAlt: "Carlos Ruíz avatar"},
        {
          id: "t5",          name: "Laura García",          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-their-new-apartment_329181-210.jpg",          imageAlt: "Laura García avatar"},
      ]}
      cardTitle="Lo Que Dicen Nuestros Clientes"
      cardTag="Opiniones Reales"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "¿Cuál es el proceso para vender mi propiedad?",          content: "El proceso comienza con una valoración gratuita de tu inmueble. Luego, preparamos un plan de marketing personalizado, gestionamos las visitas y te asesoramos durante la negociación y el cierre de la venta."},
        {
          id: "q2",          title: "¿Necesito pagar algo por adelantado para buscar una propiedad?",          content: "No, nuestra asesoría inicial para buscar propiedades es completamente gratuita. Solo pagas cuando encuentras la propiedad perfecta y se formaliza la compra o alquiler."},
        {
          id: "q3",          title: "¿Cómo sé si una propiedad tiene el precio justo?",          content: "Realizamos estudios de mercado exhaustivos y valoraciones profesionales para asegurar que tanto compradores como vendedores obtengan un precio justo y competitivo."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-teamworkers-talking_23-2148427092.jpg"
      imageAlt="Real estate agent explaining documents to a couple"
      mediaAnimation="opacity"
      mediaPosition="left"
      title="Preguntas Frecuentes"
      description="Resolvemos tus dudas más comunes sobre el proceso inmobiliario, para que tomes decisiones informadas y seguras."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Contacto"
      title="Hablemos de Tu Próximo Hogar"
      description="¿Listo para encontrar la propiedad ideal o vender la tuya? Contáctanos hoy mismo para una asesoría personalizada y sin compromiso. Estamos aquí para ayudarte."
      inputPlaceholder="Tu correo electrónico"
      buttonText="Enviar Mensaje"
      termsText="Al hacer clic en 'Enviar Mensaje', confirmas que estás de acuerdo con nuestros Términos y Condiciones."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      logoSrc="http://img.b2bpic.net/free-vector/real-estate-logo-template_23-2150529034.jpg"
      logoText="Sócialcasa"
      columns={[
        {
          title: "Explora",          items: [
            {
              label: "Inicio",              href: "#home"},
            {
              label: "Servicios",              href: "#services"},
            {
              label: "Propiedades",              href: "#properties"},
          ],
        },
        {
          title: "Compañía",          items: [
            {
              label: "Sobre Nosotros",              href: "#about"},
            {
              label: "Testimonios",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Política de Privacidad",              href: "#"},
            {
              label: "Términos de Servicio",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2025 Sócialcasa | Todos los derechos reservados."
      imageSrc="http://img.b2bpic.net/free-photo/modern-house-with-pool-lush-greenery_23-2152008205.jpg"
      imageAlt="Modern house exterior with pool"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}