"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Heart, CheckCircle, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Servicios", id: "services" },
            { name: "Equipo", id: "team" },
            { name: "Galería", id: "gallery" },
            { name: "Reseñas", id: "testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reserva Online", href: "contact" }}
          brandName="Femme Beauty"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="El Nail Studio Rosa & Blanco de Nueva Andalucía"
          description="Manicura y pedicura de estándar internacional en Marbella. Técnicas de precisión, higiene impecable y atención personalizada para clientas que exigen lo mejor. Ubicación estratégica en Nueva Andalucía, cerca de Puerto Banús."
          tag="⭐ 4.8 estrellas • 169 reseñas"
          tagIcon={Sparkles}
          background={{ variant: "glowing-orb" }}
          imageSrc="http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg"
          imageAlt="Manicura profesional con técnica de precisión"
          imagePosition="right"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Sarah Mitchell",              handle: "London, UK",              testimonial: "El mejor nail studio donde he estado. Mary es una artista. Volveré cada vez que visite Marbella.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1"
            },
            {
              name: "Isabella López",              handle: "Madrid, España",              testimonial: "Impecable. La atención es extraordinaria y el resultado durísimo. Genesis es increíble.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2"
            },
            {
              name: "Catherine Dubois",              handle: "París, Francia",              testimonial: "Jamais trovato un posto migliore per le unghie. Sono venuta tre volte in un mese.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3"
            }
          ]}
          buttons={[
            { text: "Reserva Online Ahora", href: "contact" },
            { text: "Descubre Nuestros Servicios", href: "services" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Nuestra Experiencia"
          tagIcon={Heart}
          title="Donde Precisión, Higiene y Lujo se Encuentran"
          description="Femme Beauty no es solo un nail studio. Es un refugio de calidad donde cada detalle importa: desde la esterilización de instrumentos siguiendo protocolos internacionales hasta la selección de productos premium de marcas líderes en el sector. Nuestro equipo de técnicas especializadas (Mary, Genesis, Rossi) ha construido una reputación que se refleja en el 4.8 de satisfacción de más de 169 reseñas."
          subdescription="Nueva Andalucía, Marbella • Abierto hasta las 20:00"
          icon={CheckCircle}
          imageSrc="http://img.b2bpic.net/free-photo/still-life-tools-nail-art_23-2150321259.jpg"
          imageAlt="Interior del salon Femme Beauty"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="Nuestros Servicios de Belleza"
          description="Especialistas en manicura y pedicura con técnicas de vanguardia, durabilidad garantizada y acabados que duran 3+ semanas."
          tag="Tratamientos Premium"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              tag: "Clásico",              title: "Manicura Profesional",              subtitle: "Precisión y elegancia en cada gesto",              description: "Limpieza profunda, corte y forma personalizados, cutícula tratada con esmero, y esmalte de larga duración. Nuestras técnicas evitan roturas y mantienen la salud de tu uña.",              imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-gray-glitter-nail-design_127675-2836.jpg?_wi=1"
            },
            {
              id: 2,
              tag: "Spa",              title: "Pedicura Spa Completa",              subtitle: "Relax y transformación total",              description: "Hidratación profunda con baño caliente, exfoliación suave, masaje relajante y esmaltado profesional. Ideal para residentes y turistas que buscan una experiencia completa de bienestar.",              imageSrc: "http://img.b2bpic.net/free-photo/spa-treatment-product-female-feet-hand-spa-orchid-flowers-ceramic-bowl_1150-37715.jpg?_wi=1"
            },
            {
              id: 3,
              tag: "Tendencia",              title: "Gel & Chrome",              subtitle: "Los acabados más Instagram-worthy",              description: "Gel de última generación con acabados espejo, chrome nails, diseños personalizados y nail art moderno. Durabilidad garantizada de 4+ semanas sin peladuras.",              imageSrc: "http://img.b2bpic.net/free-photo/graceful-thin-fingers-girl-with-trendy-pastel-nude-manicure-fluffy-soft-sweater-cute-silver-ring-bow_343596-7953.jpg?_wi=1"
            },
            {
              id: 4,
              tag: "Complemento",              title: "Tratamientos Estéticos",              subtitle: "Belleza integral para tus manos",              description: "Peeling de manos, hidratación intensiva con mascarilla, cuticula therapy y tratamientos regeneradores. Servicios complementarios que realzan la belleza de tus manos.",              imageSrc: "http://img.b2bpic.net/free-photo/flower-shop-collection-concept_23-2151921106.jpg?_wi=1"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="El Equipo que Marca la Diferencia"
          description="Técnicas certificadas, apasionadas por la belleza y dedicadas a tu satisfacción. Cada miembro de nuestro equipo trae precisión, experiencia y un toque personal a cada cita."
          tag="Profesionales"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          members={[
            {
              id: "1",              name: "Mary",              role: "Especialista Manicura",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg?_wi=1"
            },
            {
              id: "2",              name: "Genesis",              role: "Experta Pedicura",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg?_wi=2"
            },
            {
              id: "3",              name: "Rossi",              role: "Nail Art Designer",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg?_wi=3"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Llevo 6 meses viniendo cada 3 semanas. Es consistencia pura. El gel dura sin pelar, el ambiente es limpio y profesional, y el equipo te trata como si fueras la reina."
          rating={5}
          author="Laura Fernández, Residente Puerto Banús"
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Cliente satisfecha" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Cliente satisfecha" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Cliente satisfecha" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Cliente satisfecha" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Cliente satisfecha" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Cliente satisfecha" }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardThree
          title="Galería de Trabajos – Manicura y Pedicura en Marbella"
          description="Chrome nails, diseños personalizados, french manicure moderna, pedicura spa de lujo. Cada foto es un ejemplo de precisión, higiene y acabado impecable que caracteriza a Femme Beauty."
          tag="Inspiración Visual"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="bento-grid"
          animationType="scale-rotate"
          products={[
            {
              id: "1",              name: "Chrome Nails Espejo",              price: "Desde €35",              imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-gray-glitter-nail-design_127675-2836.jpg?_wi=2",              imageAlt: "Chrome nails metálicas"
            },
            {
              id: "2",              name: "French Manicure Moderna",              price: "Desde €30",              imageSrc: "http://img.b2bpic.net/free-photo/graceful-thin-fingers-girl-with-trendy-pastel-nude-manicure-fluffy-soft-sweater-cute-silver-ring-bow_343596-7953.jpg?_wi=2",              imageAlt: "French manicure elegante"
            },
            {
              id: "3",              name: "Pedicura Spa Premium",              price: "Desde €45",              imageSrc: "http://img.b2bpic.net/free-photo/spa-treatment-product-female-feet-hand-spa-orchid-flowers-ceramic-bowl_1150-37715.jpg?_wi=2",              imageAlt: "Pedicura de lujo"
            },
            {
              id: "4",              name: "Interior Salon",              price: "Ambiente Perfecto",              imageSrc: "http://img.b2bpic.net/free-photo/flower-shop-collection-concept_23-2151921106.jpg?_wi=2",              imageAlt: "Interior del salón"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Preguntas Frecuentes"
          description="Resolvemos tus dudas sobre nuestros servicios, horarios, reservas y cuidados del esmaltado."
          tag="Ayuda"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "¿Cuánto dura el semipermanente/gel?",              content: "Nuestro gel dura entre 4 y 5 semanas sin peladuras si sigues los cuidados básicos. Muchas clientas nos visitan cada 3-4 semanas para mantenimiento. La durabilidad depende de tu tipo de uña y actividades cotidianas."
            },
            {
              id: "2",              title: "¿Trabajáis con cita previa?",              content: "Sí, cita previa obligatoria para garantizar tu lugar y reducir tiempos de espera. Reserva online a través de Fresha o llama al 666 60 94 32. Aceptamos mismo día según disponibilidad, especialmente en temporada baja."
            },
            {
              id: "3",              title: "¿Atendéis en inglés?",              content: "Por supuesto. Nuestro equipo es completamente bilingüe (español/inglés). Atendemos con frecuencia a clientas internacionales, turistas y residentes de diferentes nacionalidades."
            },
            {
              id: "4",              title: "¿Cuánto tarda una manicura completa?",              content: "Una manicura profesional tarda entre 45-60 minutos. Una pedicura spa completa, entre 60-75 minutos. Gel y diseños personalizados pueden tomar 60-90 minutos según complejidad. Siempre dejamos tiempo sin prisas."
            },
            {
              id: "5",              title: "¿Es recomendable reservar en temporada alta?",              content: "Absolutamente. Entre julio-agosto y Navidad, la demanda aumenta mucho. Reserva con 1-2 semanas de anticipación para asegurar tu fecha y hora preferidas. Los turistas suelen reservar antes de viajar."
            },
            {
              id: "6",              title: "¿Qué protocolos de higiene usan?",              content: "Esterilización en autoclave de todos los instrumentos, uso de ficheros desechables, desinfección de superficies entre clientas, guantes de látex y máximas normas de salubridad. Cumplimos protocolos internacionales de salud."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserva Ahora"
          title="Asegura tu Cita en Femme Beauty"
          description="Suscríbete a nuestro newsletter para promociones exclusivas, tips de cuidado de uñas y actualizaciones de nuevos servicios. O reserva directamente online en Fresha."
          tagIcon={Mail}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
          inputPlaceholder="tu@email.com"
          buttonText="Suscribirse"
          termsText="Protegemos tu privacidad. Cancelar suscripción en cualquier momento."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Femme Beauty"
          copyrightText="© 2025 Femme Beauty Marbella | Nail & Beauty Studio | Nueva Andalucía, Puerto Banús"
        />
      </div>
    </ThemeProvider>
  );
}