"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Inicio",
          id: "#hero",
        },
        {
          name: "Nosotros",
          id: "#about",
        },
        {
          name: "Propiedades",
          id: "#products",
        },
        {
          name: "Contacto",
          id: "#contact",
        },
      ]}
      brandName="Mirolo Inmuebles"
      button={{
        text: "¡Contáctanos!",
        href: "https://wa.me/3513077011",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "radial-gradient",
      }}
      title="Mirolo Inmuebles: Tu Hogar Ideal en Córdoba"
      description="Encuentra la propiedad perfecta en Córdoba Capital con la atención personalizada y profesional de Mariana Mirolo. Te acompañamos en cada paso."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/colonial-style-building_1150-18028.jpg",
          imageAlt: "Modern house exterior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-people-throwing-papers-victoriously_23-2147668868.jpg",
          imageAlt: "Spacious living room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-tangerine-wooden-plate-mixed-table_114579-46727.jpg",
          imageAlt: "Modern kitchen",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg",
          imageAlt: "Cozy bedroom",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg",
          imageAlt: "Luxury bathroom",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/picturesque-view-old-catalan-town_1398-3240.jpg",
          imageAlt: "House facade",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg",
          imageAlt: "Real estate agent with client",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-city_1127-3352.jpg",
          imageAlt: "Córdoba city view",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/couple-getting-ready-move-with-their-children_23-2149094086.jpg",
          imageAlt: "Family moving into new home",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-person-holding-small-house-hand_1048-17819.jpg",
          imageAlt: "House model with keys",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-talking_23-2148006272.jpg",
          imageAlt: "Real estate agent on laptop",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-almudena-cathedral-spain-blue-sky_181624-16604.jpg",
          imageAlt: "Córdoba architecture",
        },
      ]}
      buttons={[
        {
          text: "Ver Propiedades",
          href: "#products",
        },
        {
          text: "Contactar Agente",
          href: "#contact",
        },
      ]}
      carouselPosition="right"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
          alt: "Cliente satisfecho 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
          alt: "Cliente satisfecho 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-young-man-fence_1153-3014.jpg",
          alt: "Cliente satisfecho 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2681.jpg",
          alt: "Cliente satisfecho 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/colleagues-office-work-day_23-2150468572.jpg",
          alt: "Cliente satisfecho 5",
        },
      ]}
      avatarText="Más de 500 clientes felices"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/flat-design-elements-collection-argentinian-may-25-revolution_23-2150309750.jpg",
          alt: "Logo Banco Macro",
        },
        {
          type: "image",
          src: "asset://hero-logo-2",
          alt: "Logo Grupo Edisur",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/creative-letter-k-p-gradient-logo-design_474888-8008.jpg",
          alt: "Logo Estudio Jurídico F&M",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/bauhaus-inspired-pattern-template-branding-logo_53876-119420.jpg",
          alt: "Logo Constructora Roggio",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/facade-modern-office-skyscraper-geometric-architectural-lines-create-unique-background_169016-72710.jpg",
          alt: "Logo Banco Galicia",
        },
      ]}
      marqueeSpeed={40}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Sobre ",
        },
        {
          type: "text",
          content: "Nosotros",
        },
      ]}
      buttons={[
        {
          text: "Más sobre Mariana Mirolo",
          href: "https://www.google.com/search?q=Mariana+Mirolo+CPI+2912",
        },
      ]}
      description="Mirolo Inmuebles, liderada por Mariana Mirolo (CPI 2912), es una inmobiliaria con trayectoria en Córdoba Capital, dedicada a ofrecer un servicio de excelencia y confianza. Nuestra pasión es conectar personas con su lugar ideal, ya sea para vivir, invertir o desarrollar un negocio."
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-rests-morning-beach_176420-5824.jpg"
      imageAlt="Mariana Mirolo, professional real estate agent"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Asesoramiento",
          title: "Asesoramiento Personalizado",
          subtitle: "Guía Experta en cada paso",
          description: "Recibe un acompañamiento profesional desde la primera consulta hasta la firma. Nuestro objetivo es tu satisfacción.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-family-looking-wrapped-painting-while-relocating-into-new-home_637285-12430.jpg",
          imageAlt: "Couple looking at blueprints",
        },
        {
          tag: "Gestión",
          title: "Gestión Integral de Propiedades",
          subtitle: "Compra, Venta y Alquiler",
          description: "Nos encargamos de todos los trámites, negociaciones y aspectos legales para que tu experiencia sea fluida y sin preocupaciones.",
          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-with-wooden-blocks-with-words_176474-10433.jpg",
          imageAlt: "Handing over house keys",
        },
        {
          tag: "Búsqueda",
          title: "Búsqueda de Propiedades a Medida",
          subtitle: "Encuentra tu Lugar Ideal",
          description: "Utilizamos nuestra experiencia y conocimiento del mercado local para encontrar propiedades que se ajusten a tus deseos y presupuesto.",
          imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-map-background_23-2147982081.jpg",
          imageAlt: "City map with property locations",
        },
      ]}
      title="Nuestros Servicios Inmobiliarios"
      description="En Mirolo Inmuebles, ofrecemos una gama completa de servicios para simplificar tu búsqueda y compra de propiedades en Córdoba."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "1",
          name: "Departamento de Lujo",
          price: "U$D 180.000",
          variant: "3 Dormitorios, Centro",
          imageSrc: "http://img.b2bpic.net/free-photo/shanghai-city-aerial-view-with-urban-architecture-blue-sky-day_649448-2460.jpg",
          imageAlt: "Luxury apartment building",
        },
        {
          id: "2",
          name: "Casa Familiar con Jardín",
          price: "U$D 250.000",
          variant: "4 Dormitorios, Villa Belgrano",
          imageSrc: "http://img.b2bpic.net/free-photo/view-colorful-mexican-urban-architecture_23-2149749954.jpg",
          imageAlt: "Family house with garden",
        },
        {
          id: "3",
          name: "Villa Moderna con Piscina",
          price: "U$D 450.000",
          variant: "5 Dormitorios, La Calera",
          imageSrc: "http://img.b2bpic.net/free-photo/pool-hammocks_1203-141.jpg",
          imageAlt: "Modern villa with pool",
        },
        {
          id: "4",
          name: "Local Comercial Amplio",
          price: "U$D 120.000",
          variant: "Zona Céntrica, Ideal Negocio",
          imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg",
          imageAlt: "Commercial office space",
        },
        {
          id: "5",
          name: "Chacra en las Sierras",
          price: "U$D 300.000",
          variant: "3 Hectáreas, Mina Clavero",
          imageSrc: "http://img.b2bpic.net/free-photo/red-wooden-barn-large-field-with-mountains-hills_181624-1728.jpg",
          imageAlt: "Rustic country house",
        },
        {
          id: "6",
          name: "PH Reformado",
          price: "U$D 95.000",
          variant: "2 Dormitorios, Nueva Córdoba",
          imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2833.jpg",
          imageAlt: "Renovated apartment interior",
        },
        {
          id: "7",
          name: "Casa a Estrenar",
          price: "U$D 220.000",
          variant: "3 Dormitorios, Manantiales",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-ice-cream-beach_23-2147828777.jpg",
          imageAlt: "New modern house exterior",
        },
        {
          id: "8",
          name: "Departamento Histórico",
          price: "U$D 110.000",
          variant: "1 Dormitorio, Barrio General Paz",
          imageSrc: "http://img.b2bpic.net/free-photo/classical-urban-european-city_23-2151917278.jpg",
          imageAlt: "Historic apartment building",
        },
      ]}
      title="Propiedades Destacadas en Córdoba"
      description="Explora nuestra selección de casas, departamentos y locales comerciales disponibles en las mejores zonas de la ciudad."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="\"Excelente la atención, predisposición y profesionalidad con la que fui atendido. Siempre encontrando soluciones y la mejor opción para mis necesidades. Totalmente recomendable.\""
      rating={5}
      author="Cliente Satisfecho"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
          alt: "Avatar de Cliente 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
          alt: "Avatar de Cliente 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg",
          alt: "Avatar de Cliente 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232840.jpg",
          alt: "Avatar de Cliente 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
          alt: "Avatar de Cliente 5",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "¿Cuáles son los requisitos para alquilar una propiedad?",
          content: "Los requisitos suelen incluir demostración de ingresos, garantía propietaria o aval bancario, y un informe de veraz. Contáctanos para detalles específicos.",
        },
        {
          id: "faq-2",
          title: "¿Qué documentación necesito para vender mi propiedad?",
          content: "Necesitarás el título de propiedad, DNI de los titulares, planos, impuesto inmobiliario, servicios al día, entre otros. Te asesoramos con la lista completa.",
        },
        {
          id: "faq-3",
          title: "¿Ofrecen tasaciones de propiedades?",
          content: "Sí, realizamos tasaciones profesionales y actualizadas de tu inmueble, basadas en el mercado actual de Córdoba Capital.",
        },
        {
          id: "faq-4",
          title: "¿Puedo visitar propiedades fuera del horario de oficina?",
          content: "Hacemos lo posible para adaptarnos a tus horarios. Contáctanos para coordinar visitas que se ajusten a tu disponibilidad.",
        },
        {
          id: "faq-5",
          title: "¿Qué tipos de propiedades gestionan?",
          content: "Gestionamos una amplia variedad de propiedades: desde departamentos y casas residenciales hasta locales comerciales y terrenos, en distintas zonas de Córdoba.",
        },
      ]}
      title="Preguntas Frecuentes"
      description="¿Tienes dudas sobre el proceso de compra, venta o alquiler? Aquí resolvemos las consultas más comunes."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Banco Macro",
        "Grupo Edisur",
        "Estudio Jurídico F&M",
        "Constructora Roggio",
        "Banco Galicia",
        "Estudio Contable S.A.",
        "Cámara Inmobiliaria",
        "EPEC",
        "Aguas Cordobesas",
      ]}
      title="Nuestros Socios Estratégicos"
      description="Trabajamos con los principales bancos, constructoras y estudios jurídicos para garantizar un servicio integral y de excelencia."
      speed={40}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contacto"
      title="Encuéntranos en Córdoba"
      description="Estamos listos para ayudarte a encontrar tu próximo hogar o la mejor inversión. Visítanos o contáctanos."
      imageSrc="http://img.b2bpic.net/free-photo/old-street-spanish-city-alicante_1398-4863.jpg"
      imageAlt="Street view of Mirolo Inmuebles office in Córdoba"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Tu email..."
      buttonText="Enviar Consulta"
      termsText="Al enviar, confirmas que aceptas nuestros Términos y Condiciones y la Política de Privacidad."
      onSubmit={(email) => console.log(email)}
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Tu nombre",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Tu teléfono",
          required: false,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Tu email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tu consulta...",
        rows: 4,
        required: false,
      }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/aerial-view-us-naval-academy-annapolis-maryland_181624-11802.jpg"
      imageAlt="Map of Córdoba showing Mirolo Inmuebles location"
      logoText="Mirolo Inmuebles"
      columns={[
        {
          title: "Navegación",
          items: [
            {
              label: "Inicio",
              href: "#hero",
            },
            {
              label: "Nosotros",
              href: "#about",
            },
            {
              label: "Propiedades",
              href: "#products",
            },
            {
              label: "Contacto",
              href: "#contact",
            },
          ],
        },
        {
          title: "Servicios",
          items: [
            {
              label: "Venta",
              href: "#products",
            },
            {
              label: "Alquiler",
              href: "#products",
            },
            {
              label: "Tasaciones",
              href: "#faq",
            },
            {
              label: "Asesoramiento",
              href: "#services",
            },
          ],
        },
        {
          title: "Contacto",
          items: [
            {
              label: "Montevideo 665, Córdoba",
              href: "#contact",
            },
            {
              label: "+54 9 3513077011",
              href: "tel:+5493513077011",
            },
            {
              label: "Consulta Online",
              href: "#contact",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Mirolo Inmuebles. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
