"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",
          id: "#hero",
        },
        {
          name: "Nosotras",
          id: "#about",
        },
        {
          name: "Servicios",
          id: "#features",
        },
        {
          name: "Colecciones",
          id: "#products",
        },
        {
          name: "Testimonios",
          id: "#testimonials",
        },
        {
          name: "Contacto",
          id: "#contact",
        },
      ]}
      brandName="Marion se va de Compras"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Marion se va de Compras"
      description="Moda que te enamora, atención que te cuida\nDescubre colecciones cuidadosamente seleccionadas en nuestra tienda boutique de Pamplona. Compra online o recoge en tienda con la atención personalizada que nos caracteriza."
      buttons={[
        {
          text: "Explorar Colecciones",
          href: "#products",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/adorable-bride-preparation_1153-7078.jpg",
          imageAlt: "Woman posing in a fashion boutique with elegant clothes",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/clothes-hang-shelf_1339-5476.jpg",
          imageAlt: "Stylish clothing rack in a modern boutique",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-mobile-phone-while-shopping_107420-12133.jpg",
          imageAlt: "Woman shopping and smiling with personalized attention",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/clothes-laptop-bed-arrangement-high-angle_23-2149726124.jpg",
          imageAlt: "Woman browsing a fashion website on a tablet",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-walking-sunny-day_1303-24607.jpg",
          imageAlt: "Stylish woman walking in the city of Pamplona",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/exclusive-offer-with-discount_23-2151912097.jpg",
          imageAlt: "Elegant boutique window display with seasonal collection",
        },
      ]}
      autoplayDelay={3000}
      showDimOverlay={false}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Tu Boutique de Moda Femenina en Pamplona"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Calidad Garantizada",
          "Diseño Exclusivo",
          "Tendencias Actuales",
        ],
      }}
      positiveCard={{
        items: [
          "Asesoramiento de Estilo",
          "Compra Online Fácil",
          "Recogida en Tienda",
        ],
      }}
      title="Tu Experiencia de Compra, a Tu Medida"
      description="Descubre los servicios exclusivos que hacen de Marion se va de Compras tu destino de moda preferido, combinando la comodidad digital con el encanto de la tienda local."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "prod-1",
          name: "Vestido Floral de Verano",
          price: "€69.99",
          imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-standing-urban-background_1139-859.jpg",
          imageAlt: "Elegant floral print summer dress",
        },
        {
          id: "prod-2",
          name: "Blusa de Seda Elegante",
          price: "€49.99",
          imageSrc: "http://img.b2bpic.net/free-photo/teenager-enjoying-music-near-window_23-2147777328.jpg",
          imageAlt: "Stylish silk blouse for women",
        },
        {
          id: "prod-3",
          name: "Jeans de Tiro Alto Ajustados",
          price: "€59.99",
          imageSrc: "http://img.b2bpic.net/free-photo/young-charming-girl-photographer-working-with-tablet-sits-table-studio-with-loft-interior_613910-14398.jpg",
          imageAlt: "Comfortable high-waist slim-fit jeans",
        },
        {
          id: "prod-4",
          name: "Chaqueta Sastre Moderna",
          price: "€89.99",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3572.jpg",
          imageAlt: "Fashionable tailored jacket for women",
        },
        {
          id: "prod-5",
          name: "Falda Midi Plisada",
          price: "€45.99",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elderly-woman-colorful-dress-outside-autumn-street_1303-29578.jpg",
          imageAlt: "Pleated midi skirt in modern style",
        },
        {
          id: "prod-6",
          name: "Accesorios Exclusivos",
          price: "Desde €25.00",
          imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154091.jpg",
          imageAlt: "Assorted fashion accessories including handbag and jewelry",
        },
      ]}
      title="Nuestras Últimas Colecciones"
      description="Explora nuestra cuidada selección de prendas y accesorios, diseñados para realzar tu estilo y personalidad. Desde looks casuales hasta outfits elegantes para ocasiones especiales, encuentra tu próxima pieza favorita."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "plan-1",
          badge: "Recomendado",
          badgeIcon: Sparkles,
          price: "€99",
          name: "Consulta de Estilo Express",
          buttons: [
            {
              text: "Reservar Ahora",
              href: "#contact",
            },
          ],
          features: [
            "Sesión de 1 hora (online/presencial)",
            "Análisis de silueta",
            "Consejos de colorimetría",
          ],
        },
        {
          id: "plan-2",
          badge: "Popular",
          badgeIcon: Star,
          price: "€199",
          name: "Renovación de Guardarropa",
          buttons: [
            {
              text: "Reservar Ahora",
              href: "#contact",
            },
          ],
          features: [
            "Sesión de 3 horas (presencial)",
            "Reorganización de armario",
            "Creación de 5 outfits nuevos",
            "Lista de compras personalizada",
          ],
        },
        {
          id: "plan-3",
          badge: "Premium",
          badgeIcon: Award,
          price: "€349",
          name: "Experiencia de Estilo Completa",
          buttons: [
            {
              text: "Reservar Ahora",
              href: "#contact",
            },
          ],
          features: [
            "Sesiones de 5 horas (divididas)",
            "Asesoramiento completo de imagen",
            "Personal shopper (2 horas)",
            "Guía de estilo digital",
          ],
        },
      ]}
      title="Servicios de Asesoramiento de Estilo"
      description="Eleva tu guardarropa con nuestros paquetes de asesoramiento personalizado. Descubre lo que mejor te sienta y cómo combinar tus prendas para cada ocasión."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "test-1",
          name: "Ana García",
          role: "Diseñadora",
          testimonial: "¡Absolutamente encantada con la atención y las colecciones! Siempre encuentro piezas únicas que realzan mi estilo. Marion se va de Compras es mi boutique de referencia.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman_23-2148204746.jpg",
          imageAlt: "Ana García",
        },
        {
          id: "test-2",
          name: "Marta López",
          role: "Abogada",
          testimonial: "La calidad de la ropa es excepcional y el servicio al cliente es inmejorable. La opción de recogida en tienda es perfecta para mi ajetreado horario.",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-portrait_1303-11838.jpg",
          imageAlt: "Marta López",
        },
        {
          id: "test-3",
          name: "Elena Ruiz",
          role: "Gerente de Proyectos",
          testimonial: "Me encanta la selección de prendas. Siempre a la última y con ese toque personal que marca la diferencia. ¡Recomiendo totalmente la experiencia!",
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg",
          imageAlt: "Elena Ruiz",
        },
        {
          id: "test-4",
          name: "Sofía Martín",
          role: "Profesora",
          testimonial: "Cada visita es un placer. El ambiente de la tienda es acogedor y el asesoramiento es siempre honesto y muy útil. ¡Encuentro siempre lo que busco y más!",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-singing_1187-5552.jpg",
          imageAlt: "Sofía Martín",
        },
        {
          id: "test-5",
          name: "Laura Díaz",
          role: "Freelancer",
          testimonial: "Gracias a Marion se va de Compras, mi guardarropa ha mejorado muchísimo. Ropa de calidad y un trato exquisito. ¡Un verdadero tesoro en Pamplona!",
          imageSrc: "http://img.b2bpic.net/free-photo/stusio-portrait-trendy-brunette-woman-wearing-white-linen-suit-posing-beige-background-blogger-fashionista_291049-2973.jpg",
          imageAlt: "Laura Díaz",
        },
      ]}
      title="Lo que Nuestras Clientes Dicen"
      description="La satisfacción de nuestras clientas es nuestra mayor recompensa. Lee sus experiencias y descubre por qué confían en Marion se va de Compras para su estilo."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Estilo Excepcional",
        "Atención 5 Estrellas",
        "Calidad Superior",
        "Compra Fácil",
        "Colecciones Únicas",
        "Asesoramiento Experto",
        "Confianza Garantizada",
      ]}
      title="Orgullosamente Presentes en Navarra"
      description="Nuestra pasión por la moda y el servicio excepcional nos ha convertido en un referente para la mujer de Navarra. Únete a nuestra comunidad de clientas satisfechas."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "¿Cuál es vuestra política de devoluciones?",
          content: "Aceptamos devoluciones de prendas sin usar, con las etiquetas originales, dentro de los 14 días posteriores a la compra. Se requiere el ticket de compra. Para más detalles, visita nuestra sección de 'Política de Devoluciones'.",
        },
        {
          id: "faq-2",
          title: "¿Ofrecéis envíos internacionales?",
          content: "Actualmente, nuestros envíos están limitados al territorio español. Estamos trabajando para expandir nuestras opciones de envío en el futuro. Te mantendremos informada a través de nuestras redes sociales y newsletter.",
        },
        {
          id: "faq-3",
          title: "¿Puedo recoger mi pedido online en la tienda física?",
          content: "Sí, ofrecemos la opción de recogida en tienda sin coste adicional. Una vez que tu pedido esté listo, te enviaremos una notificación para que puedas pasar a recogerlo en nuestro horario comercial.",
        },
      ]}
      sideTitle="¿Tienes Preguntas?"
      sideDescription="Encuentra respuestas a las preguntas más frecuentes sobre nuestros productos, pedidos online, devoluciones y servicios en tienda."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contacto"
      title="Visítanos o Escríbenos"
      description="Estamos aquí para ayudarte. Si tienes alguna pregunta sobre nuestras colecciones, un pedido o necesitas asesoramiento personalizado, no dudes en contactarnos."
      imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-sitting-bench-with-boxes_23-2148734488.jpg"
      imageAlt="Exterior of Marion se va de Compras boutique in Pamplona"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Introduce tu email"
      buttonText="Enviar Mensaje"
      termsText="Al hacer clic en Enviar Mensaje, confirmas que estás de acuerdo con nuestros Términos y Condiciones y Política de Privacidad."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Marion se va de Compras"
      leftLink={{
        text: "Política de Privacidad",
        href: "#",
      }}
      rightLink={{
        text: "Términos y Condiciones",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
