"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="circleGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Inicio",          id: "inicio"},
        {
          name: "Nosotros",          id: "nosotros"},
        {
          name: "Servicios",          id: "servicios"},
        {
          name: "Paquetes",          id: "paquetes"},
        {
          name: "Testimonios",          id: "testimonios"},
        {
          name: "Preguntas",          id: "preguntas"},
        {
          name: "Contacto",          id: "contacto"},
      ]}
      brandName="Uñas Spa"
      button={{
        text: "Reservar Cita",        href: "#contacto"}}
    />
  </div>

  <div id="inicio" data-section="inicio">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient"}}
      title="Uñas y Bienestar, Creado con Belleza para Ti"
      description="Servicios premium de manicura y pedicura en Santiago donde el cuidado experto, el estilo vibrante y la relajación se encuentran. Confiado por más de 250 clientes satisfechos."
      tag="Bienvenida a Uñas Spa"
      buttons={[
        {
          text: "Reservar Cita",          href: "#contacto"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-lemons_23-2148487126.jpg",          imageAlt: "Manicura de lujo con esmalte vibrante"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/foot-massage-with-oil-bolster-minimalist-spa-reflexology-relax_169016-69607.jpg",          imageAlt: "Pedicura relajante en un spa"},
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Confiado por más de 250 clientes felices"
    />
  </div>

  <div id="nosotros" data-section="nosotros">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Nuestra Pasión por la Belleza y el Bienestar"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg",          alt: "interior salón de uñas moderno y elegante"},
      ]}
      buttons={[
        {
          text: "Descubre Más",          href: "#servicios"},
      ]}
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          title: "Manicura Profesional",          subtitle: "Cuidado completo para manos y uñas impecables.",          category: "Manos",          value: "Desde $15.000"},
        {
          id: "f2",          title: "Pedicura Relajante",          subtitle: "Experiencia de bienestar total para tus pies.",          category: "Pies",          value: "Desde $20.000"},
        {
          id: "f3",          title: "Esmaltado Permanente",          subtitle: "Brillo y duración que resisten el día a día.",          category: "Servicio",          value: "Desde $18.000"},
        {
          id: "f4",          title: "Uñas Acrílicas y Gel",          subtitle: "Extensiones y refuerzos para un look impactante.",          category: "Especialidades",          value: "Desde $30.000"},
        {
          id: "f5",          title: "Diseño de Nail Art",          subtitle: "Creatividad y estilo personalizado en tus uñas.",          category: "Diseño",          value: "Consulta"},
      ]}
      title="Nuestros Servicios Exclusivos"
      description="Descubre la gama de tratamientos que hemos diseñado para realzar tu belleza y proporcionarte la máxima relajación."
    />
  </div>

  <div id="paquetes" data-section="paquetes">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Manicura Premium",          price: "$25.000",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-nude-color-manicure-one-finger-shiny-golden-knitted-pink-wool-pillover-background_343596-4067.jpg",          imageAlt: "Manicura Premium"},
        {
          id: "p2",          name: "Pedicura Deluxe",          price: "$30.000",          imageSrc: "http://img.b2bpic.net/free-photo/friends-doing-their-nail-care-routine-together_23-2149297961.jpg",          imageAlt: "Pedicura Deluxe"},
        {
          id: "p3",          name: "Paquete Spa Completo",          price: "$50.000",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-girls_1098-14677.jpg",          imageAlt: "Paquete Spa Completo"},
        {
          id: "p4",          name: "Diseño Personalizado",          price: "Desde $10.000",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149295393.jpg",          imageAlt: "Diseño Personalizado"},
        {
          id: "p5",          name: "Servicio de Novia",          price: "Consulta",          imageSrc: "http://img.b2bpic.net/free-photo/bachelorette-celebrating-with-team-bride_23-2149340490.jpg",          imageAlt: "Servicio de Novia"},
        {
          id: "p6",          name: "Uñas de Gel",          price: "$35.000",          imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130366.jpg",          imageAlt: "Uñas de Gel"},
      ]}
      title="Explora Nuestros Paquetes de Lujo"
      description="Desde tratamientos clásicos hasta experiencias completas de bienestar, encuentra el servicio perfecto para ti."
    />
  </div>

  <div id="testimonios" data-section="testimonios">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Fernanda González",          role: "Directora de Marketing",          company: "Creativa Digital",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-touching-each-other-nose_23-2148327913.jpg",          imageAlt: "Fernanda González"},
        {
          id: "t2",          name: "Javier Soto",          role: "Diseñador Gráfico",          company: "Visual Studio",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-expressing-discontent_1187-5885.jpg",          imageAlt: "Javier Soto"},
        {
          id: "t3",          name: "Valentina Rojas",          role: "Empresaria",          company: "Emprende Chile",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-phone-gesture-t-shirt-jacket-looking-confident_176474-28360.jpg",          imageAlt: "Valentina Rojas"},
        {
          id: "t4",          name: "Carlos Mena",          role: "Gerente de Ventas",          company: "Proyectos Chile",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pillowing-face-her-hands-checked-shirt-looking-cute-front-view_176474-31700.jpg",          imageAlt: "Carlos Mena"},
        {
          id: "t5",          name: "Sofia Ibáñez",          role: "Consultora de Imagen",          company: "Estilo Personal",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/debonair-stylish-woman-black-blouse-smiling-graceful-european-girl-wears-golden-earrings_197531-11766.jpg",          imageAlt: "Sofia Ibáñez"},
      ]}
      title="Lo Que Dicen Nuestros Clientes"
      description="La satisfacción de nuestros clientes es nuestra mayor recompensa. Lee sus experiencias y únete a la familia Uñas Spa."
    />
  </div>

  <div id="preguntas" data-section="preguntas">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "¿Cómo puedo reservar una cita?",          content: "Puedes reservar tu cita directamente a través de nuestro formulario de contacto en esta página o llamándonos a nuestro número de teléfono."},
        {
          id: "faq2",          title: "¿Qué tipos de servicios de uñas ofrecen?",          content: "Ofrecemos una amplia gama de servicios, incluyendo manicura y pedicura clásica, esmaltado permanente, uñas acrílicas, uñas de gel y diseños de nail art personalizados."},
        {
          id: "faq3",          title: "¿Utilizan productos veganos o libres de crueldad animal?",          content: "Sí, nos comprometemos a utilizar productos de alta calidad, incluyendo opciones veganas y libres de crueldad animal, siempre que sea posible. Por favor, consulta con tu técnico para detalles específicos."},
        {
          id: "faq4",          title: "¿Tienen ofertas o paquetes especiales?",          content: "Regularmente tenemos ofertas especiales y paquetes combinados para diferentes ocasiones. Te invitamos a revisar nuestra sección de paquetes en esta misma página o seguirnos en redes sociales para estar al tanto."},
        {
          id: "faq5",          title: "¿Cuál es su política de cancelación de citas?",          content: "Agradecemos que nos notifiques con al menos 24 horas de anticipación si necesitas cancelar o reprogramar tu cita. Esto nos permite ajustar nuestra agenda y ofrecer el horario a otros clientes."},
      ]}
      title="¿Preguntas Frecuentes?"
      description="Encuentra respuestas a tus dudas sobre nuestros servicios, citas y políticas."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Contáctanos Hoy"
      title="Estamos Listos para Atenderte"
      description="Envíanos un mensaje o reserva tu próxima cita. Esperamos verte pronto en Uñas Spa."
      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."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Uñas Spa"
      columns={[
        {
          title: "Servicios",          items: [
            {
              label: "Manicura",              href: "#servicios"},
            {
              label: "Pedicura",              href: "#servicios"},
            {
              label: "Nail Art",              href: "#servicios"},
            {
              label: "Uñas de Gel",              href: "#servicios"},
          ],
        },
        {
          title: "Empresa",          items: [
            {
              label: "Sobre Nosotros",              href: "#nosotros"},
            {
              label: "Testimonios",              href: "#testimonios"},
            {
              label: "FAQ",              href: "#preguntas"},
            {
              label: "Contacto",              href: "#contacto"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Política de Privacidad",              href: "#"},
            {
              label: "Términos de Servicio",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Uñas Spa. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
